@charset "UTF-8";
:root{--ink:#30372f;--muted:#8b8e86;--accent:#df6847;--accent-soft:#f9ede6;--border:#e7e8e1;--paper:#f7f7f4;--green:#78946b;--serif:Georgia,"Songti SC","Noto Serif CJK SC","SimSun",serif;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:var(--font);color:var(--ink);font-size:14px;background:var(--paper)}button,textarea,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.38}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}i[data-icon]{display:inline-flex;align-items:center;justify-content:center;font-style:normal;flex-shrink:0}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background:#f2ceb7}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#dcded5;border-radius:6px}
.app-shell{display:flex;height:100dvh;overflow:hidden}.sidebar{width:211px;flex-shrink:0;background:#f6f6f1;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:30px 17px 15px}.brand{display:flex;align-items:center;gap:10px;padding:0 12px;margin-bottom:34px}.brand>span{font-size:23px;font-weight:750;letter-spacing:2px;line-height:1.1}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:6px;font-weight:500}.new-design{height:43px;border:1px solid #d9ddd1;border-radius:9px;display:flex;align-items:center;gap:9px;background:#fffefb;padding:0 13px;font-size:12px;font-weight:600;transition:.18s}.new-design:hover{border-color:var(--accent);box-shadow:0 3px 12px #24291a07}.new-design>span{margin-left:auto;color:#a0a598;font-size:15px}.new-design svg{width:16px}.nav-item{margin-top:25px;display:flex;align-items:center;gap:10px;padding:12px;border-radius:7px;text-align:left;font-size:12px}.nav-item.selected{background:#e9ece3;font-weight:600;color:#53614c}.nav-item>span{margin-left:auto}.sidebar-heading{padding:29px 11px 11px;font-size:11px;letter-spacing:.8px;color:#989c92;display:flex;justify-content:space-between}.project-list{overflow:auto;flex:1}.project-link{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border-radius:7px;padding:10px;font-size:12px;line-height:1.8;color:#80877a;transition:.15s}.project-link>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-link svg{width:14px;opacity:.65}.project-link:hover,.project-link.active{background:#eeefe8;color:#384631}.project-link.active:after{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent);margin-left:auto;flex-shrink:0}.sidebar-bottom{margin-top:20px}.sidebar-note{display:flex;align-items:center;gap:11px;padding:16px 11px 24px;font-size:11px;color:#7b826e}.sidebar-note>span{font-size:30px;font-weight:200;color:#9baa85}.sidebar-note small{display:block;color:#a0a693;font-size:11px;margin-top:4px}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid var(--border);padding:17px 7px 1px;font-size:11px}.avatar{background:#e4e5d8;color:#68735c;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;font-family:var(--serif);font-size:17px}.profile small{display:flex;align-items:center;gap:5px;font-size:10px;color:#939989;margin-top:5px}.online-dot,.live-dot{display:inline-block;width:5px;height:5px;background:#87a574;border-radius:50%;flex-shrink:0}.main{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:73px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#fffefa;border-bottom:1px solid var(--border);gap:15px}.project-heading{display:flex;align-items:center;gap:13px;min-width:0}.breadcrumb{display:flex;gap:17px;color:#9a9e94;font-size:11px;flex-shrink:0}.breadcrumb>span{color:#d0d3c8}h1{font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.saved-indicator{color:#a0aa93;display:flex}.saved-indicator svg{width:13px}.header-actions{display:flex;gap:17px;align-items:center;flex-shrink:0}.quiet-button{display:inline-flex;align-items:center;gap:7px;font-size:12px;padding:7px 9px;border-radius:6px}.quiet-button:hover{background:#e9ebe3}.quiet-button svg{width:15px}.download-button{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:550;background:#3b4736;color:#fff;padding:10px 15px;border-radius:7px;transition:.15s}.download-button:hover{background:#263120}.download-button.disabled{background:#e9ece3;color:#a4ac9c;cursor:default}.download-button svg{width:14px}.icon-button{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:7px}.icon-button:hover{background:#eceee6}.mobile-menu,.mobile-tabs{display:none}
.studio-layout{flex:1;min-height:0;display:flex}.canvas-panel{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;background:#f2f3ed;background-image:radial-gradient(#d8ddd033 .7px,transparent .7px);background-size:7px 7px;overflow:hidden}.canvas-topline{height:55px;flex-shrink:0;padding:0 27px;display:flex;justify-content:space-between;align-items:center;color:#9a9f92;font-size:10px;gap:12px;letter-spacing:.2px}.canvas-topline>div{display:flex;gap:8px;align-items:center;white-space:nowrap}.canvas-topline>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-dot{width:4px;height:4px;background:#a7b399}.canvas-scroll{overflow:auto;flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.welcome{max-width:910px;width:100%;margin:auto;padding:37px clamp(24px,4.3vw,74px) 35px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#8d9984;display:flex;align-items:center;gap:8px}.eyebrow>span{width:15px;height:1px;background:#879979}.welcome h2{font-family:var(--serif);font-size:clamp(37px,4.25vw,69px);font-weight:500;letter-spacing:1px;line-height:1.4;margin:22px 0 16px;color:#34412e}.accent-word{color:var(--accent);position:relative;white-space:nowrap}.accent-word>svg{position:absolute;bottom:-9px;left:0;width:95%;height:13px;color:var(--accent);opacity:.65;stroke-width:1.4}.welcome>p{font-size:12px;line-height:2.15;letter-spacing:.35px;color:#8a907f;margin:0 0 25px}.welcome-upload{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#3d4c33;color:#fffdf7;border-radius:7px;padding:13px 17px;font-size:12px;box-shadow:0 4px 9px #2e3e2011;transition:transform .2s,background .2s}.welcome-upload:hover{background:#2f3e26;transform:translateY(-1px)}.welcome-upload svg{width:15px;height:15px}.welcome-upload>span{margin-left:12px;color:#c9d0c1;font-size:17px}.upload-caption{display:block;margin:11px 0 0;font-size:10px;color:#a6ad9b}.inspiration-heading{display:flex;justify-content:space-between;font-size:10px;color:#9da58f;margin:45px 0 13px;gap:8px}.inspiration-heading>span:last-child{font-size:9px}.inspiration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.inspiration-card{padding:0;text-align:left;border:1px solid #e1e5d9;border-radius:10px;overflow:hidden;background:#fafbf7;transition:.22s;min-width:0}.inspiration-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #3d4c3310;border-color:#c7d0ba}.inspiration-art{height:clamp(122px,12.8vw,187px);position:relative;overflow:hidden}.inspiration-photo{position:absolute;inset:0;background-size:200% auto;background-repeat:no-repeat;background-position:right center}.coffee .inspiration-photo{background-image:url('../demos/poster.webp')}.product .inspiration-photo{background-image:url('../demos/background.webp')}.sample-badge{position:absolute;left:9px;top:9px;font-size:8px;letter-spacing:.7px;padding:4px 6px;border-radius:4px;color:#fff;background:#2735234f;backdrop-filter:blur(4px)}.inspiration-text{padding:12px 10px}.inspiration-text strong{font-size:11px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspiration-text>span{font-size:9px;color:#a0a592;margin-top:7px;display:flex;align-items:center;justify-content:space-between;gap:4px}.inspiration-text b{font-size:12px;color:#838f74}.document .inspiration-art{background:#e0e5d5;display:flex;justify-content:center;align-items:flex-end}.paper-illustration{width:70%;height:88%;background:#faf8ed;transform:rotate(-8deg) translateY(9px);box-shadow:7px 7px 10px #54623a15;padding:17px 14px;position:relative;border:1px solid #fffdf3}.paper-illustration>span{font-size:5px;letter-spacing:1.4px;color:#969e81}.paper-illustration>strong{font-family:var(--serif);font-size:clamp(15px,1.6vw,24px);line-height:1.6;display:block;margin:11px 0 10px;color:#526143}.paper-illustration i{display:block;width:90%;height:1px;background:#d9deca;margin:5px 0}.paper-illustration i:nth-last-child(2){width:67%}.paper-illustration b{position:absolute;right:13px;bottom:12px;font-size:5px;color:#afb499}
.chat-panel{width:clamp(335px,27.5vw,420px);flex-shrink:0;border-left:1px solid var(--border);display:flex;flex-direction:column;background:#fffefa;min-height:0}.chat-header{height:81px;flex-shrink:0;display:flex;align-items:center;gap:10px;margin:0 22px;border-bottom:1px solid #eff0e9}.assistant-avatar{width:38px;height:38px;border-radius:12px;background:var(--accent-soft);display:grid;place-items:center}.assistant-avatar img{width:24px;height:24px}.chat-header h2{display:flex;align-items:center;gap:8px;font-size:12px;margin:0;font-weight:600}.chat-header h2>span{font-size:8px;letter-spacing:.5px;font-weight:500;background:#f0f1eb;color:#959c8c;border:1px solid #e6e9df;border-radius:3px;padding:2px 4px}.chat-header p{font-size:10px;color:#9ca292;display:flex;align-items:center;gap:5px;margin:7px 0 0}.chat-header>.icon-button{margin-left:auto;color:#929a86}.chat-header>.icon-button svg{width:16px}.chat-scroll{overflow:auto;flex:1;min-height:0;padding:26px 24px 15px;scroll-behavior:smooth}.chat-intro{padding:12px 0 10px}.intro-mark{margin-bottom:20px}.intro-mark img{opacity:.9}.chat-intro h3{font-size:17px;font-weight:550;letter-spacing:-.2px;margin:0 0 13px}.chat-intro>p{font-size:12px;line-height:2.15;color:#8a917e;margin:0 0 24px}.intro-capabilities{display:flex;flex-direction:column;gap:13px;font-size:11px;color:#6f7b60}.intro-capabilities>span{display:flex;align-items:center;gap:8px}.intro-capabilities svg{width:13px;height:13px;color:#90a07e;background:#f0f3e9;border-radius:50%;padding:1px}.intro-hint{font-size:10px;color:#a3a998;margin:31px 0 12px}.starter{border:1px solid #e7eade;border-radius:7px;background:#fbfcf7;text-align:left;width:100%;padding:12px 9px;display:flex;justify-content:space-between;gap:4px;font-size:11px;color:#7e886f;margin-bottom:9px;transition:.18s}.starter:hover{background:#f2f4eb;border-color:#c9d3bd}.starter>span{color:#a9b299}.composer-zone{padding:14px 20px 18px;flex-shrink:0;background:linear-gradient(#fffefaee,#fffefa);position:relative}.composer{background:#fffefb;border:1px solid #dfe3d5;border-radius:12px;box-shadow:0 5px 20px #4c58350b;padding:12px 12px 9px;transition:border-color .2s,box-shadow .2s}.composer:focus-within{border-color:#a3b292;box-shadow:0 0 0 3px #869a670c}.composer textarea{display:block;width:100%;resize:none;border:0;outline:none;background:none;color:#3e4836;font-size:12px;line-height:1.9;min-height:64px;max-height:170px;padding:2px 2px 7px}.composer textarea:focus-visible{outline:none}.composer textarea::placeholder{color:#afb5a5}.composer-bottom{display:flex;align-items:center;gap:10px}.attach-button{display:flex;align-items:center;gap:5px;color:#949e87;font-size:10px;padding:5px 1px}.attach-button svg{width:16px}.composer-hint{margin-left:auto;font-size:9px;color:#b3baa7}.send-button{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#dc6949;color:white;transition:.2s}.send-button:disabled{opacity:1;background:#eef0e7;color:#b6bea8}.send-button:hover:not(:disabled){background:#c95434;transform:translateY(-1px)}.send-button svg{width:17px}.composer-status{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:9px;color:#aeb5a0;margin-top:11px;line-height:1.8}.shortcut-hint{font-size:8px;white-space:nowrap}.context-pill{display:flex;align-items:center;gap:6px;font-size:10px;color:#849172;background:#f1f4e9;border:1px solid #e7eddc;border-radius:7px;padding:6px 8px;margin-bottom:9px}.context-pill>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-pill svg{width:13px;height:13px}.context-pill>button{margin-left:auto;display:flex;color:#99a587;padding:1px}.canvas-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 26px;font-size:9px;letter-spacing:.2px;color:#a8ae9c;flex-shrink:0}.canvas-footer>span:first-child{display:flex;align-items:center;gap:5px;white-space:nowrap}.canvas-footer svg{width:12px;height:12px;color:#a5b18f}
.turn{margin-bottom:28px;animation:appear .3s ease}.user-message{background:#edf0e5;color:#45543a;padding:12px 14px;border-radius:12px 12px 3px 12px;line-height:1.9;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;margin-left:24px}.message-attachments{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0 0 24px}.message-attachments button{width:46px;height:46px;border:1px solid #e4e8db;padding:0;overflow:hidden;border-radius:6px}.message-attachments img{width:100%;height:100%;object-fit:cover}.assistant-message{display:flex;gap:9px;margin-top:18px}.message-mark{width:22px;height:22px;flex-shrink:0;margin-top:2px}.assistant-content{min-width:0;flex:1;font-size:12px;line-height:1.95;color:#69765c}.assistant-text{white-space:pre-wrap;overflow-wrap:anywhere}.assistant-text.error{color:#b3684c}.plan-tags{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.plan-tags span{display:inline-block;font-size:9px;background:#f3f4ed;border:1px solid #e9ecdf;border-radius:4px;padding:2px 6px;color:#95a084}.task-status{padding:11px 12px;border-radius:8px;background:#f6f7f0;border:1px solid #ebeedf;margin-top:10px;font-size:11px}.status-title{display:flex;align-items:center;gap:7px;color:#8a9878}.status-note{display:block;font-size:9px;margin-top:5px;color:#a3ad95}.pulse-dots{display:inline-flex;gap:3px}.pulse-dots i{width:3px;height:3px;background:#9ea88c;border-radius:50%;animation:pulse 1.5s infinite}.pulse-dots i:nth-child(2){animation-delay:.2s}.pulse-dots i:nth-child(3){animation-delay:.4s}.result-card{border:1px solid #e3e7d9;border-radius:10px;overflow:hidden;background:#f8faf3;margin-top:12px}.result-thumb{display:block;width:100%;padding:0;background:#eff2e8;position:relative}.result-thumb img{display:block;width:100%;max-height:240px;object-fit:contain}.result-thumb>span{position:absolute;left:8px;top:8px;border-radius:4px;padding:2px 7px;background:#fffef3e6;font-size:9px;color:#6b7858}.result-doc{display:flex;align-items:center;justify-content:center;gap:12px;padding:26px;font-size:16px}.result-doc svg{width:32px;height:32px;color:#899f70}.result-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;font-size:10px;color:#9aab89}.result-actions button,.result-actions a{display:flex;align-items:center;gap:4px}.result-actions svg{width:12px;height:12px}.result-actions a{color:#526842;font-weight:600}.suggestion-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.suggestion-list button{padding:5px 8px;font-size:10px;background:#fff;border:1px solid #e3e9d8;border-radius:6px;color:#8a9977;text-align:left}.suggestion-list button:hover{border-color:#b2c29b;background:#f5f7ee}.retry-turn{display:inline-flex;align-items:center;gap:6px;padding:5px 0;color:#b17a59;font-size:11px}.turn time{display:block;font-size:8px;color:#b5bbaa;text-align:right;margin-top:5px}.upload-queue{display:flex;gap:6px;overflow:auto;max-height:90px}.upload-queue:not(:empty){padding-bottom:10px}.upload-item{position:relative;flex-shrink:0;width:65px;padding:4px;border:1px solid #e6e9dc;border-radius:7px;background:#f9fbf4}.upload-item>img{width:55px;height:43px;object-fit:cover;border-radius:4px;display:block}.upload-item .file-preview{height:43px;display:grid;place-items:center;color:#97a387}.upload-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;margin-top:4px;color:#909d7e}.upload-item .remove-upload{position:absolute;top:-1px;right:-1px;padding:1px;background:#fff;border:1px solid #dee4d1;border-radius:50%;display:grid;place-items:center}.remove-upload svg{width:12px;height:12px}.upload-item.uploading{opacity:.6}.upload-item.failed{border-color:#dda991}.upload-item.failed small{color:#bc7758}
.artwork-area{margin:auto;display:flex;align-items:center;justify-content:center;min-height:200px;width:100%;padding:26px;flex:1}.artwork-frame{position:relative;line-height:0;max-width:100%;background:repeating-conic-gradient(#fff 0% 25%,#f0f1ed 0% 50%) 50% /16px 16px;box-shadow:0 10px 40px #35422b16;transition:width .18s}.artwork-frame>img{display:block;width:100%;height:auto}.comparison-layer{position:absolute;inset:0;clip-path:inset(0 50% 0 0);pointer-events:none}.comparison-layer img{width:100%;height:100%;object-fit:contain;background:#f2f3ed}.compare-divider{position:absolute;top:0;bottom:0;width:2px;background:#fff;left:50%;box-shadow:0 0 5px #0003;pointer-events:none}.compare-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:white;border-radius:20px;white-space:nowrap;color:#5c6e4d;font-size:12px;line-height:29px;width:29px;text-align:center}.compare-badge{position:absolute;bottom:12px;background:#24331ccc;color:white;padding:6px 9px;border-radius:4px;font-size:10px;line-height:1.2;pointer-events:none}.compare-badge.before{left:12px}.compare-badge.after{right:12px}#compareRange{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.canvas-toolbar{display:flex;align-items:center;justify-content:center;gap:20px;margin:10px auto;background:#fffefa;border:1px solid #e1e5d6;box-shadow:0 3px 12px #3b4a2f0b;border-radius:9px;padding:3px 8px;flex-shrink:0;color:#7b896a;font-size:11px}.canvas-toolbar .quiet-button{font-size:10px}.canvas-toolbar .icon-button{width:25px;height:25px}.canvas-toolbar .icon-button svg{width:14px}.zoom-controls{display:flex;align-items:center;border-left:1px solid #e6eadd;border-right:1px solid #e6eadd;padding:0 7px}.zoom-controls button{height:28px;min-width:28px;font-size:11px}.zoom-controls button:nth-child(2){font-size:9px;min-width:37px}.versions-bar{display:flex;align-items:center;gap:16px;margin:9px 25px 0;padding:12px 0 4px;border-top:1px solid #e2e6d9;min-height:67px;flex-shrink:0}.version-heading{font-size:10px;color:#99a48b;flex-shrink:0}.version-items{display:flex;gap:8px;overflow:auto;align-items:center;padding:3px}.version-item{position:relative;flex-shrink:0;width:45px;height:43px;border-radius:6px;padding:2px;border:1px solid #dce3d0;background:#f9fbf3}.version-item img{width:100%;height:100%;object-fit:cover;border-radius:3px}.version-item.active{outline:1.5px solid #81916e;border-color:#f4f6ed}.version-item>span{position:absolute;right:-3px;bottom:-3px;font-size:6px;line-height:1.3;background:#fffdf5;padding:1px 4px;border:1px solid #e0e6d6;border-radius:3px;color:#859572}.version-item.active>span{background:#647951;color:#fff;border-color:#647951}.document-preview{margin:auto;text-align:center;padding:40px;max-width:600px}.document-glyph{position:relative;width:96px;height:110px;display:grid;place-items:center;margin:0 auto 25px;color:#8a9e74}.document-glyph svg{width:82px;height:100px;stroke-width:.8}.document-glyph>span{position:absolute;bottom:30px;left:20px;background:#789260;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.document-preview h2{font-size:17px;overflow-wrap:anywhere;line-height:1.7;font-weight:500}.document-preview p{font-size:12px;color:#9aa58b;line-height:1.8;margin-bottom:25px}.drop-overlay{position:absolute;inset:10px;background:#f5f9e9f2;backdrop-filter:blur(7px);border:2px dashed #9aaa86;border-radius:15px;z-index:6;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:#839967;pointer-events:none}.drop-overlay svg{width:45px;height:45px;stroke-width:1}.drop-overlay strong{font-size:20px;font-weight:500}.drop-overlay>span{font-size:12px}
dialog{border:1px solid #e1e6d4;border-radius:17px;padding:30px;color:var(--ink);background:#fffef9;box-shadow:0 25px 80px #23331726;max-height:85dvh;overflow:auto}dialog::backdrop{background:#2c382c50;backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-bottom:22px}.dialog-header h2{font-size:20px;font-weight:500;margin:13px 0 0}.dialog-header .eyebrow{font-size:8px}.history-dialog{width:min(740px,92vw)}.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.history-card{border:1px solid #e3e9d7;border-radius:9px;overflow:hidden;min-width:0}.history-card>button{display:block;width:100%;padding:0;background:#f2f5ec;height:150px}.history-card img{width:100%;height:100%;object-fit:contain}.history-card .file-preview{display:grid;place-items:center;height:150px;color:#8ca273}.history-card>div:last-child{padding:10px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#859a6d;gap:5px}.history-card a{display:flex}.history-card svg{width:16px}.history-empty{grid-column:1/-1;text-align:center;color:#98a58a;padding:40px;font-size:12px}.lightbox{border:0;background:#f2f4ec;padding:35px;max-width:95vw;max-height:96dvh}.lightbox>img{display:block;max-width:85vw;max-height:83dvh;object-fit:contain}.lightbox-close{position:fixed;right:4vw;top:3vh;background:#fff;z-index:3}.help-dialog{width:440px;max-width:92vw}.help-dialog .dialog-header h2{margin-top:0;font-size:18px}.help-dialog ol{padding-left:25px;line-height:1.8;font-size:12px;color:#6f805e}.help-dialog li{margin:18px 0}.help-dialog li p{font-size:12px;color:#95a284;margin:4px 0}.help-note{font-size:11px;line-height:1.9;color:#a3ac97;background:#f5f6ef;padding:13px;border-radius:7px}.classic-link{font-size:11px;display:inline-block;margin-top:12px;color:#8c987e}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 19px;background:#3f4e35;color:#fffef5;border-radius:9px;box-shadow:0 5px 25px #30422122;font-size:12px;max-width:min(90vw,600px);z-index:30;line-height:1.8}.connection-banner{position:fixed;top:0;left:0;right:0;background:#fff3df;border-bottom:1px solid #edcf99;padding:8px 20px;text-align:center;font-size:12px;color:#9e7739;z-index:50}.connection-banner button{margin-left:12px;text-decoration:underline}.skeleton{height:8px;width:90%;margin:14px 8px;border-radius:3px;background:#e9ede0;animation:pulse 2s infinite}.skeleton.short{width:65%}.sidebar-scrim{position:fixed;inset:0;background:#27332155;z-index:19}.pending-turn{opacity:.75}.expired-note{font-size:11px;color:#acaa91;border-left:2px solid #d7d9c3;padding:5px 9px;margin-top:10px}.error-retry{color:#a87355;text-decoration:underline;cursor:pointer}.empty-project-list{color:#9da78f;font-size:11px;padding:12px;line-height:1.9}
@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{opacity:.4}50%{opacity:1}}
@media(min-width:1650px){.welcome{padding:45px 70px 45px}.welcome h2{font-size:72px}.welcome>p{font-size:13px}.inspiration-art{height:190px}.chat-scroll{padding:32px}.chat-intro{padding-top:20px}.composer-zone{padding:20px 27px}.chat-intro h3{font-size:19px}.chat-intro>p{font-size:12px}.user-message,.assistant-content{font-size:12px}}
@media(max-width:1200px){.sidebar{width:177px;padding-left:12px;padding-right:12px}.brand{padding-left:7px}.chat-panel{width:327px}.welcome{padding:28px}.welcome h2{font-size:48px}.inspiration-grid{gap:9px}.inspiration-art{height:140px}.inspiration-text{padding:10px 8px}.inspiration-text strong{font-size:10px}.inspiration-text>span{font-size:8px}.topbar{padding:0 23px}.canvas-footer>span:first-child{display:none}.canvas-footer{justify-content:center}.shortcut-hint{display:none}.canvas-topline>span{display:none}.chat-scroll{padding:22px 19px}.composer-zone{padding:13px 17px}.inspiration-heading{margin-top:34px}}
@media(max-width:1000px) and (min-width:761px){.sidebar{width:65px;padding:26px 10px}.brand{padding:0;justify-content:center}.brand>span,.new-design>span,.nav-item,.sidebar-heading,.project-list,.sidebar-note,.profile>div{display:none}.brand img{width:31px;height:31px}.new-design{padding:0;width:40px;height:40px;justify-content:center;font-size:0;gap:0}.new-design svg{width:20px}.sidebar-bottom{margin-top:auto}.profile{padding:18px 0;justify-content:center}.topbar{height:64px}.chat-panel{width:320px}.welcome{padding:24px}.welcome h2{font-size:46px}.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspiration-card.document{display:none}.welcome>p{font-size:11px}.inspiration-art{height:150px}}
@media(max-width:760px){.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:20;width:230px;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.mobile-menu{display:grid}.topbar{height:61px;padding:0 13px;gap:8px}.project-heading{gap:8px}.breadcrumb,.saved-indicator{display:none}.header-actions{gap:5px}.header-actions .quiet-button>span{display:none}.download-button{padding:8px 10px;font-size:11px;gap:5px}.download-button svg{width:13px}.mobile-tabs{display:flex;align-items:center;justify-content:center;gap:35px;background:#fffefa;border-bottom:1px solid var(--border);height:43px;flex-shrink:0}.mobile-tabs button{font-size:12px;position:relative;height:100%;padding:0 13px;color:#9fa691}.mobile-tabs button.active{color:#4c6040}.mobile-tabs button.active:after{content:"";position:absolute;height:2px;left:13px;right:13px;bottom:0;background:#768b5e}.mobile-tabs i{width:5px;height:5px;display:inline-block;background:var(--accent);border-radius:50%;margin-left:3px}.canvas-panel{width:100%}.chat-panel{display:none;width:100%;border:0}.studio-layout.chat-view .chat-panel{display:flex}.studio-layout.chat-view .canvas-panel{display:none}.welcome{padding:30px 25px;max-width:540px}.welcome h2{font-size:54px;line-height:1.3;margin-top:23px}.welcome>p{font-size:12px}.inspiration-grid{gap:11px;grid-template-columns:repeat(2,minmax(0,1fr))}.inspiration-card.document{display:none}.inspiration-art{height:167px}.inspiration-text strong{font-size:12px}.inspiration-text>span{font-size:10px}.inspiration-heading{font-size:11px;margin-top:32px}.canvas-topline{height:37px;padding:0 24px;font-size:9px}.canvas-footer{font-size:9px;padding:11px 16px}.chat-header{height:72px;margin:0 20px}.chat-scroll{padding:20px 24px}.chat-intro{max-width:420px;margin:0 auto;padding-top:13px}.chat-intro h3{font-size:20px}.chat-intro>p{font-size:12px}.intro-capabilities{font-size:12px}.intro-hint{font-size:11px}.starter{font-size:12px;padding:13px}.composer-zone{padding:10px 17px calc(12px + env(safe-area-inset-bottom))}.composer textarea{font-size:16px;line-height:1.7;min-height:59px}.composer-hint{display:none}.send-button{margin-left:auto}.composer-status{font-size:9px}.user-message,.assistant-content{font-size:12px}.artwork-area{padding:20px}.artwork-frame{max-width:100%}.canvas-toolbar{margin:8px auto}.versions-bar{margin:6px 18px 0;gap:12px}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-dialog{padding:23px 18px}.dialog-header h2{font-size:16px}.document-preview{padding:25px}.connection-banner{font-size:11px}.context-pill{font-size:11px}}
@media(max-height:750px) and (min-width:761px){.welcome{padding-top:10px;padding-bottom:10px}.welcome h2{font-size:45px;margin-top:16px;margin-bottom:12px}.welcome>p{font-size:11px;line-height:1.9;margin-bottom:17px}.welcome-upload{padding:10px 14px}.inspiration-heading{margin-top:25px}.inspiration-art{height:120px}.chat-scroll{padding-top:15px}.chat-intro{padding-top:4px}.intro-mark{margin-bottom:12px}.chat-intro h3{font-size:16px}.chat-intro>p{margin-bottom:19px}.intro-capabilities{gap:9px}.intro-hint{margin-top:22px}.canvas-topline{height:44px}.inspiration-text{padding:9px}.canvas-footer{padding-top:11px;padding-bottom:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}