:root{--paper:#f5f4ef;--surface:#fffefa;--ink:#26352e;--muted:#7b8177;--line:#e4e5dc;--mint:#e3edda;--deep:#2d4436;--amber:#d9a958;--danger:#a54438;--radius:15px;font-family:Inter,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.48}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #8caa77;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:none;border-color:#90a185}a{color:inherit}button{border:0;background:none}h1,h2,h3,p{margin:0}button,input,textarea,select{font-size:14px}input,textarea{background:var(--surface)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{font-size:9px;font-weight:650;letter-spacing:2px;color:var(--muted);display:block;line-height:1.6}.tiny-label{font-size:10px;letter-spacing:1px;color:#969b92}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:42px;padding:10px 16px;border-radius:10px;font-weight:550;transition:background .15s,transform .15s}.button:hover{background:#e9ecdf}.button.primary{background:var(--deep);color:#f5f8ee;justify-content:space-between}.button.primary:hover{background:#213a29}.button.primary span{font-size:20px;font-weight:400}.button.secondary{border:1px solid var(--line);background:transparent}.button.secondary:hover{background:#eef0e7}.button.compact{min-height:34px;padding:6px 11px;font-size:12px;border:1px solid var(--line);background:var(--surface)}.wide{width:100%}.icon-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:8px;font-size:23px;line-height:1;color:#6e796e}.icon-button:hover{background:#e9eddf}.text-button{color:#6a786a;font-size:12px;padding:6px 0}.text-button:hover{color:var(--deep)}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:650;letter-spacing:2px}.brand-symbol{height:36px;width:36px;display:grid;place-items:center;border-radius:10px;background:var(--deep);color:#d6e6c9;font-size:20px;letter-spacing:0;font-weight:400;box-shadow:0 3px 8px #243b2c0c}.brand small{display:block;font-size:7px;letter-spacing:2.2px;line-height:1.9;color:#7b8878;font-weight:600}.login-screen{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:55px 9vw 55px 5vw;align-items:center}.login-art{height:min(740px,80vh);min-height:500px;background:#e7e9df;border:1px solid #dfe1d5;border-radius:24px;padding:54px 45px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.art-frame{width:min(100%,380px);height:480px;background:#cad6ba;border-radius:180px 180px 14px 14px;position:relative;overflow:hidden;box-shadow:0 25px 55px #2f4b321b;transform:rotate(-5deg)}.art-circle{position:absolute;width:190px;height:190px;border-radius:50%;background:#e8b968;top:74px;right:-35px;box-shadow:0 0 0 40px #e8b96814}.art-slope{position:absolute;bottom:-90px;left:-120px;width:550px;height:330px;background:#435b40;border-radius:50%;transform:rotate(-25deg)}.art-slope:after{content:"";position:absolute;inset:65px -90px -100px 280px;border-radius:50%;background:#7e9470}.art-label{position:absolute;left:38px;bottom:42px;font-size:12px;letter-spacing:3px;line-height:1.9;color:#f4f5e9;font-weight:600;transform:rotate(5deg)}.art-caption{margin-top:36px;font-size:10px;letter-spacing:1.3px;color:#78836e}.login-wrap{max-width:380px;width:100%;margin:auto}.login-wrap .brand{margin-bottom:55px}.login-wrap>.eyebrow{color:#829574}.login-wrap h1{font-size:36px;font-weight:530;line-height:1.5;letter-spacing:1px;margin:14px 0 20px}.login-intro{font-size:13px;line-height:1.9;color:#7c8378;margin-bottom:35px}.login-wrap label{font-size:12px;font-weight:550;display:block;margin-bottom:9px}.password-row{display:flex;border:1px solid #d9ded1;background:var(--surface);border-radius:10px;padding:5px;align-items:center}.password-row:focus-within{border-color:#91a482;box-shadow:0 0 0 3px #d9e4cf55}.password-row input{border:none;min-width:0;width:100%;padding:10px}.password-row input:focus{outline:0}.password-row .icon-button{font-size:17px}.inline-error{color:var(--danger);font-size:12px;line-height:1.6;margin:10px 0;min-height:14px}.login-note{color:#969b92;font-size:10px;line-height:1.8;margin-top:24px}.studio{height:100dvh;display:grid;grid-template-columns:232px minmax(350px,1fr) 304px;overflow:hidden}.history-panel{background:#eeefe7;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:27px 20px 20px;min-height:0}.sidebar-brand{display:flex;justify-content:space-between;align-items:center}.history-panel .brand{font-size:18px}.history-panel .brand-symbol{width:32px;height:32px;font-size:18px;border-radius:9px}.new-conversation{margin:33px 0 30px;background:var(--surface);border:1px solid #dddfd4;width:100%;justify-content:flex-start;font-size:12px;box-shadow:0 2px 3px #26352e03}.new-conversation:hover{background:#fff}.plus{font-size:20px;font-weight:400}.shortcut{margin-left:auto;font-size:9px;color:#9a9f94;border:1px solid #e1e4d9;border-radius:4px;padding:2px 4px}.section-heading{display:flex;align-items:center;justify-content:space-between;color:#89917f;font-size:10px;letter-spacing:1px;padding:0 3px;margin-bottom:12px}.conversation-list{flex:1;overflow-y:auto;margin:0 -8px;padding:0 4px}.history-empty{font-size:12px;line-height:1.9;color:#9a9f91;padding:13px 12px}.conversation-row{display:flex;align-items:center;border-radius:9px;margin:3px 0;position:relative}.conversation-row:hover{background:#e3e8d9}.conversation-row.active{background:#dde7d2}.conversation-select{min-width:0;flex:1;text-align:left;padding:12px 10px 11px;display:flex;gap:10px;align-items:flex-start}.conversation-select>span:first-child{color:#8b9980;font-size:15px;line-height:1.6}.conversation-meta{min-width:0}.conversation-meta strong{display:block;font-weight:500;font-size:12px;line-height:1.6;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:138px}.conversation-meta small{display:block;font-size:9px;margin-top:4px;color:#959e8c}.conversation-delete{width:24px;height:28px;font-size:16px;margin-right:4px;opacity:0}.conversation-row:hover .conversation-delete,.conversation-delete:focus-visible{opacity:1}.sidebar-footer{padding:18px 0 0;border-top:1px solid #dcdfd3;margin-top:16px}.private-label{display:flex;gap:7px;align-items:center;font-size:10px;color:#7f8876}.private-label .tiny-label{margin-left:auto;font-size:9px}.status-dot,.context-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#86a079;flex-shrink:0}.sidebar-footer .text-button{width:100%;display:flex;justify-content:space-between;margin-top:12px;font-size:10px;color:#939b8b}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--paper);position:relative}.workspace-header{height:89px;min-height:89px;padding:0 33px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e9e1;gap:16px}.workspace-title{min-width:0}.workspace-title .eyebrow{font-size:8px;letter-spacing:1.9px;margin-bottom:5px}.workspace-title h1{font-size:14px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;align-items:center;gap:10px}.model-badge{font-size:9px;white-space:nowrap;padding:6px 9px;background:#e9ecdf;border:1px solid #e1e6d6;border-radius:5px;color:#7b886e;max-width:180px;overflow:hidden;text-overflow:ellipsis}.settings-toggle{display:none}.thread-scroll{overflow-y:auto;flex:1;min-height:0;scroll-behavior:smooth;padding:0 34px 20px;scrollbar-width:thin;scrollbar-color:#d6dccb transparent}.empty-state{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 0 25px;max-width:620px;margin:auto}.empty-emblem{height:64px;width:64px;background:#e8ebdd;border:1px solid #dfe4d2;border-radius:18px;position:relative;transform:rotate(-8deg);margin-bottom:26px}.empty-emblem:before{content:"";position:absolute;inset:15px 14px;border:1.6px solid #8c9b7e;border-radius:4px}.empty-emblem span{position:absolute;right:22px;top:23px;width:7px;height:7px;border-radius:50%;background:#cfaa65}.empty-emblem i{position:absolute;left:18px;bottom:19px;width:22px;height:16px;clip-path:polygon(0 100%,35% 15%,65% 65%,84% 35%,100% 100%);background:#7d9270}.empty-state>.eyebrow{font-size:8px;color:#9aab8e}.empty-state h2{font-size:29px;font-weight:500;letter-spacing:1.1px;line-height:1.65;margin:13px 0}.empty-state>p{font-size:11px;color:#979c90;line-height:1.9}.starter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:430px;margin-top:29px}.starter{background:#fbfbf6;border:1px solid #e1e5d8;border-radius:11px;text-align:left;padding:16px 15px;position:relative;transition:background .2s,transform .2s}.starter:hover{background:#eaf0df;transform:translateY(-2px)}.starter-icon{color:#92a47e;display:block;font-size:18px;margin-bottom:11px}.starter strong{display:block;font-size:11px;font-weight:550;margin-bottom:7px}.starter>span:last-child{font-size:9px;color:#8f9984;line-height:1.7;display:block}.default-note{font-size:9px;color:#99a28d;margin-top:20px;display:flex;align-items:center;gap:6px}.mini-spark{font-size:14px;color:#afbb9a}.composer-dock{padding:0 28px 17px;flex-shrink:0;background:linear-gradient(transparent,var(--paper) 15%)}.context-note{display:flex;align-items:center;gap:7px;font-size:9px;color:#97a08c;padding:8px 6px 10px;min-height:30px}.context-dot{width:4px;height:4px;background:#b8c4a6}.composer{background:var(--surface);border:1px solid #d9dfd0;border-radius:14px;box-shadow:0 5px 16px #34412c05;padding:13px 13px 10px;transition:border-color .2s}.composer:focus-within{border-color:#9eaf91;box-shadow:0 3px 16px #34412c0a}.composer textarea{width:100%;resize:none;display:block;border:none;padding:2px 5px;min-height:52px;max-height:180px;line-height:1.8;font-size:12px}.composer textarea::placeholder{color:#a4ab9c}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:8px}.composer-tools{display:flex;align-items:center;gap:6px;min-width:0}.composer-tools>.icon-button{background:#f0f2e9;width:29px;height:29px;font-size:23px;border:1px solid #e5e9dc}.composer select{background:none;border:none;font-size:10px;color:#819071;padding:4px 0;max-width:150px;outline:0;cursor:pointer}.toolbar-divider{height:12px;width:1px;background:#e3e8da;margin:0 5px}.mask-button{font-size:10px;white-space:nowrap;color:#88977b}.send-button{display:flex;align-items:center;gap:14px;background:var(--deep);color:#f4f8ee;border-radius:8px;min-height:34px;padding:6px 12px;white-space:nowrap;font-size:11px}.send-button span:last-child{font-size:19px;line-height:1}.send-button:hover{background:#1d3826}.composer-footnote{font-size:8px;color:#a5aa9e;display:flex;justify-content:space-between;gap:10px;margin-top:9px;padding:0 4px}.settings-panel{background:#fafbf5;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.settings-header{min-height:89px;height:89px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #e8ebdf}.settings-header .eyebrow{font-size:8px;letter-spacing:1.9px;margin-bottom:4px}.settings-header h2{font-size:13px;font-weight:550}.settings-scroll{padding:20px 23px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#d6dccb transparent}.settings-summary{display:flex;gap:10px;padding:12px 11px;background:#edf1e4;border:1px solid #e3e9d8;border-radius:9px;margin-bottom:23px}.quality-symbol{font-size:21px;color:#8da36d}.settings-summary strong{display:block;font-size:10px;font-weight:550;margin-bottom:5px;color:#6e8059}.settings-summary p{font-size:9px;line-height:1.8;color:#94a082}.field{margin:0 0 19px}.field label{display:flex;align-items:baseline;justify-content:space-between;gap:6px;font-size:11px;font-weight:500;margin-bottom:8px}.field label small{font-size:9px;color:#a0aa94;font-weight:400;overflow-wrap:anywhere;text-align:right}.field select,.field input:not([type=checkbox]),.field textarea{width:100%;border:1px solid #dfe5d5;background:#fdfef9;border-radius:7px;padding:9px 10px;font-size:11px;min-height:35px}.field select{cursor:pointer}.field-help{font-size:9px;color:#9ba68d;line-height:1.8;margin-top:7px}.field.unavailable{opacity:.5}.field input[type=checkbox],.toggle-row input{appearance:none;width:29px;height:17px;border-radius:20px;background:#d6ddcb;position:relative;border:0;flex-shrink:0;cursor:pointer}.field input[type=checkbox]:after,.toggle-row input:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .15s}.field input[type=checkbox]:checked,.toggle-row input:checked{background:#7f9b69}.field input[type=checkbox]:checked:after,.toggle-row input:checked:after{transform:translateX(12px)}.field.boolean-field label{align-items:center}.field-divider{margin:23px 0 20px;border-top:1px solid #e4e9db;padding-top:18px}.settings-group{border-top:1px solid #e4e9db;padding-top:19px;margin-top:24px;margin-bottom:24px}.settings-group .section-heading{font-size:10px;padding:0}.settings-group .tiny-label{font-size:8px}.toggle-row{display:flex;gap:15px;align-items:center;justify-content:space-between}.toggle-row strong{display:block;font-size:10px;font-weight:500}.toggle-row small{display:block;font-size:8px;color:#a0ab93;line-height:1.8;margin-top:5px}.context-settings>.field-help{margin-top:12px}.settings-scroll>.button{font-size:10px;min-height:36px;color:#829270}.docs-link{display:flex;justify-content:center;gap:12px;font-size:9px;text-decoration:none;color:#9ba98b;margin-top:18px}.docs-link:hover{color:var(--deep)}.settings-footer{display:flex;align-items:center;gap:6px;border-top:1px solid #e3e8db;padding:14px 20px;font-size:8px;color:#99a48c}.settings-footer .status-dot{width:4px;height:4px;background:#a5b294}.settings-footer .tiny-label{font-size:6px;letter-spacing:.8px;margin-left:auto}.mobile-only,.mobile-settings-close{display:none}.thread{max-width:850px;margin:0 auto}.turn{padding:27px 0 5px}.turn+.turn{margin-top:13px;border-top:1px solid #e5e9dd}.turn-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.user-avatar{width:27px;height:27px;background:#e5eadc;border-radius:8px;display:grid;place-items:center;font-size:11px;color:#829473}.turn-header strong{font-size:10px;font-weight:550}.turn-date{font-size:9px;color:#a1a997;margin-left:auto}.prompt-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:13px;margin-left:37px;color:#4a5745}.input-thumbnails{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 5px 37px}.input-thumbnail{width:51px;height:51px;border-radius:7px;border:1px solid #dce3d1;object-fit:cover;cursor:zoom-in}.assistant-heading{display:flex;align-items:center;gap:8px;margin:23px 0 12px;color:#8c9a7b;font-size:9px}.assistant-mark{height:20px;width:20px;display:grid;place-items:center;border-radius:6px;background:#e6eddb;color:#889b70;font-size:12px}.assistant-heading .version{margin-left:auto;font-size:8px;color:#a2ae92}.image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.image-grid.single{grid-template-columns:minmax(0,1fr)}.image-card{background:#fffefb;border:1px solid #dfe5d6;border-radius:12px;overflow:hidden}.image-display{display:block;width:100%;padding:0;background-color:#eceee5;background-image:linear-gradient(45deg,#e1e5d9 25%,transparent 25%),linear-gradient(-45deg,#e1e5d9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e1e5d9 75%),linear-gradient(-45deg,transparent 75%,#e1e5d9 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;cursor:zoom-in;min-height:100px}.image-display img{display:block;width:100%;max-height:660px;object-fit:contain}.image-card-footer{padding:10px 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.image-description{font-size:8px;color:#9aa78b;margin-right:auto}.image-card-footer button,.image-card-footer a{font-size:9px;color:#7b8f68;text-decoration:none;display:inline-flex;align-items:center;gap:4px;padding:4px 0}.image-card-footer button:hover,.image-card-footer a:hover{color:#344e24}.image-card-footer a{border-left:1px solid #e4eadb;padding-left:8px}.turn-details{margin-top:10px;font-size:9px;color:#a0aa94}.turn-details summary{cursor:pointer;font-size:9px;list-style:none;display:flex;gap:6px;align-items:center}.turn-details summary:before{content:"＋"}.turn-details[open] summary:before{content:"−"}.turn-details pre{overflow-wrap:anywhere;white-space:pre-wrap;background:#edf0e5;border:1px solid #e1e6d6;padding:12px;border-radius:8px;line-height:1.8;font-size:9px;margin:10px 0}.turn-error{border:1px solid #e7d7c7;background:#f5eee5;color:#a47b55;padding:12px 14px;border-radius:9px;font-size:11px;line-height:1.8;margin-top:14px}.working-state{max-width:850px;margin:25px auto 12px;padding:18px;background:#eff2e7;border:1px solid #e1e7d6;border-radius:12px}.working-line{display:flex;gap:12px;align-items:center}.activity-indicator{width:20px;height:20px;border:2px solid #cfdcc0;border-top-color:#88a16e;border-radius:50%;animation:spin 1.1s linear infinite;flex-shrink:0}.working-state strong{font-weight:500;font-size:11px;color:#6f845d}.working-state p{font-size:9px;color:#9ba98b;margin-top:5px;line-height:1.8}.partial-images:not(:empty){margin-top:15px}.partial-images img{width:100%;border-radius:8px}.reference-chips{display:flex;gap:8px;flex-wrap:wrap;padding:0 4px 11px}.reference-chip{display:flex;align-items:center;gap:7px;background:#eef3e5;border:1px solid #dfe7d3;border-radius:8px;padding:4px 6px 4px 4px;max-width:210px;font-size:9px;color:#7d906b}.reference-chip img{width:34px;height:34px;object-fit:cover;border-radius:5px;background:#dfe5d5}.reference-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-chip button{font-size:15px;color:#8b9e77;padding:2px 4px}.mask-chip{background:#f5ecd9;border-color:#e8dbbd;color:#aa905a}.mask-chip img{background:#c4bca9}.toast-region{position:fixed;left:50%;bottom:27px;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;z-index:100;max-width:calc(100% - 30px);pointer-events:none}.toast{padding:12px 18px;border:1px solid #d9e2cd;border-radius:10px;background:#fafdf4;box-shadow:0 8px 25px #26352e15;font-size:12px;line-height:1.7;color:#627950;animation:toast-in .2s ease-out;max-width:520px}.toast.error{background:#fff7ed;color:#a06945;border-color:#e9d6bf}.drop-overlay{position:fixed;inset:15px;border:2px dashed #9bb183;border-radius:22px;background:#edf4e7f2;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;gap:12px}.drop-overlay>span{font-size:70px;font-weight:200;color:#8da574}.drop-overlay strong{font-size:22px;font-weight:500}.drop-overlay p{color:#8da17a;font-size:12px}dialog{color:var(--ink);border:1px solid #dbe3d0;background:var(--surface);padding:24px;border-radius:17px;box-shadow:0 20px 90px #17281730;max-width:calc(100vw - 30px)}dialog::backdrop{background:#1f2d2380;backdrop-filter:blur(4px)}.mask-dialog{width:720px;max-height:calc(100dvh - 35px);overflow-y:auto}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.dialog-heading h2{font-size:20px;font-weight:500;margin-top:5px}.dialog-description{font-size:11px;color:#98a48a;line-height:1.9;margin-bottom:18px}.mask-canvas-wrap{position:relative;max-height:48dvh;max-width:100%;width:max-content;margin:auto;background:#e5e9dc;overflow:hidden;line-height:0;border-radius:9px}.mask-canvas-wrap img{display:block;max-width:100%;max-height:48dvh;width:auto;height:auto}.mask-canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:none}.mask-tools{display:flex;gap:9px;align-items:center;margin:16px 0 10px}.mask-tools label{display:flex;gap:9px;align-items:center;font-size:11px;color:#829474;flex:1}.mask-tools input{width:min(180px,30vw);accent-color:#879f70}.mask-tools output{font-size:10px}.dialog-actions{display:flex;justify-content:space-between;gap:15px;margin-top:20px}.dialog-actions .button{font-size:12px}.image-dialog{padding:0;background:#e6e9de;border-radius:12px;width:max-content;max-height:95dvh;overflow:visible}.image-dialog>img{display:block;max-width:calc(100vw - 45px);max-height:85dvh;object-fit:contain;border-radius:12px 12px 0 0}.image-close{position:absolute;right:9px;top:9px;background:#f8fcf0dc;border:1px solid #d9e2cc;z-index:1}.image-dialog>div{padding:12px 18px;font-size:10px;color:#80956b}.sheet-backdrop{position:fixed;inset:0;background:#23302460;z-index:30;backdrop-filter:blur(2px)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{from{transform:translateY(7px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:1600px){.studio{grid-template-columns:254px minmax(350px,1fr) 330px}.workspace-header{padding:0 48px}.thread-scroll{padding-left:60px;padding-right:60px}.composer-dock{padding-left:54px;padding-right:54px}.composer,.context-note,.composer-footnote{max-width:900px;margin-left:auto;margin-right:auto}}@media(max-width:1190px){.studio{grid-template-columns:205px minmax(320px,1fr) 274px}.history-panel{padding-left:14px;padding-right:14px}.settings-scroll{padding-left:18px;padding-right:18px}.settings-header{padding-left:20px}.workspace-header{padding:0 24px}.thread-scroll{padding:0 24px 20px}.composer-dock{padding-left:19px;padding-right:19px}.conversation-meta strong{max-width:125px}.empty-state h2{font-size:26px}.composer-footnote{font-size:7px}.settings-footer{padding-left:17px;padding-right:17px}.settings-footer .tiny-label{display:none}.model-badge{max-width:135px}}@media(max-width:1020px){.studio{grid-template-columns:215px minmax(320px,1fr)}.settings-panel{position:fixed;right:0;top:0;bottom:0;width:320px;z-index:40;transform:translateX(100%);transition:transform .2s;box-shadow:-10px 0 50px #26352e10}.settings-panel.open{transform:translateX(0)}.settings-toggle,.mobile-settings-close{display:flex}.thread-scroll{padding-left:35px;padding-right:35px}.composer-dock{padding-left:30px;padding-right:30px}.workspace-header{padding:0 32px}.empty-state h2{font-size:30px}.settings-footer .tiny-label{display:block}.conversation-meta strong{max-width:135px}.image-grid.single{max-width:750px}.login-screen{padding:35px 6vw;gap:6vw}.login-art{padding:30px;min-height:480px}.art-frame{height:410px}.login-wrap h1{font-size:32px}.login-wrap .brand{margin-bottom:35px}}@media(max-width:700px){.studio{grid-template-columns:minmax(0,1fr)}.history-panel{position:fixed;left:0;top:0;bottom:0;width:275px;z-index:40;transform:translateX(-100%);transition:transform .2s;box-shadow:10px 0 50px #26352e10;padding:25px 22px 22px}.history-panel.open{transform:translateX(0)}.mobile-only{display:flex}.conversation-meta strong{max-width:175px}.conversation-delete{opacity:.6}.workspace-header{height:75px;min-height:75px;padding:0 17px;gap:12px}.workspace-title{flex:1}.workspace-title h1{font-size:12px}.workspace-title .eyebrow{font-size:7px}.model-badge{font-size:8px;padding:5px 7px;max-width:130px}.workspace-header>.icon-button{width:27px;font-size:17px}.header-actions{gap:6px}.settings-toggle{font-size:10px;padding:5px 8px;min-height:30px}.thread-scroll{padding:0 18px 16px}.empty-state{padding-top:25px}.empty-emblem{width:59px;height:59px;margin-bottom:20px}.empty-state h2{font-size:27px;margin:11px 0}.empty-state>p{font-size:10px}.empty-state>.eyebrow{font-size:7px}.starter-grid{margin-top:24px;max-width:385px}.starter{padding:14px 12px}.starter strong{font-size:10px}.starter>span:last-child{font-size:8px}.default-note{font-size:8px;margin-top:16px}.composer-dock{padding:0 12px max(12px,env(safe-area-inset-bottom))}.composer{padding:12px 10px 9px}.composer textarea{font-size:12px;min-height:49px}.composer select{font-size:9px;max-width:130px}.mask-button{font-size:9px}.composer-tools{gap:5px}.toolbar-divider{margin:0 3px}.send-button{gap:9px;padding:6px 10px;min-height:32px;font-size:10px}.context-note{font-size:8px;padding-left:6px;line-height:1.6}.composer-footnote{font-size:7px;gap:6px}.composer-footnote>span:first-child{display:none}.composer-footnote>span:last-child{margin:auto}.settings-panel{width:min(345px,90vw)}.settings-header{height:75px;min-height:75px}.settings-scroll{padding:20px 25px}.turn{padding-top:20px}.prompt-text{font-size:12px;margin-left:0}.input-thumbnails{margin-left:0}.turn-date{font-size:8px}.image-grid{gap:8px}.image-card-footer{padding:8px}.image-card-footer button,.image-card-footer a{font-size:8px}.image-description{font-size:7px;width:100%}.assistant-heading{margin-top:18px}.dialog-heading h2{font-size:18px}.mask-dialog{padding:20px;max-width:calc(100vw - 20px)}.dialog-description{font-size:10px}.mask-tools{flex-wrap:wrap}.mask-tools label{min-width:100%;margin-bottom:5px}.mask-tools input{width:70%}.dialog-actions{gap:10px}.dialog-actions .button{font-size:11px;padding:10px 12px}.login-screen{padding:38px 30px;display:flex;min-height:100dvh}.login-art{display:none}.login-wrap{max-width:375px}.login-wrap .brand{margin-bottom:52px}.login-wrap h1{font-size:35px}.login-wrap form input{font-size:16px}.login-intro{font-size:13px}.login-note{font-size:10px}.login-wrap>.eyebrow{font-size:8px}}@media(max-height:750px) and (min-width:701px){.empty-state{padding:20px 0}.empty-emblem{height:45px;width:45px;margin-bottom:15px;border-radius:13px}.empty-emblem:before{inset:11px 10px}.empty-emblem span{top:17px;right:15px;width:5px;height:5px}.empty-emblem i{left:13px;bottom:13px;width:18px;height:13px}.empty-state h2{font-size:24px;line-height:1.5;margin:9px 0}.starter-grid{margin-top:20px}.starter{padding:12px}.starter-icon{margin-bottom:7px}.default-note{margin-top:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the working controls readable on laptop and phone screens. */
.field label{font-size:12px}.field label small{font-size:10px;color:#859178}.field select,.field input:not([type=checkbox]),.field textarea{font-size:12px}.field-help{font-size:10px;color:#839173}.settings-summary p{font-size:10px;color:#879672}.settings-summary strong{font-size:11px}.toggle-row strong{font-size:11px}.toggle-row small{font-size:10px;color:#879672}.empty-state>p{font-size:12px;color:#88917e}.composer textarea{font-size:13px}.size-presets{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.size-presets button{background:#eef2e6;border:1px solid #dfe7d3;color:#83946e;padding:4px 7px;font-size:9px;border-radius:5px}.size-presets button:hover{background:#e0e9d3}.settings-scroll>.button{font-size:11px}.docs-link{font-size:10px}.context-note{font-size:10px;color:#899879}.default-note{font-size:10px}.composer-footnote{font-size:9px}.starter strong{font-size:12px}.starter>span:last-child{font-size:10px}.turn-details,.turn-details summary{font-size:10px}.turn-details pre{font-size:10px}.image-card-footer button,.image-card-footer a{font-size:10px}.image-description{font-size:9px}.assistant-heading{font-size:10px}.working-state p{font-size:10px}.reference-chip{font-size:10px}.image-card-footer{gap:9px}@media(max-width:700px){.composer-footnote{font-size:8px}.context-note{font-size:9px}.starter strong{font-size:11px}.starter>span:last-child{font-size:9px}.default-note{font-size:9px}.composer select,.mask-button{font-size:10px}.composer textarea{font-size:14px}.image-card-footer button,.image-card-footer a{font-size:9px}.field input,.field select{font-size:16px!important}.field label{font-size:12px}.mask-tools label{font-size:12px}}
.account-summary{display:flex;align-items:center;gap:10px;margin:0 0 13px}.account-avatar{width:30px;height:30px;border-radius:9px;background:#dce7cf;display:grid;place-items:center;color:#71875c;font-size:15px}.account-summary .tiny-label{font-size:8px;letter-spacing:1px}.account-summary strong{display:block;font-size:12px;font-weight:600;margin-top:3px;color:#4c6640}.sidebar-footer .private-label{font-size:9px}.sidebar-footer #logout{font-size:11px;color:#72865f;margin-top:13px}#account-header{font-size:9px;letter-spacing:0;color:#7e936a;font-weight:500;white-space:nowrap}@media(max-width:700px){#account-header{font-size:9px}.account-summary strong{font-size:13px}.sidebar-footer #logout{font-size:12px}}
