.inspiration-home{padding:8px 3px 12px}.welcome-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:7px 0 24px}.welcome-heading h1{margin:13px 0 9px;color:#24495f;font-size:29px;font-weight:650;line-height:1.4}.welcome-heading p{margin:0;color:#6c8595;font-size:13px;line-height:1.8}.welcome-symbol{display:grid;place-items:center;flex:0 0 66px;height:66px;border:1px solid #cde4f0;border-radius:16px;background:#e3f2fa;color:#5399bf;transform:rotate(8deg)}.creation-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px}.creation-shortcuts>button{display:flex;align-items:center;gap:13px;min-width:0;min-height:80px;padding:14px 18px;border:1px solid #d3e4ee;border-radius:8px;background:#fff;color:#396780;text-align:left;transition:border-color .18s,background .18s}.creation-shortcuts>button:hover{border-color:#92c4dc;background:#f2faff}.shortcut-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:7px;background:#e8f4fc;color:#3a86b5}.shortcut-icon.peach{background:#fbefe6;color:#b47c5d}.creation-shortcuts strong{display:block;color:#2e536a;font-size:14px;font-weight:600}.creation-shortcuts small{display:block;margin-top:5px;color:#738b9a;font-size:11px}.creation-shortcuts>button>svg:last-child{flex:0 0 17px;margin-left:auto;color:#7a9dae}.inspiration-title-row,.inspiration-title-row>div{display:flex;align-items:center}.inspiration-title-row{justify-content:space-between;gap:16px}.inspiration-title-row>div{gap:8px;color:#5a8ba6}.inspiration-title-row h2{margin:0;color:#36586e;font-size:15px;font-weight:600}.shuffle-button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:5px 3px 5px 12px;border:0;border-radius:4px;background:transparent;color:#547f97;font-size:12px}.shuffle-button:hover{color:#136b9c;background:#e5f1f8}.inspiration-filters{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 17px}.inspiration-filters button{min-height:33px;padding:6px 12px;border:1px solid transparent;border-radius:5px;background:transparent;color:#71899a;font-size:12px}.inspiration-filters button:hover{background:#edf5fa;color:#2b709a}.inspiration-filters button[aria-pressed=true]{border-color:#c4dfef;background:#e6f2fb;color:#246f9d;font-weight:600}.inspiration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.inspiration-card{min-width:0;padding:0;overflow:hidden;border:1px solid #dce8ee;border-radius:7px;background:#fff;color:#2d556d;text-align:left;transition:border-color .18s,transform .18s}.inspiration-card:hover{transform:translateY(-3px);border-color:#7cb6d3}.inspiration-card.is-chosen{border-color:#3b92c0;box-shadow:0 0 0 2px #d7ecf8}.inspiration-art{position:relative;height:clamp(150px,15vw,200px);overflow:hidden;background:#e1edf3}.inspiration-art img{display:block;width:100%;height:100%;object-fit:cover}.inspiration-apply{position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#ffffffdf;color:#3b799e}.is-chosen .inspiration-apply{background:#287fac;color:#fff}.inspiration-card-copy{padding:12px 11px 13px}.inspiration-card-copy strong{display:block;overflow:hidden;color:#355b71;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.inspiration-card-copy small{display:block;margin-top:5px;color:#7c909e;font-size:10px}.inspiration-footnote{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;color:#7c95a4;font-size:10px}.style-starters{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:23px;padding-top:18px;border-top:1px solid #e0eaf0}.style-starters>span{color:#6f8899;font-size:11px}.style-starters>div{display:flex;flex-wrap:wrap;gap:8px}.style-starters button{display:inline-flex;align-items:center;gap:10px;min-height:32px;padding:6px 10px;border:1px solid #e0e9ef;border-radius:5px;background:#fff;color:#5c7a8e;font-size:11px}.style-starters button:hover{border-color:#a7cddd;background:#eff8fc;color:#1f729f}.sidebar .new-thread{margin-bottom:10px}.sidebar-showcase{display:flex;align-items:center;gap:9px;min-height:40px;margin-bottom:23px;padding:0 12px;border-radius:6px;color:#537f99;text-decoration:none;font-size:12px}.sidebar-showcase svg:last-child{margin-left:auto}.sidebar-showcase:hover{background:#e0eff8;color:#21678f}@media(max-width:1050px)and (min-width:701px){.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspiration-art{height:170px}}@media(max-width:700px){.inspiration-home{padding:0 3px 10px}.welcome-heading{padding:9px 0 20px}.welcome-heading h1{font-size:24px}.welcome-heading p{max-width:250px;font-size:12px}.welcome-symbol{display:none}.creation-shortcuts{gap:10px;margin-bottom:23px}.creation-shortcuts>button{gap:8px;min-height:75px;padding:12px 10px}.shortcut-icon{flex-basis:31px;height:35px}.creation-shortcuts strong{font-size:12px}.creation-shortcuts small,.creation-shortcuts>button>svg:last-child{display:none}.inspiration-title-row h2{font-size:14px}.shuffle-button{min-height:44px}.inspiration-filters{gap:3px;margin-top:5px}.inspiration-filters button{min-height:44px;padding:6px 8px;font-size:11px}.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.inspiration-art{height:160px}.inspiration-card-copy{padding:10px 9px}.inspiration-card-copy strong{font-size:11px}.inspiration-card-copy small{font-size:9px}.style-starters button,.sidebar-showcase{min-height:44px}}.showcase{background:#f5fafe;color:#183d54;overflow:clip}.showcase-header{position:fixed;inset:0 0 auto;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px;padding:0 clamp(22px,4vw,72px);border-bottom:1px solid #b4d4e44d;background:#f8fcfff5}.showcase-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.showcase-brand>span{display:grid;place-items:center;width:36px;height:36px;border-radius:7px;background:#227eaf;color:#fff}.showcase-brand strong{font-size:22px;line-height:1.05}.showcase-brand small{display:block;margin-top:4px;font-size:9px;color:#56778b}.showcase-header nav{display:flex;align-items:center;gap:30px}.showcase-header nav a{padding:12px 0;text-decoration:none;color:#47677a;font-size:13px}.showcase-header nav a:hover{color:#126c9d}.showcase-enter{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:42px;padding:0 18px;border:0;border-radius:6px;background:#226f9d;color:#fff;font-size:13px;font-weight:600;transition:background .15s,transform .15s}.showcase-enter:hover{background:#185c85}.scroll-stage{position:relative;height:230svh;background:#e4f0f7}.scroll-stage-sticky{position:sticky;top:0;height:100svh;min-height:550px;overflow:hidden;isolation:isolate}.portal-scene{position:absolute;inset:0;pointer-events:none}.portal-scene svg{position:absolute;inset:0;width:100%;height:100%}.portal-distance{transform:scale(1.025);transform-origin:50% 55%;will-change:transform}.portal-foreground{transform:scale(1.025);transform-origin:50% 57%;will-change:transform}.showcase-intro{position:absolute;z-index:2;top:clamp(138px,18vh,210px);left:24px;right:24px;text-align:center}.showcase-kicker{color:#477b98;font-size:12px;font-weight:600}.showcase-intro h1{margin:20px 0 15px;color:#193f59;font-size:clamp(32px,4.4vw,66px);font-weight:650;line-height:1.2;letter-spacing:-.035em;text-wrap:balance}.showcase-intro p{margin:0;color:#496f81;font-size:15px;line-height:1.8}.showcase-intro button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:44px;margin-top:24px;padding:0 20px;border:1px solid #f7fcff;border-radius:6px;background:#ffffffce;color:#24627f;box-shadow:0 4px 20px #3a6c8910;font-size:13px}.showcase-intro button:hover{background:#fff}.showcase-mid{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;pointer-events:none;text-align:center;opacity:0}.showcase-mid>span,.finale-copy>span{color:#527d94;font-size:11px;letter-spacing:.1em}.showcase-mid strong{color:#16445d;font-size:clamp(38px,5vw,74px);font-weight:600;line-height:1.4;letter-spacing:-.035em}.showcase-finale{position:absolute;z-index:3;inset:18% 7% 12%;display:flex;flex-direction:column;justify-content:center;gap:38px;opacity:0;pointer-events:none}.finale-copy{text-align:center}.finale-copy strong{display:block;margin-top:14px;color:#234d68;font-size:clamp(30px,3.5vw,48px);font-weight:600;line-height:1.3}.finale-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:min(100%,1000px);margin:0 auto}.finale-gallery figure{margin:0;padding:9px 9px 0;border:1px solid #d3e4ed;border-radius:8px;background:#fff;box-shadow:0 10px 25px #41698212}.finale-gallery img{display:block;width:100%;height:min(31vh,310px);object-fit:cover;border-radius:4px}.finale-gallery figcaption{padding:13px 4px;color:#45687c;font-size:12px}.scene-caption{position:absolute;z-index:4;left:clamp(24px,4vw,72px);right:clamp(24px,4vw,72px);bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#476d82;font-size:11px}.scene-caption>span{display:flex;align-items:center;gap:8px;white-space:nowrap}.scroll-progress{width:min(24vw,240px);height:2px;overflow:hidden;background:#a9cbd9}.scroll-progress i{display:block;width:100%;height:100%;background:#276f98;transform:scaleX(0);transform-origin:left}.scene-credit{position:absolute;left:clamp(24px,4vw,72px);top:100px;color:#5c8094;font-size:10px}.showcase-works,.showcase-workflow{width:min(100% - 112px,1280px);margin:0 auto;scroll-margin-top:112px}.showcase-works{padding:96px 0 70px}.showcase-section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:38px}.showcase-section-head h2,.showcase-workflow h2{margin:15px 0 0;color:#1e435b;font-size:clamp(26px,3vw,40px);font-weight:600;line-height:1.45;letter-spacing:-.03em}.showcase-section-head p{margin:0;color:#6b8494;font-size:13px;line-height:1.9}.showcase-work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.showcase-work{min-width:0;padding:0;border:0;background:transparent;text-align:left}.showcase-work:nth-child(2n){margin-top:46px}.showcase-work-image{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:7px;background:#dcebf3}.showcase-work-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s ease-out}.showcase-work:hover .showcase-work-image img{transform:scale(1.045)}.showcase-work-image>span{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ffffffde;color:#366984}.showcase-work-title{display:flex;align-items:center;gap:12px;margin:18px 0 6px}.showcase-work-title small{color:#7295aa;font-size:11px;font-variant-numeric:tabular-nums}.showcase-work-title h3{margin:0;color:#274e63;font-size:17px;font-weight:600}.showcase-work>p{margin:0;color:#607d8e;font-size:12px;line-height:1.7}.showcase-disclaimer{margin-top:30px;color:#7891a0;font-size:11px;line-height:1.7}.showcase-workflow{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:60px;padding:70px 0 110px;border-top:1px solid #dbe8ef}.showcase-workflow>div>button{display:inline-flex;align-items:center;gap:32px;min-height:44px;margin-top:30px;padding:0;border:0;background:transparent;color:#2675a0;font-size:14px}.showcase-workflow>div>button:hover{color:#174f71}.showcase-workflow ol{display:flex;flex-direction:column;gap:30px;margin:0;padding:0;list-style:none}.showcase-workflow li{display:flex;align-items:flex-start;gap:20px;padding-bottom:23px;border-bottom:1px solid #dfeaf0}.showcase-workflow li>span{display:grid;place-items:center;flex:0 0 44px;height:44px;border:1px solid #c7dfea;border-radius:7px;background:#e8f4fb;color:#4085ab}.showcase-workflow small{color:#668c9f;font-size:11px}.showcase-workflow h3{margin:7px 0;color:#30546a;font-size:17px;font-weight:600}.showcase-workflow p{margin:0;color:#6a8392;font-size:13px;line-height:1.8}.showcase-account{border-top:1px solid #d9e8f1;scroll-margin-top:76px;background:#fff}.showcase .login-embedded{min-height:0}.showcase .login-main{min-height:max(700px,calc(100svh - 76px));grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.login-content .login-title{margin:22px 0 9px;color:#17384b;font-size:27px;line-height:1.4;font-weight:650}.password-field{position:relative;margin-bottom:22px}.login-content .password-field input{margin-bottom:0;padding-right:49px}.password-toggle{position:absolute;right:2px;top:2px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:5px;background:transparent;color:#688798}.password-toggle:hover{background:#e8f3f9}.login-art-collection{position:relative;width:min(100%,520px);height:410px;margin:auto}.login-art-collection>img{position:absolute;display:block;object-fit:cover;border:7px solid #fff;border-radius:7px;box-shadow:0 12px 30px #2a577619}.login-art-main{top:3%;left:0;width:67%;height:87%;transform:rotate(-5deg)}.login-art-small{top:1%;right:0;width:39%;height:46%;transform:rotate(7deg)}.login-art-detail{bottom:3%;right:1%;width:39%;height:47%;transform:rotate(4deg)}.login-art-note{position:absolute;bottom:1%;left:5%;display:flex;align-items:center;gap:9px;padding:13px 17px;border:1px solid #d1e3ed;border-radius:6px;background:#fff;color:#3f718e;font-size:12px;box-shadow:0 6px 20px #2a577610}.showcase-return{padding:100px 24px;text-align:center}.showcase-return h2{margin:20px 0 30px;color:#254c65;font-size:clamp(24px,3vw,38px);font-weight:600}.showcase-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px clamp(24px,4vw,72px);border-top:1px solid #dce8ef;background:#f5fafe;color:#668499;font-size:11px}.showcase-bottom strong{font-size:11px}.showcase-bottom a{padding:10px 0;text-decoration:none}.scroll-reveal{opacity:0;transform:translateY(16px);transition:opacity .26s ease-out,transform .26s ease-out}.scroll-reveal.is-revealed{opacity:1;transform:translateY(0)}.showcase-enter:active,.showcase-intro button:active{transform:scale(.97)}.showcase-enter svg,.showcase-work-image>span{transition:transform .16s ease-out}@media(hover:hover)and (pointer:fine){.showcase-enter:hover svg{transform:translate(2px,-2px)}.showcase-work:hover .showcase-work-image>span{transform:rotate(9deg)}}@media(max-width:900px){.showcase-works,.showcase-workflow{width:calc(100% - 56px)}.showcase-work-grid{gap:14px}.showcase-work-title h3{font-size:15px}.showcase-workflow{gap:30px}}@media(max-width:700px){.showcase-header{height:66px;padding:0 20px;gap:12px}.showcase-header nav{display:none}.showcase-brand strong{font-size:20px}.showcase-enter{min-height:44px;padding:0 12px;gap:8px;font-size:12px}.scroll-stage{height:210svh}.scroll-stage-sticky{min-height:540px}.showcase-intro{top:21%;left:18px;right:18px}.showcase-intro h1{font-size:clamp(29px,7vw,44px)}.showcase-intro p{font-size:12px}.scene-credit{top:90px;left:20px;font-size:9px}.scene-caption{left:20px;right:20px;bottom:28px;gap:12px;font-size:10px}.scene-caption>span:last-child{display:none}.scroll-progress{width:80px}.showcase-finale{inset:17% 20px 13%;gap:25px}.finale-copy strong{font-size:29px}.finale-copy>span{font-size:9px}.finale-gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-width:390px;gap:12px}.finale-gallery figure{padding:6px 6px 0}.finale-gallery img{height:min(21vh,180px)}.finale-gallery figcaption{padding:8px 3px;font-size:10px}.showcase-works,.showcase-workflow{width:calc(100% - 40px)}.showcase-works{padding:64px 0 40px}.showcase-section-head{display:block;margin-bottom:25px}.showcase-section-head h2{font-size:26px}.showcase-section-head p{margin-top:16px;font-size:12px}.showcase-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.showcase-work:nth-child(2n){margin-top:25px}.showcase-work-title{gap:8px;margin-top:13px}.showcase-work-title h3{font-size:14px}.showcase-work>p{font-size:11px}.showcase-work-image>span{width:34px;height:34px;right:8px;bottom:8px}.showcase-workflow{grid-template-columns:1fr;padding:45px 0 60px;gap:28px}.showcase-workflow h2 br{display:none}.showcase-workflow h2{font-size:25px}.showcase-workflow>div>button{margin-top:15px}.showcase-workflow ol{gap:22px}.showcase-workflow h3{font-size:15px}.showcase-workflow p{font-size:12px}.showcase-account{scroll-margin-top:66px}.showcase .login-main{min-height:calc(100svh - 66px)}.showcase .login-form-column{min-height:calc(100svh - 66px);padding:40px 23px 45px}.login-content .login-title{font-size:24px}.showcase-bottom{flex-wrap:wrap;gap:15px;padding:22px 20px;font-size:10px}.showcase-bottom>span{display:none}}@media(prefers-reduced-motion:reduce){.scroll-stage{height:100svh}.scroll-stage-sticky{position:relative}.scroll-reveal{opacity:1;transform:none}.portal-foreground,.portal-distance{transform:none}}:root{font-family:Segoe UI,Microsoft YaHei,PingFang SC,sans-serif;color:#1b3445;background:#f7fafc;font-synthesis:none;text-rendering:optimizeLegibility;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #74b7df;outline-offset:2px}a{color:inherit}button,a{touch-action:manipulation}.skip-link{position:fixed;z-index:40;top:8px;left:8px;transform:translateY(-150%);padding:9px 12px;border-radius:5px;background:#fff;color:#175f91;font-size:13px}.skip-link:focus{transform:translateY(0)}.icon-button{display:grid;place-items:center;width:36px;height:36px;padding:0;color:#547080;border:0;border-radius:6px;background:transparent}.icon-button:hover{background:#e5f2f8;color:#1b6699}.brand{display:inline-flex;align-items:center;min-width:0;gap:10px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:37px;height:37px;flex:0 0 auto;border-radius:7px;background:#2381bd;color:#fff}.brand-name{color:#173648;font-size:21px;font-weight:800;line-height:1}.brand-name span{display:block;margin-top:4px;color:#7090a3;font-size:9px;font-weight:700}.primary-button{border:0;border-radius:6px;background:#197ab6;color:#fff;font-weight:700;transition:background .16s,transform .16s}.primary-button:hover:not(:disabled){background:#0e659e;transform:translateY(-1px)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{display:flex;flex-direction:column;min-height:100dvh;background:#fff}.login-top{display:flex;align-items:center;justify-content:space-between;height:76px;padding:0 clamp(22px,4vw,66px);border-bottom:1px solid #dce9f0;background:#fff}.login-top>span{color:#6d8494;font-size:12px;font-weight:700}.login-main{display:grid;grid-template-columns:minmax(440px,51%) minmax(400px,49%);flex:1;min-height:calc(100dvh - 76px)}.login-form-column{display:grid;align-items:center;padding:52px 34px 72px}.login-content{width:min(100%,412px);margin:auto}.login-eyebrow{display:flex;align-items:center;gap:10px;color:#387fa9;font-size:11px;font-weight:800}.login-eyebrow-line,.section-kicker-line{display:inline-block;width:22px;height:2px;flex:0 0 22px;background:#eaa079}.login-content h1{margin:22px 0 8px;color:#17384b;font-size:34px;line-height:1.25;font-weight:800}.login-subtitle{margin:0 0 42px;color:#657e8d;font-size:14px}.login-content form{display:flex;flex-direction:column}.login-content label{margin:0 0 8px;color:#2d4859;font-size:14px;font-weight:700}.login-content input{width:100%;height:48px;margin-bottom:22px;padding:0 14px;border:1px solid #ccdce7;border-radius:6px;outline:0;background:#fbfdfe;color:#17384b;font-size:14px}.login-content input:focus{border-color:#3894ca;box-shadow:0 0 0 3px #dceff9;background:#fff}.login-content input::placeholder{color:#9aafbc}.login-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:48px;margin-top:7px;font-size:14px}.login-button svg{margin-left:auto}.login-button svg:first-child:last-child{margin:0}.login-button{padding:0 17px}.login-button:not(:disabled){justify-content:space-between}.demo-button{width:100%;height:46px;margin-top:11px;border:1px solid #bfd7e6;border-radius:6px;background:#f4fafe;color:#236b97;font-size:13px;font-weight:700}.demo-button:hover:not(:disabled){background:#e7f4fb}.login-help{display:flex;justify-content:space-between;gap:10px;margin-top:32px;padding-top:20px;border-top:1px solid #e4edf2;color:#718895;font-size:12px}.login-help strong{color:#266f9c;font-weight:800}.form-error{margin:0 0 13px;padding:10px 12px;border:1px solid #f1d4cc;border-radius:5px;background:#fff5f2;color:#ab4d39;font-size:12px}.login-preview{display:flex;flex-direction:column;min-width:0;padding:31px clamp(30px,5vw,74px) 28px;border-left:1px solid #d3e7f2;background:#e7f3fa}.login-preview-head,.preview-footer{display:flex;align-items:center;justify-content:space-between;color:#537d96;font-size:10px;font-weight:800}.preview-head-dots{display:flex;gap:6px}.preview-head-dots i{width:5px;height:5px;border-radius:50%;background:#84b6cf}.preview-head-dots i:last-child{background:#e79978}.preview-workspace{width:min(100%,490px);margin:auto;padding:17px;border:1px solid #c8e0ed;border-radius:8px;background:#fff;box-shadow:0 16px 35px #38617a15}.preview-label{display:flex;align-items:center;gap:8px;height:26px;color:#2879a8;font-size:12px;font-weight:800}.preview-label span{margin-left:auto;color:#8ba1ae;font-size:10px}.preview-image{height:clamp(185px,27vh,255px);margin-top:14px;overflow:hidden;border-radius:5px;background:#dceaf2}.preview-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%}.preview-caption{display:flex;flex-direction:column;gap:5px;margin:15px 1px 18px}.preview-caption span{color:#c17856;font-size:10px;font-weight:800}.preview-caption strong{color:#2d4c5d;font-size:13px;font-weight:700}.preview-input{display:flex;align-items:center;justify-content:space-between;height:43px;padding:0 13px;border:1px solid #d7e4eb;border-radius:6px;color:#9bafbb;font-size:11px}.preview-input svg{color:#2885ba}.preview-footer{margin-top:auto}.loading-screen{display:flex;align-items:center;justify-content:center;gap:25px;min-height:100dvh}.workspace{display:flex;height:100dvh;min-height:480px;overflow:hidden;background:#f8fbfd}.sidebar{display:flex;flex:0 0 247px;flex-direction:column;width:247px;height:100%;padding:19px 13px 14px;border-right:1px solid #dce8ef;background:#f1f8fc}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;height:45px;padding-left:5px}.sidebar .brand-name{font-size:19px}.sidebar .brand-name span{font-size:8px}.sidebar .brand-mark{width:34px;height:34px}.mobile-close,.menu-toggle,.sidebar-backdrop{display:none}.new-thread{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:42px;margin:25px 0 26px;border:1px solid #aed0e2;border-radius:6px;background:#fff;color:#176b9e;font-size:13px;font-weight:700}.new-thread:hover:not(:disabled){border-color:#75add0;background:#e5f3fa}.sidebar-section-head{display:flex;align-items:center;justify-content:space-between;padding:0 11px 10px;color:#678292;font-size:11px;font-weight:700}.thread-search{margin:0 3px 10px;padding:8px 10px;border:1px solid #c8dce8;border-radius:5px;outline:0;background:#fff;color:#2d4c5d;font-size:12px}.thread-list{flex:1;min-height:0;overflow:auto}.thread-row{position:relative;display:flex;align-items:center;height:53px;margin-bottom:2px;padding-right:3px;border-radius:6px;color:#476273}.thread-row.selected{background:#dceef8;color:#145e8d}.thread-row:hover{background:#e5f2f9}.thread-main{display:flex;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;height:100%;overflow:hidden;padding:0 8px 0 12px;border:0;background:transparent;color:inherit;text-align:left}.thread-name{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}.thread-date{margin-top:3px;color:#829aaa;font-size:10px}.thread-menu-trigger{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border:0;border-radius:5px;background:transparent;color:#638295;opacity:0}.thread-row:hover .thread-menu-trigger,.thread-row.selected .thread-menu-trigger,.thread-menu-trigger:focus-visible{opacity:1}.thread-delete{position:absolute;top:48px;right:3px;z-index:5;display:flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid #dce8ef;border-radius:6px;background:#fff;box-shadow:0 9px 24px #263f4e1a;color:#aa5545;font-size:12px;white-space:nowrap}.sidebar-bottom{padding-top:14px;border-top:1px solid #d5e6ef}.retention{display:flex;align-items:center;gap:7px;padding:1px 9px 13px;color:#6b8595;font-size:11px}.account-row{display:flex;align-items:center;gap:10px;min-width:0;padding:7px 3px 1px}.avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#c7e5f5;color:#166797;font-size:12px;font-weight:800}.account-meta{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.account-meta strong,.account-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-meta strong{font-size:12px}.account-meta small{color:#859cab;font-size:10px}.logout{flex:0 0 36px}.workspace-main{display:flex;flex:1;flex-direction:column;min-width:0;height:100%}.topbar{display:flex;flex:0 0 63px;align-items:center;justify-content:space-between;gap:12px;height:63px;padding:0 29px;border-bottom:1px solid #e0eaf0;background:#fff}.topbar-left,.topbar-right{display:flex;align-items:center;min-width:0}.topbar-right{gap:19px}.breadcrumb{display:flex;align-items:center;gap:10px;min-width:0;white-space:nowrap;font-size:13px}.breadcrumb span:first-child{color:#728b9b}.breadcrumb strong{max-width:260px;overflow:hidden;text-overflow:ellipsis;color:#24475c;font-size:13px;font-weight:700}.breadcrumb-slash{color:#c0d2dd}.model-chip{display:flex;align-items:center;gap:7px;height:28px;padding:0 9px;border:1px solid #c9e3d6;border-radius:4px;background:#f2faf5;color:#36765b;font-size:11px;font-weight:800;white-space:nowrap}.model-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4ba47d}.balance{display:flex;align-items:center;gap:6px;color:#6f8998;font-size:12px;white-space:nowrap}.balance strong{color:#24475c;font-size:13px}.demo-strip{padding:7px 20px;background:#fff4df;color:#816339;font-size:11px;text-align:center}.integration-strip{background:#fff0e4;color:#995324}.integration-login-note{margin:-20px 0 24px;padding:12px 14px;border:1px solid #efd7bd;border-radius:6px;background:#fff8ef;color:#8c5d30;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.conversation{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.conversation-inner{width:min(100% - 44px,900px);min-height:100%;margin:0 auto;padding:29px 0 30px}.empty-state{display:grid;grid-template-columns:minmax(320px,1fr) 215px;align-items:center;gap:clamp(30px,5vw,70px);min-height:min(480px,100%);padding:28px 21px}.section-kicker{display:flex;align-items:center;gap:9px;color:#2a7da9;font-size:11px;font-weight:800}.section-kicker-line{width:17px;flex-basis:17px}.empty-copy h1{margin:18px 0 9px;color:#1d3e52;font-size:27px;line-height:1.35;font-weight:800}.empty-copy p{margin:0 0 26px;color:#6e8797;font-size:13px}.prompt-suggestions{display:flex;flex-direction:column;gap:8px;max-width:500px}.prompt-suggestions button{display:flex;align-items:center;justify-content:space-between;gap:11px;width:100%;min-height:44px;padding:9px 12px;border:1px solid #dbe8f0;border-radius:6px;background:#fff;color:#36586c;font-size:13px;text-align:left}.prompt-suggestions button:hover{border-color:#9dc9e0;background:#eff8fd}.prompt-suggestions svg{flex:0 0 auto;color:#2b8abc}.empty-preview{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:6px;background:#d9e8f1}.empty-preview img{display:block;width:100%;height:100%;object-fit:cover}.empty-preview span{position:absolute;right:8px;bottom:8px;padding:6px 8px;border-radius:4px;background:#ffffffeb;color:#547386;font-size:10px;font-weight:700}.conversation-turn{padding:16px 0 34px;border-bottom:1px solid #e1ebf0}.conversation-turn+.conversation-turn{padding-top:31px}.turn-meta,.response-heading{display:flex;align-items:center;gap:8px}.turn-meta strong,.response-heading strong{font-size:13px}.turn-meta time{margin-left:4px;color:#94aab7;font-size:11px}.turn-avatar,.result-symbol{display:grid;place-items:center;width:28px;height:28px;border-radius:5px;font-size:12px;font-weight:800}.turn-avatar{background:#e8eef2;color:#4d6777}.result-symbol{background:#d9edf8;color:#1d7bb0}.prompt-text{max-width:760px;margin:12px 0 9px 36px;color:#29495d;font-size:15px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.reference-strip{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 13px 36px}.reference-strip img{width:67px;height:67px;object-fit:cover;border-radius:5px}.response-block{margin:24px 0 0 35px;padding-left:17px}.status{display:inline-flex;align-items:center;gap:5px;margin-left:7px;padding:4px 8px;border-radius:4px;background:#e9f5ec;color:#377a5e;font-size:10px;font-weight:700}.status-failed,.status-unknown{background:#fff0e9;color:#ad553e}.status-partial{background:#fff4e1;color:#986a2d}.progress-line{display:flex;align-items:center;gap:8px;margin:17px 0;color:#718e9f;font-size:12px}.progress-line span{display:inline-block;width:52px;height:4px;border-radius:4px;background:#5fb1da;animation:pulse 1.2s ease-in-out infinite alternate}@keyframes pulse{to{opacity:.35}}.image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}.image-grid.single-image{grid-template-columns:minmax(0,1fr);max-width:420px}.image-item{position:relative;overflow:hidden;aspect-ratio:1 / 1;border-radius:6px;background:#e3edf3}.image-open{display:block;width:100%;height:100%;padding:0;border:0;background:transparent}.image-open img{display:block;width:100%;height:100%;object-fit:cover}.image-actions{position:absolute;right:9px;bottom:9px;display:flex;gap:6px}.image-actions button,.image-actions a{display:grid;place-items:center;width:35px;height:35px;padding:0;border:0;border-radius:5px;background:#fffffff0;color:#225d80;text-decoration:none}.image-actions button:hover,.image-actions a:hover{background:#e6f4fb}.response-note{margin:11px 0 0;color:#926c37;font-size:12px}.response-error{color:#ae5343}.response-tools{display:flex;gap:17px;margin-top:11px}.response-tools button{display:inline-flex;align-items:center;gap:6px;padding:5px 0;border:0;background:transparent;color:#6d8999;font-size:11px}.response-tools button:hover{color:#176c9c}.composer-wrap{flex:0 0 auto;width:100%;padding:9px max(22px,calc((100% - 900px)/2)) 12px;border-top:1px solid #e4edf2;background:#f7fafc}.composer{padding:11px 13px 10px;border:1px solid #cbdfea;border-radius:8px;background:#fff;box-shadow:0 5px 19px #244b610d}.composer:focus-within{border-color:#76b7d9;box-shadow:0 0 0 3px #dceff8}.composer textarea{display:block;width:100%;min-height:59px;max-height:150px;resize:vertical;padding:5px 8px;border:0;outline:0;background:transparent;color:#24475c;font-size:14px;line-height:1.6}.composer textarea::placeholder{color:#9badb9}.composer-toolbar,.composer-options{display:flex;align-items:center}.composer-toolbar{justify-content:space-between;gap:10px;padding-top:6px}.composer-options{gap:8px;min-width:0}.tool-button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:5px;background:transparent;color:#57788c}.tool-button:hover{background:#e8f3f9}.toolbar-divider{width:1px;height:16px;background:#d9e7ef}.select-wrap{position:relative;display:flex;align-items:center;gap:5px;padding:0 2px;color:#708b9a;font-size:11px;white-space:nowrap}.select-wrap select{max-width:145px;padding:6px 17px 6px 0;overflow:hidden;appearance:none;border:0;outline:0;background:transparent;color:#365f76;cursor:pointer;font-size:11px;font-weight:700;text-overflow:ellipsis}.select-wrap svg{position:absolute;right:1px;pointer-events:none}.count-control{display:flex;align-items:center;gap:1px;height:30px;border:1px solid #e1ecf2;border-radius:5px;color:#497389;font-size:11px;white-space:nowrap}.count-control button{width:26px;height:27px;padding:0;border:0;background:transparent;color:#447899;font-size:16px}.count-control span{min-width:27px;text-align:center}.send-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:91px;height:36px;padding:0 12px;border:0;border-radius:5px;background:#197ab6;color:#fff;font-size:12px;font-weight:800;white-space:nowrap}.send-button:hover:not(:disabled){background:#096aa6}.composer-refs{display:flex;flex-wrap:wrap;align-items:end;gap:8px;padding:0 6px 12px}.composer-ref{position:relative;width:56px;height:56px;overflow:hidden;border-radius:5px;background:#e3edf3}.composer-ref img{width:100%;height:100%;object-fit:cover}.composer-ref button{position:absolute;top:2px;right:2px;display:grid;place-items:center;width:19px;height:19px;padding:0;border:0;border-radius:50%;background:#263f4edd;color:#fff}.ref-label{align-self:center;color:#718b9a;font-size:11px}.composer-bottom{display:flex;justify-content:space-between;margin:7px 4px 0;color:#8da3af;font-size:10px}.notice{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;padding:7px 9px 7px 12px;border:1px solid #eddbbd;border-radius:5px;background:#fff8ed;color:#886a3f;font-size:11px}.notice .icon-button{width:23px;height:23px}.lightbox{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:25px;background:#132a38e8}.lightbox>button{position:absolute;top:15px;right:15px;color:#fff}.lightbox img{max-width:95vw;max-height:95vh;object-fit:contain}@media(max-width:950px){.login-main{grid-template-columns:minmax(400px,1fr) minmax(320px,.85fr)}.login-preview{padding:27px}.sidebar{flex-basis:208px;width:208px}.topbar{padding:0 22px}.empty-state{grid-template-columns:minmax(280px,1fr) 175px;gap:26px}}@media(max-width:700px){.login-top{height:66px;padding:0 22px}.login-main{display:block;min-height:calc(100dvh - 66px)}.login-form-column{min-height:calc(100dvh - 66px);padding:32px 23px max(35px,env(safe-area-inset-bottom))}.login-content{width:min(100%,420px)}.login-content h1{font-size:30px}.login-subtitle{margin-bottom:34px}.login-preview{display:none}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:min(82vw,280px);transform:translate(-100%);transition:transform .22s}.sidebar-open{transform:translate(0)}.sidebar-backdrop{position:fixed;z-index:19;inset:0;display:block;background:#102a3a80}.mobile-close,.menu-toggle{display:grid}.menu-toggle,.mobile-close,.logout{width:44px;height:44px}.thread-menu-trigger{flex-basis:44px;width:44px;height:44px;opacity:1}.topbar{flex-basis:56px;height:56px;padding:0 12px;gap:10px}.topbar-right{gap:8px}.breadcrumb{gap:5px}.breadcrumb strong{max-width:118px}.breadcrumb>span:first-child,.breadcrumb-slash{display:none}.model-chip{padding:0 7px;font-size:10px}.balance{gap:4px;font-size:0}.balance strong{font-size:11px}.balance svg{width:14px}.conversation-inner{width:calc(100% - 28px);padding:18px 0 25px}.empty-state{grid-template-columns:1fr;gap:25px;min-height:auto;padding:26px 5px 10px}.empty-copy h1{margin-top:13px;font-size:23px}.empty-copy p{margin-bottom:20px}.prompt-suggestions{gap:7px}.empty-preview{display:none}.composer-wrap{padding:5px 10px max(8px,env(safe-area-inset-bottom))}.composer{padding:7px}.composer textarea{min-height:54px}.composer-toolbar{display:grid;grid-template-columns:44px minmax(72px,1fr) minmax(0,1fr) 44px;grid-template-rows:44px 44px;align-items:center;gap:6px}.composer-options{display:contents}.tool-button{grid-column:1;grid-row:1;width:44px;height:44px}.toolbar-divider{display:none}.select-wrap{grid-column:2;grid-row:1;height:44px}.count-control{grid-column:3 / 5;grid-row:1;justify-self:end;height:44px}.group-select{grid-column:1 / 4;grid-row:2}.group-select select{width:105px;max-width:105px}.count-control button{width:44px;height:42px}.send-button{grid-column:4;grid-row:2;min-width:44px;width:44px;height:44px;padding:0}.send-button span{display:none}.image-actions button,.image-actions a{width:44px;height:44px}.response-tools{gap:16px}.response-tools button{min-height:44px;font-size:12px}.composer-ref{width:64px;height:64px}.composer-ref button{top:0;right:0;width:44px;height:44px;background:transparent}.composer-ref button svg{width:20px;height:20px;padding:3px;border-radius:50%;background:#263f4edd}.response-block{margin-left:12px;padding-left:12px}.prompt-text,.reference-strip{margin-left:0}.image-grid{gap:7px}}@media(max-width:375px){.model-chip{display:none}.select-wrap{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}