*{box-sizing:border-box} :root{color-scheme:dark;--bg:#121411;--side:#151713;--panel:#191c17;--surface:#20231d;--line:#30332b;--text:#f2f3ec;--muted:#9bA193;--gold:#e5cd83;--gold-dim:#373326;--radius:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px}body{margin:0;background:var(--bg);color:var(--text);font-weight:400;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button,input,textarea,select{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button{transition:background .16s,color .16s,transform .16s}button:active:not(:disabled){transform:translateY(1px)}button:hover:not(:disabled){color:var(--text)}input,textarea{color:var(--text)}textarea{resize:vertical}::selection{background:#7f713d;color:#fff}h1,h2,h3,p{margin:0}h1{font-size:27px;letter-spacing:-.9px;font-weight:600}h2{font-size:18px;letter-spacing:-.4px;font-weight:600}h3{font-size:14px;font-weight:550}small{font-size:11px}button .icon{pointer-events:none}.icon{display:inline-block;flex-shrink:0;width:20px;height:20px;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat;vertical-align:middle}.loading{height:100vh;display:grid;place-content:center;gap:12px;font-size:24px}.loading span{font-size:13px;color:var(--muted)}.skip{position:fixed;z-index:100;top:-50px;left:16px;padding:12px;background:var(--gold);color:#191b15}.skip:focus{top:12px}.shell{display:grid;grid-template-columns:196px minmax(0,1fr);height:100dvh;min-height:520px;overflow:hidden}.sidebar{background:var(--side);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 14px 14px;z-index:3;min-height:0}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 30px}.brand-mark{display:grid;place-items:center;width:34px;height:36px;background:var(--gold);color:#1b1d16;font-size:17px;font-weight:800;border-radius:11px;letter-spacing:-1px}.brand-name{font-size:19px;font-weight:650;letter-spacing:-.7px}.brand-name small{display:block;text-transform:uppercase;letter-spacing:3.4px;font-size:8px;font-weight:500;color:var(--muted);margin-top:2px}.nav-label{font-size:10px;letter-spacing:1.15px;text-transform:uppercase;color:#757c6e;margin:23px 12px 10px}.nav-label:first-child{margin-top:0}.nav-button{display:flex;align-items:center;gap:11px;min-height:43px;width:100%;padding:10px 12px;margin-bottom:4px;text-align:left;color:#a9afa1;border-radius:9px;font-size:12px;font-weight:500;position:relative}.nav-button:hover{background:#24271f}.nav-button.active{background:#2e2d22;color:var(--gold)}.nav-button.active:before{content:"";position:absolute;left:-14px;width:3px;height:23px;background:var(--gold);border-radius:0 4px 4px 0}.nav-button .icon{width:19px;height:19px}.count{margin-left:auto;font-size:10px;color:var(--muted)}.sidebar-bottom{margin-top:auto;padding-top:14px}.balance{border:1px solid var(--line);border-radius:12px;padding:13px 12px;background:#1b1e18}.balance-head{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.balance-value{display:flex;align-items:center;justify-content:space-between;margin:9px 0 1px;font-size:19px;letter-spacing:-.5px;font-weight:600}.balance-value button{display:grid;place-items:center;background:#303126;color:var(--gold);border-radius:7px;width:27px;height:27px}.profile{display:flex;align-items:center;gap:10px;padding:18px 7px 2px;width:100%;text-align:left}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#36392f;font-size:11px;color:#e1e2d5}.profile span:nth-child(2){font-size:11px}.profile small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.profile>.icon{margin-left:auto;width:16px;color:var(--muted)}.main{min-width:0;display:flex;flex-direction:column;overflow:hidden}.topbar{height:64px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:15px;background:#151713}.breadcrumb{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.breadcrumb .icon{width:12px;height:12px;color:#62695b}.breadcrumb strong{color:#dfE2d7;font-weight:500}.top-actions{display:flex;align-items:center;gap:18px}.preview-badge{display:flex;align-items:center;gap:7px;font-size:10px;color:#b4b8a9;border:1px solid var(--line);padding:6px 9px;border-radius:6px;white-space:nowrap}.preview-badge:before{content:"";height:5px;width:5px;border-radius:50%;background:var(--gold)}.search-trigger{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.search-trigger .icon{width:16px;height:16px}.key{border:1px solid #3c4035;border-radius:4px;padding:2px 4px;font-size:9px;color:#808878;margin-left:4px}.icon-button{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:8px;color:var(--muted)}.icon-button:hover{background:#2c3027}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 338px;min-height:0;flex:1}.content{min-width:0;overflow:auto;scrollbar-gutter:stable;padding:29px 26px 40px}.content-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.content-header p{font-size:12px;color:var(--muted);margin-top:9px;line-height:1.5}.subtle-button{display:flex;gap:7px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:9px 11px;color:#b8bdaf;white-space:nowrap;font-size:11px}.subtle-button:hover{background:#272b22}.subtle-button .icon{width:16px;height:16px}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:18px}.tab{padding:0 1px 13px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;position:relative;white-space:nowrap}.tab .icon{width:15px;height:15px}.tab.active{color:var(--text)}.tab.active:after{content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--gold);border-radius:2px}.tab .count{background:#30332a;font-size:9px;padding:1px 5px;border-radius:4px;color:#c1c6b8}.filters{display:flex;gap:6px;align-items:center;margin-bottom:19px;flex-wrap:wrap}.chip{color:#9fa593;font-size:10px;min-height:29px;padding:6px 11px;border-radius:7px}.chip:hover{background:#20241b}.chip.active{background:#303328;color:#e4e8da}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.work-card{min-width:0;border-radius:13px;overflow:hidden;background:#1c2018;border:1px solid #2b3024;position:relative;transition:border-color .2s,transform .2s}.work-card:hover{border-color:#77704f;transform:translateY(-2px)}.card-visual{position:relative;display:block;width:100%;height:228px;background:#272b22;overflow:hidden;padding:0;text-align:left}.card-visual img,.card-visual video{width:100%;height:100%;object-fit:cover;transition:transform .45s;display:block}.work-card:hover .card-visual img{transform:scale(1.035)}.card-visual:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#10140c77);pointer-events:none}.image-badge{position:absolute;top:12px;left:12px;border:1px solid #ffffff20;backdrop-filter:blur(10px);background:#13170f88;color:#f0f2e9;border-radius:5px;padding:5px 7px;font-size:9px;z-index:1}.favorite{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:#13170f99;backdrop-filter:blur(10px);color:#eceee2;z-index:1}.favorite .icon{width:15px;height:15px}.favorite.selected{color:var(--gold);background:#4b422a}.card-hover{position:absolute;bottom:13px;left:12px;right:12px;z-index:1;color:white;font-size:10px;display:flex;justify-content:space-between;align-items:center;opacity:0;transition:opacity .2s}.card-hover .icon{width:17px;height:17px}.work-card:hover .card-hover,.card-visual:focus-visible .card-hover{opacity:1}.card-info{padding:13px 13px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.card-info h3{font-size:12px;line-height:1.35}.card-info p{font-size:9px;color:var(--muted);margin-top:5px}.use-idea{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#2c3024;color:var(--gold);flex-shrink:0}.use-idea:hover{background:var(--gold);color:#22251a!important}.use-idea .icon{width:17px;height:17px}.gallery-note{font-size:10px;color:#838c7a;text-align:center;margin-top:24px;line-height:1.6}.settings{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--line);background:var(--panel)}.settings-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 14px;flex-shrink:0}.settings-heading h2{font-size:13px;font-weight:550;letter-spacing:0}.settings-heading>.icon{width:16px;height:16px;color:var(--muted)}.settings-scroll{padding:0 20px 18px;min-height:0;overflow:auto;scrollbar-width:thin}.field-label{display:flex;align-items:center;justify-content:space-between;color:#cdd2c2;font-size:11px;font-weight:500;margin-bottom:9px}.field-label>span{color:#747f6b;font-size:10px;font-weight:400}.field{margin-top:22px}.model-select{width:100%;display:flex;align-items:center;gap:10px;background:#24281f;border:1px solid #3d4334;border-radius:10px;padding:12px;text-align:left}.model-select:hover{background:#2d3225;border-color:#696b4d}.model-mark{width:32px;height:34px;flex-shrink:0;border-radius:8px;background:#3a3623;color:var(--gold);display:grid;place-items:center;font-size:12px;font-weight:650;letter-spacing:-.6px}.model-mark.blue{background:#24343d;color:#a1ccd8}.model-mark.purple{background:#332c3d;color:#d0b5e5}.model-title{min-width:0;flex:1}.model-title strong{display:block;font-size:12px;font-weight:550;line-height:1.4}.model-title small{display:block;margin-top:4px;font-size:9px;color:#919b85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-select>.icon{width:15px;height:15px;color:var(--muted)}.prompt-wrap{position:relative}.prompt{background:#141710;border:1px solid #373c30;border-radius:10px;width:100%;min-height:116px;padding:12px 12px 27px;resize:vertical;line-height:1.65;font-size:11px;display:block}.prompt::placeholder{color:#727c67}.prompt-footer{position:absolute;bottom:9px;left:12px;right:11px;display:flex;justify-content:space-between;color:#717b65;font-size:9px;pointer-events:none}.prompt-footer button{pointer-events:auto;display:flex;align-items:center;gap:4px;color:#b9c0ab;font-size:9px}.prompt-footer .icon{width:11px;height:11px}.upload-zone{border:1px dashed #4a523e;border-radius:9px;min-height:68px;display:flex;align-items:center;justify-content:center;gap:10px;text-align:left;cursor:pointer;background:#1c2116;color:#a7b198;transition:border-color .2s,background .2s;padding:12px;width:100%}.upload-zone:hover,.upload-zone.dragging{border-color:var(--gold);background:#292c1f}.upload-zone>.icon{width:19px;height:19px;color:#b7c0a5}.upload-zone strong{font-size:10px;font-weight:500;display:block;color:#c7cfba}.upload-zone small{display:block;font-size:9px;color:#77866b;margin-top:5px}.upload-input{display:none}.ref-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.ref-thumb{position:relative;width:48px;height:48px;background:#30372a;border-radius:7px}.ref-thumb img{width:100%;height:100%;object-fit:cover;border-radius:7px}.ref-thumb button{position:absolute;right:-4px;top:-4px;display:grid;place-items:center;border-radius:50%;width:16px;height:16px;background:#e5cd83;color:#1a2014}.ref-thumb button .icon{width:11px;height:11px}.segments{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:5px}.segment{min-height:33px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #363e2d;border-radius:7px;color:#9da98f;font-size:10px}.segment:hover{background:#2a3222}.segment.active{border-color:#a1915e;background:#353422;color:var(--gold)}.ratio-shape{display:inline-block;border:1px solid currentColor;border-radius:2px;width:12px;height:12px}.ratio-shape.wide{width:15px;height:9px}.ratio-shape.tall{width:8px;height:13px}.ratio-shape.portrait{width:10px;height:13px}.advanced{border-top:1px solid #30382a;margin-top:22px}.advanced summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a5af96;padding:15px 0}.advanced summary .icon{width:14px;height:14px}.advanced[open] summary .icon{transform:rotate(180deg)}.advanced .field{margin-top:6px;margin-bottom:12px}.select{width:100%;padding:9px;background:#22291b;border:1px solid #3c4532;border-radius:7px;font-size:11px}.switch-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-top:20px;color:#c5ceba}.switch{appearance:none;width:30px;height:18px;border-radius:20px;background:#3e4833;cursor:pointer;position:relative;margin:0}.switch:checked{background:var(--gold)}.switch:before{content:"";width:12px;height:12px;border-radius:50%;background:#182011;position:absolute;left:3px;top:3px;transition:transform .2s}.switch:checked:before{transform:translateX(12px)}.generation-footer{padding:14px 20px 13px;border-top:1px solid #343d2c;background:#1e2418;flex-shrink:0}.price-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9fae91;margin-bottom:11px}.price-row strong{font-size:12px;font-weight:550;color:#e3e9d8}.primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;background:var(--gold);color:#28291b;border-radius:8px;font-size:12px;font-weight:600}.primary:hover:not(:disabled){color:#191c12;background:#f0daa0}.primary .icon{width:16px;height:16px}.footer-note{font-size:9px;text-align:center;color:#8b9a7c;margin-top:10px;line-height:1.3}.shortcut{margin-left:auto;font-weight:400;color:#716844;font-size:9px}.primary>span:first-child{margin-left:auto}.settings .primary>.icon:first-child{margin-left:0}.empty{padding:48px 24px;text-align:center;border:1px dashed var(--line);border-radius:14px;background:#171b13;display:flex;align-items:center;flex-direction:column;gap:13px}.empty>.icon{width:32px;height:32px;color:#7c886a}.empty h3{font-size:16px}.empty p{color:var(--muted);font-size:12px;line-height:1.7;max-width:310px}.empty .subtle-button{margin-top:4px}.full-content{flex:1;overflow:auto;padding:32px 32px 50px}.full-content .content-header{margin-bottom:30px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-card{padding:0;text-align:left;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#1c2018}.tool-card:hover{border-color:#9b8b55}.tool-card img{width:100%;height:175px;object-fit:cover}.tool-card>div{padding:20px}.tool-card h3{font-size:16px;margin-bottom:9px}.tool-card p{color:var(--muted);font-size:11px;line-height:1.7;min-height:38px}.tool-card .tool-link{margin-top:21px;color:var(--gold);display:flex;justify-content:space-between;font-size:11px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.catalog-card{text-align:left;padding:18px;border:1px solid var(--line);border-radius:12px;background:#1b1f17;display:flex;flex-direction:column;align-items:flex-start;min-height:168px}.catalog-card:hover{border-color:#928557;background:#21261b}.catalog-card .catalog-head{display:flex;gap:10px;align-items:center;margin-bottom:13px}.catalog-card h3{font-size:12px}.catalog-card small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.catalog-card p{font-size:10px;line-height:1.6;color:#9da78f;margin-bottom:15px;max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.catalog-card footer{margin-top:auto;display:flex;width:100%;justify-content:space-between;color:#d7cca6;font-size:10px}.search-input{background:#20251a;border:1px solid #3c4532;border-radius:9px;display:flex;align-items:center;gap:9px;padding:10px 13px;margin-bottom:20px;color:#8f9c7e}.search-input input{background:none;border:0;min-width:0;flex:1;font-size:12px;outline:none}.search-input .icon{width:17px;height:17px}.catalog-filters{display:flex;gap:7px;margin-bottom:22px}.chat-layout{flex:1;display:flex;min-height:0}.chat-area{display:flex;flex-direction:column;min-width:0;flex:1;position:relative}.chat-top{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid #252c1f}.chat-top .model-select{width:260px;padding:8px 10px}.chat-thread{flex:1;overflow:auto;padding:35px 36px}.chat-welcome{margin:70px auto 0;max-width:550px;text-align:center}.chat-orb{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 24px;color:var(--gold);background:#2f3020;border:1px solid #5a5435;border-radius:18px;transform:rotate(-5deg)}.chat-orb .icon{width:28px;height:28px}.chat-welcome h1{font-size:29px;margin-bottom:14px}.chat-welcome p{color:var(--muted);line-height:1.7}.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:32px}.suggestions button{padding:15px;text-align:left;border:1px solid var(--line);border-radius:10px;font-size:11px;color:#b8c2aa;line-height:1.6}.suggestions button:hover{border-color:#8b7f55;background:#23291c}.chat-compose{max-width:740px;width:calc(100% - 72px);margin:12px auto 18px}.chat-compose form{border:1px solid #4a533d;border-radius:13px;background:#1f2618;padding:15px}.chat-compose textarea{width:100%;border:0;background:none;resize:none;min-height:48px;font-size:12px;line-height:1.6}.chat-compose footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:10px;color:#91a07e}.send-button{background:var(--gold);color:#202617;border-radius:8px;height:32px;width:34px;display:grid;place-items:center}.chat-message{max-width:650px;margin:0 auto 24px;font-size:13px;line-height:1.8;white-space:pre-wrap}.chat-message.user{max-width:540px;background:#29321f;border:1px solid #3e4a31;border-radius:14px 14px 2px 14px;padding:15px 20px;margin-right:0}.chat-message.assistant{padding:15px 0}.chat-message label{display:block;font-size:10px;color:var(--gold);margin-bottom:12px}.chat-history{border-left:1px solid var(--line);width:238px;background:#191e14;padding:25px 18px}.chat-history h3{font-size:12px;margin-bottom:25px}.chat-history p{color:var(--muted);font-size:11px;line-height:1.7}.history-item{text-align:left;width:100%;border:1px solid #38432c;border-radius:8px;padding:12px;margin-top:10px;font-size:10px;line-height:1.5}.history-item:hover{background:#29321f}.history-meta{padding-top:24px;margin-top:30px;border-top:1px solid var(--line);font-size:10px;color:#9da78e;line-height:1.8}.history-meta strong{display:block;color:#d9dfcf;margin-bottom:8px;font-size:11px;font-weight:500}dialog{width:min(600px,calc(100vw - 40px));max-height:85dvh;border:1px solid #454c39;background:#1c2217;border-radius:18px;color:var(--text);padding:0;box-shadow:0 32px 100px #0009}dialog::backdrop{background:#060a04b3;backdrop-filter:blur(7px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 14px}.dialog-head h2{font-size:20px}.dialog-body{padding:8px 24px 24px}.dialog-body>p{color:var(--muted);line-height:1.8;font-size:12px;margin-bottom:18px}.model-list{max-height:52dvh;overflow:auto;display:flex;flex-direction:column;gap:6px}.model-option{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:1px solid transparent;border-radius:10px;padding:12px}.model-option:hover{background:#2a3320}.model-option.selected{border-color:#8b8052;background:#303322}.model-option .model-title small{max-width:360px}.model-option .model-price{font-size:10px;color:#b9c7a6;margin-left:auto;white-space:nowrap}.model-option .icon{width:16px;height:16px;color:var(--gold)}.model-option:disabled{opacity:.4}.dialog-note{font-size:10px;color:#8c9b79;line-height:1.6;margin-top:14px}.detail-media{border-radius:11px;overflow:hidden;background:#10160b;display:flex;justify-content:center}.detail-media img,.detail-media video{max-height:44dvh;max-width:100%;display:block;object-fit:contain}.detail-prompt{font-size:12px;line-height:1.8;color:#b8c6a7;margin:18px 0}.detail-actions{display:flex;gap:10px}.detail-actions .primary{flex:1}.help-list{padding:0;list-style:none;margin:0 0 24px}.help-list li{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #35422a;color:#b7c4a7;font-size:12px;line-height:1.7}.help-list .icon{color:var(--gold);margin-top:2px}.progress-card{padding:28px;border:1px solid #66653e;border-radius:14px;background:#252c1b;margin-bottom:18px}.progress-card h3{font-size:14px;margin-bottom:10px}.progress-card p{font-size:11px;color:#acba99}.progress-track{height:4px;background:#3c472d;border-radius:9px;margin-top:20px;overflow:hidden}.progress-track span{display:block;height:100%;width:8%;background:var(--gold);animation:progress 2.2s ease-out forwards}@keyframes progress{to{width:100%}}#cvV3Toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,12px);z-index:30;background:#e5cd83;color:#242817;font-size:12px;line-height:1.5;border-radius:10px;padding:13px 20px;box-shadow:0 8px 45px #0005;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100vw - 40px)}#cvV3Toast.visible{opacity:1;transform:translate(-50%,0)}.hidden{display:none!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#3b4630;border-radius:9px}::-webkit-scrollbar-track{background:transparent}.tool-banner{border:1px solid #3b452f;background:#252c1d;border-radius:10px;padding:12px;margin-bottom:19px;font-size:10px;line-height:1.7;color:#aebc9c}.tool-banner strong{color:var(--gold);display:block;margin-bottom:5px}.mini-toggle{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.results-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:10px;color:var(--muted)}.wide-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.wide-gallery .card-visual{height:240px}.studio-intro{background:#22281b;border:1px solid #3a432e;border-radius:14px;padding:25px;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.studio-intro h2{font-size:20px}.studio-intro p{font-size:12px;color:var(--muted);line-height:1.6;margin-top:10px}.studio-intro>.icon{width:40px;height:40px;color:var(--gold)}.error-text{font-size:10px;color:#e8a99c;margin-top:8px}.mono{font-variant-numeric:tabular-nums}.link-button{color:var(--gold);font-size:11px;text-decoration:underline;text-underline-offset:4px}.small-badge{font-size:9px;color:#aab99a;border:1px solid #414e33;border-radius:5px;padding:4px 6px}.mobile-note{display:none}
.field{margin-top:18px}.prompt{min-height:108px;font-size:12px}.field-label{font-size:12px}.ref-list:empty{display:none}.upload-zone strong{font-size:11px}.segment{font-size:11px}.nav-button{font-size:12px}.card-info h3{font-size:13px}.card-info p{font-size:10px}
@media(min-width:1500px){.shell{grid-template-columns:218px minmax(0,1fr)}.workspace{grid-template-columns:minmax(0,1fr) 370px}.content{padding:34px 34px 40px}.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.card-visual{height:245px}.settings-scroll{padding:0 24px 20px}.settings-heading{padding:24px 24px 18px}.generation-footer{padding:17px 24px}.field{margin-top:25px}.prompt{min-height:134px}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1150px){.shell{grid-template-columns:170px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.brand{gap:7px}.brand-name{font-size:17px}.nav-button{font-size:11px;padding-left:9px;gap:8px}.workspace{grid-template-columns:minmax(0,1fr) 310px}.content{padding:25px 18px}.card-visual{height:210px}.gallery{gap:12px}.content-header .subtle-button{padding:8px}.content-header h1{font-size:25px}.content-header p{font-size:11px}.settings-scroll{padding:0 16px 18px}.settings-heading{padding:18px 16px 14px}.generation-footer{padding:14px 16px}.chat-history{width:200px}.search-trigger span:not(.icon){display:none}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:930px){.shell{grid-template-columns:66px minmax(0,1fr)}.sidebar{padding:20px 9px 12px}.brand{padding:0 6px 25px}.brand-name,.nav-label,.nav-button>span:not(.icon),.sidebar-bottom .balance,.profile>span:not(.avatar),.profile>.icon{display:none}.nav-button{justify-content:center;padding:10px 0;margin-bottom:8px}.nav-button .icon{width:21px;height:21px}.nav-button.active:before{left:-9px}.sidebar nav{display:flex;flex-direction:column;gap:3px}.profile{justify-content:center;padding:12px 0}.workspace{grid-template-columns:minmax(0,1fr) 300px}.card-visual{height:210px}.gallery{grid-template-columns:1fr 1fr}.gallery .card-info h3{font-size:11px}.gallery .card-info{padding:11px 10px}.content-header .subtle-button{display:none}.tabs{gap:18px}.topbar{padding:0 20px}.chat-history{display:none}}
@media(max-width:760px){.shell{height:auto;min-height:100dvh;overflow:visible;grid-template-columns:58px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100dvh}.main{overflow:visible;min-height:100dvh}.workspace{display:flex;flex-direction:column}.content{overflow:visible;max-height:none}.settings{border-left:0;border-top:1px solid var(--line)}.settings-scroll{overflow:visible;padding:0 22px 20px}.settings-heading{padding:22px}.generation-footer{padding:20px 22px}.topbar{height:54px;padding:0 15px}.preview-badge{font-size:9px}.top-actions{gap:8px}.search-trigger,.breadcrumb>span:first-child,.breadcrumb>.icon{display:none}.content-header{margin-bottom:20px}.content-header h1{font-size:23px}.gallery{gap:10px}.card-visual{height:180px}.card-info p{display:none}.favorite{top:7px;right:7px}.image-badge{top:8px;left:8px;font-size:8px}.full-content{padding:25px 16px}.tool-grid,.catalog-grid{grid-template-columns:1fr}.chat-thread{padding:20px}.chat-welcome{margin:30px auto 0}.chat-welcome h1{font-size:24px}.chat-compose{width:calc(100% - 32px)}.chat-top{padding:15px}.chat-top .subtle-button{display:none}.chat-layout{min-height:calc(100dvh - 54px)}.suggestions{grid-template-columns:1fr}.studio-intro{padding:18px}.studio-intro>.icon{display:none}.tabs{gap:15px}.tab{font-size:10px}.content-header p{max-width:260px}.model-option .model-title small{max-width:180px}.model-option .model-price{font-size:9px}.dialog-head{padding:18px}.dialog-body{padding:6px 18px 20px}.wide-gallery{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}

.chat-compose textarea:focus-visible{outline:none}.chat-compose form:focus-within{border-color:var(--gold)}
.prompt{padding-bottom:34px}.prompt-footer{bottom:1px;left:1px;right:1px;min-height:26px;padding:7px 11px;background:#141710;border-radius:0 0 9px 9px;align-items:center}
.settings-scroll{flex:1}

/* Desktop studios and the shared task timeline. */
.sidebar .brand{padding-bottom:20px}.sidebar nav{min-height:0;overflow-y:auto;flex:1;scrollbar-width:thin}.sidebar .nav-label{margin:17px 12px 7px;font-size:9px}.sidebar .nav-label:first-child{margin-top:0}.sidebar .nav-button{min-height:37px;padding-top:9px;padding-bottom:9px;line-height:1.4;margin-bottom:2px}.sidebar-bottom{margin-top:0;padding-top:10px;flex-shrink:0}.sidebar-bottom .profile{padding-top:12px}.sidebar-bottom .balance{padding:10px 12px}.sidebar-bottom .nav-button{margin-bottom:5px}.content-header h1{font-size:25px}.content-header p{font-size:11px;max-width:480px}.eyebrow{display:block;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold);margin-bottom:9px}.idea-section{margin:0 0 29px}.idea-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.idea-heading h2{font-size:20px;letter-spacing:-.5px}.idea-heading p{font-size:10px;color:var(--muted);line-height:1.6;margin-top:6px}.idea-heading .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:6px}.idea-heading .link-button{text-decoration:none;white-space:nowrap;font-size:10px}.idea-heading .icon{width:13px;height:13px}.idea-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/3);gap:12px;overflow-x:auto;padding:1px 1px 7px;scroll-snap-type:x mandatory;scrollbar-width:thin}.idea-rail .work-card{scroll-snap-align:start}.idea-rail .card-visual{height:178px}.idea-rail .card-info{padding:11px 10px;min-height:59px}.idea-rail .card-info h3{font-size:11px}.idea-rail .card-info p{font-size:9px}.idea-rail .use-idea{width:25px;height:25px}.idea-rail .image-badge{font-size:8px;left:8px;top:9px}.idea-rail .favorite{right:7px;top:7px;width:24px;height:24px}.creation-switch{display:grid;grid-template-columns:1fr 1fr;padding:3px;background:#10150c;border:1px solid #303b25;border-radius:8px;margin-bottom:18px}.creation-switch button{min-height:32px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#a7b397;border-radius:5px}.creation-switch .icon{height:15px;width:15px}.creation-switch button.active{background:#333723;color:var(--gold)}.studio-steps{display:flex;align-items:center;gap:15px;padding:17px 22px;border:1px solid #35402b;background:#1c2316;border-radius:11px;margin-bottom:27px;color:#b2c0a1;font-size:11px}.studio-steps b{color:var(--gold);font-size:10px;margin-right:7px;font-weight:500}.studio-steps>.icon{width:13px;color:#68795a}.back-link{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--gold);padding:0;margin-bottom:13px}.back-link .icon{height:13px;width:13px}.native-engine{display:flex;gap:10px;align-items:center;background:#26301d;border:1px solid #3f502e;border-radius:9px;padding:13px;color:#d4dfc6;font-size:11px}.native-engine>.icon{color:var(--gold)}.native-engine small{display:block;font-size:9px;color:#97aa83;margin-top:5px}.settings .tool-banner{margin-bottom:16px}.task-list{display:flex;flex-direction:column;gap:17px}.task-card{background:#1c2217;border:1px solid #35402b;border-radius:13px;overflow:hidden;padding:17px}.task-card.processing,.task-card.queued{border-color:#71673c}.task-card.failed{border-color:#694735}.task-main{display:flex;align-items:flex-start;gap:14px}.task-visual{position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0;width:85px;height:100px;border:1px solid #35402b;border-radius:9px;background:#28311e;overflow:hidden;color:#899a73}.task-visual img{width:100%;height:100%;object-fit:cover}.task-visual>.icon{width:27px;height:27px}.task-copy{min-width:0;flex:1}.task-topline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.status-pill{display:inline-flex;gap:5px;align-items:center;font-size:9px;font-weight:500;padding:5px 8px;border-radius:5px;background:#343c2b;color:#c8d3b9}.status-pill .icon{height:12px;width:12px}.status-pill.queued{background:#393523;color:#e7cf83}.status-pill.processing{background:#303d2c;color:#bdD5a7}.status-pill.success{background:#273d27;color:#abd397}.status-pill.failed{background:#472d23;color:#efbc9f}.task-time{font-size:9px;color:#8d9d7c}.task-copy h3{font-size:14px;line-height:1.4}.task-copy>p{font-size:10px;color:#a1b08f;margin-top:7px;line-height:1.5}.task-copy .task-prompt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#859773}.task-progress{height:3px;background:#3d442d;margin-top:18px;border-radius:4px;overflow:hidden}.task-progress span{display:block;height:100%;background:var(--gold);width:18%}.task-progress .processing{width:70%;animation:task-working 2.5s ease-in-out infinite alternate}.task-status-note{font-size:10px;color:#b8c5a7;margin-top:10px;line-height:1.6}.task-loader{position:absolute;bottom:15px;left:31px;width:21px;height:21px;border:2px solid #8a80534a;border-top-color:var(--gold);border-radius:50%;animation:task-spin 1s linear infinite}.task-visual:has(.task-loader)>.icon{transform:translateY(-10px)}@keyframes task-spin{to{transform:rotate(360deg)}}@keyframes task-working{from{opacity:.55;width:35%}to{opacity:1;width:80%}}.task-sources{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:17px;padding-top:12px;border-top:1px solid #303c25;font-size:10px;color:#bcc9a9}.task-sources>.muted{color:#839674;font-size:9px}.source-chip{display:flex;align-items:center;gap:6px;max-width:160px;border:1px solid #3d4c2f;border-radius:6px;padding:4px 7px;color:#b0c19b;font-size:9px}.source-chip>span:not(.icon){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-chip img{width:20px;height:20px;border-radius:3px;object-fit:cover}.source-chip .icon{width:15px;height:15px}.task-footer{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}.task-footer .subtle-button{font-size:9px;padding:7px 9px;border-color:#3c4b2d}.task-footer .icon{width:13px;height:13px}.storage-label{color:#90a67b;font-size:9px;margin-left:auto}.task-error{padding:12px;border:1px solid #644530;background:#3e2c21;border-radius:8px;margin:16px 0;color:#efc3a5}.task-error strong{display:block;font-size:11px;line-height:1.5;font-weight:500}.task-error span{display:block;color:#c7a88e;font-size:10px;line-height:1.7;margin-top:7px}.task-detail-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#9db086;margin-bottom:17px}.task-details{display:flex;flex-direction:column;gap:12px;margin:20px 0}.task-details>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;font-size:11px;line-height:1.7}.task-details dt{color:#8fa579}.task-details dd{color:#d0dfbe;margin:0;overflow-wrap:anywhere}.detail-sources{display:flex;gap:10px;margin:12px 0 20px}.detail-sources button{width:78px;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:9px;color:#aabb93}.detail-sources img{width:78px;height:60px;border-radius:7px;object-fit:cover}.detail-sources span:not(.icon){max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.detail-sources .icon{width:40px;height:60px}.task-timeline{display:flex;flex-wrap:wrap;gap:14px;border-top:1px solid #35462a;padding-top:17px;margin:18px 0;font-size:10px;color:#bacda8}.task-timeline .icon{height:13px;width:13px;margin-right:4px;color:var(--gold)}.task-timeline small{font-size:9px;color:#849e6f;margin-left:5px}.retention-note{display:flex;gap:10px;padding:13px;border:1px solid #4b5434;background:#2a321d;border-radius:9px;font-size:10px;line-height:1.7;color:#c1c9a9;margin:18px 0}.retention-note>.icon{width:17px;height:17px;margin-top:2px;color:var(--gold)}.operator-message{background:#202c1a;border:1px solid #415833;border-radius:12px;padding:20px}.operator-brand{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:12px;font-weight:550;margin-bottom:17px}.operator-message h3{font-size:11px;margin:15px 0 8px;color:#d1e1bf}.operator-message>p{font-size:11px;line-height:1.8;color:#aec59b;white-space:pre-wrap}.operator-files{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#aec59b}.operator-files>span{display:flex;align-items:center;gap:8px}.operator-files .icon{width:15px;height:15px}.operator-result{width:100%;height:190px;object-fit:cover;border-radius:9px;display:block;margin:10px 0}.operator-message>small{font-size:9px;color:#8fa579}.results-toolbar .link-button{font-size:10px;text-decoration:none;display:flex;align-items:center;gap:5px}.results-toolbar .icon{width:13px;height:13px}.full-content>.task-list,.full-content>.results-toolbar{max-width:1000px}.task-card .icon-button{width:25px;height:25px}.task-card .icon-button .icon{width:17px;height:17px}
@media(min-width:1500px){.idea-rail{grid-auto-columns:calc((100% - 34px)/3);gap:17px}.idea-rail .card-visual{height:205px}.idea-rail .card-info h3{font-size:12px}}
@media(max-width:1150px){.idea-rail{grid-auto-columns:calc((100% - 12px)/2)}.sidebar .nav-button{font-size:11px}.studio-steps{gap:9px;padding:14px;font-size:10px}.content-header h1{font-size:23px}}
@media(max-width:930px){.sidebar nav{display:block}.sidebar .nav-button{margin-bottom:8px}.sidebar .brand{padding:0 6px 23px}.task-main{gap:10px}.task-visual{width:64px;height:84px}.task-loader{left:21px;bottom:10px}.task-card{padding:13px}.storage-label{margin-left:0}.task-footer{gap:6px}.idea-rail .card-visual{height:185px}.task-time{font-size:8px}.task-copy h3{font-size:12px}.task-details>div{grid-template-columns:75px 1fr}.idea-heading h2{font-size:18px}}
@media(max-width:760px){.idea-rail{grid-auto-columns:74%}.idea-rail .card-visual{height:210px}.idea-heading{align-items:flex-start}.idea-heading .link-button{font-size:9px;margin-top:24px}.idea-heading p{max-width:230px}.studio-steps{display:none}.task-main>.icon-button{display:none}.task-copy .task-prompt{-webkit-line-clamp:1}.task-copy h3{font-size:11px}.task-visual{width:55px;height:76px}.task-loader{left:16px}.task-footer .subtle-button{font-size:8px;padding:6px}.task-time{display:none}.status-pill{font-size:8px}.task-details>div{grid-template-columns:65px 1fr}.full-content .content-header .subtle-button{display:none}}

.nav-button[data-nav="projects"]{font-size:11px;gap:8px}
.genjutsu-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.95fr);gap:0;overflow:hidden;border:1px solid #5a5335;background:#23271b;border-radius:15px;margin-bottom:27px}.genjutsu-media{position:relative;overflow:hidden;min-height:290px;padding:0;display:block;background:#131a10}.genjutsu-media>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.compare-label{position:absolute;top:16px;padding:5px 10px;font-size:10px;background:#17200db3;border:1px solid #e8ecc03b;backdrop-filter:blur(6px);border-radius:5px}.compare-label.before{left:15px}.compare-label.after{left:calc(50% + 15px);color:var(--gold)}.compare-play{position:absolute;display:grid;place-items:center;width:46px;height:46px;left:calc(50% - 23px);top:calc(50% - 23px);border-radius:50%;background:var(--gold);color:#202518;box-shadow:0 4px 30px #0005}.compare-play .icon{width:21px;height:21px}.genjutsu-copy{padding:28px 30px}.genjutsu-copy .eyebrow{font-size:8px;letter-spacing:1px;line-height:1.7;color:#b9b68e}.genjutsu-copy h2{font-size:36px;letter-spacing:-1.2px;color:var(--gold);font-weight:500;margin:8px 0 14px}.genjutsu-copy h3{font-size:17px;letter-spacing:-.2px;margin-bottom:10px}.genjutsu-copy p{color:#adb89c;font-size:11px;line-height:1.8}.genjutsu-tags{display:flex;gap:6px;margin:18px 0}.genjutsu-tags span{font-size:9px;padding:5px 7px;border:1px solid #4c5135;color:#bec5a3;border-radius:5px}.genjutsu-copy .primary{min-height:39px;font-size:11px}.genjutsu-copy .primary>.icon:last-child{margin-left:auto}.genjutsu-copy .primary>.icon:first-child{margin-right:auto}.genjutsu-intro h2{font-size:24px;margin-bottom:12px;letter-spacing:-.5px}.genjutsu-intro>p:not(.eyebrow):not(.gallery-note){font-size:12px;line-height:1.8;color:#abb99b}.character-mode-tabs{display:flex;gap:7px;margin:22px 0 15px}.character-mode-tabs button{padding:9px 14px;border:1px solid #465137;border-radius:8px;font-size:11px;color:#a7b893}.character-mode-tabs button.active{background:#3c3c25;color:var(--gold);border-color:#8d8050}.character-comparison{position:relative;border:1px solid #3f4b32;border-radius:12px;overflow:hidden;background:#11170d}.character-comparison video{width:100%;max-height:350px;display:block;object-fit:contain}.character-example-label{position:absolute;pointer-events:none;left:13px;top:13px;border-radius:6px;padding:7px 10px;background:#182110b3;color:#d4ddb9;font-size:10px;backdrop-filter:blur(5px)}.genjutsu-intro>.character-guidance{border-left:2px solid var(--gold);padding:2px 0 2px 14px;margin:18px 0 24px;font-size:11px!important}.character-howto{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.character-howto b{font-size:11px;color:var(--gold);font-weight:500;display:block;margin-bottom:12px}.character-howto h3{font-size:12px;margin-bottom:7px}.character-howto p{font-size:10px;color:#97ab83;line-height:1.7}.character-ref{border:1px solid #3d4a2f;border-radius:10px;padding:10px;margin-bottom:11px;background:#20291a}.character-ref header{display:flex;align-items:center;gap:9px;margin-bottom:12px}.character-ref header>img{width:43px;height:43px;border-radius:7px;object-fit:cover}.character-ref header>span{flex:1;min-width:0;font-size:11px;color:#d5dfc8}.character-ref small{display:block;font-size:9px;color:#97ad80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.character-ref label{display:block;font-size:10px;color:#b8c8a6;margin-bottom:7px}.character-ref textarea{width:100%;padding:8px;background:#141d0f;border:1px solid #455637;border-radius:6px;line-height:1.6;font-size:11px;resize:vertical;min-height:62px}.character-ref textarea::placeholder{color:#7b9167}.character-source-status{font-size:9px;line-height:1.6;color:#9eb886;margin:9px 0}.character-source-status.error-text{color:#e9b597}.fixed-model{cursor:default}.fixed-model>.icon{color:var(--gold)}
@media(max-width:1100px){.genjutsu-feature{grid-template-columns:1fr 1fr}.genjutsu-copy{padding:22px}.genjutsu-copy h2{font-size:31px}.genjutsu-tags{flex-wrap:wrap}.genjutsu-copy h3{font-size:16px}}
@media(max-width:760px){.genjutsu-feature{grid-template-columns:1fr}.genjutsu-media{min-height:240px}.genjutsu-copy{padding:23px}.character-howto{grid-template-columns:1fr;gap:15px}.character-howto b{margin-bottom:6px}.genjutsu-intro h2{font-size:21px}.character-mode-tabs button{font-size:10px;padding:8px 11px}}

/* Desktop task tracking and approval workspace. */
dialog[open]{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - 48px)}
.dialog-head{flex-shrink:0;border-bottom:1px solid var(--line);padding:20px 24px;background:#1b1e18}
.dialog-body{overflow-y:auto;min-height:0;padding-top:20px;overscroll-behavior:contain}
dialog[data-kind="task"]{width:min(1040px,calc(100vw - 64px));background:#181c15}
dialog[data-kind="task"] .dialog-body{padding:26px 28px 0}
dialog[data-kind="task"] .dialog-head h2{font-size:15px;font-weight:500;letter-spacing:0}
.tracking-summary{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}
.tracking-summary h3{font-size:26px;font-weight:550;letter-spacing:-.7px;line-height:1.2}
.tracking-summary p{color:var(--muted);font-size:12px;line-height:1.7;max-width:680px;margin-top:9px}
.tracking-summary .status-pill{white-space:nowrap;font-size:10px;margin-top:4px}
.tracking-summary .eyebrow{font-size:9px;letter-spacing:.9px}
.tracking-steps{list-style:none;padding:16px 18px;margin:0 0 24px;display:flex;justify-content:space-between;gap:14px;background:#20251b;border:1px solid #343c2c;border-radius:11px}
.tracking-steps li{display:flex;align-items:center;gap:9px;font-size:11px;color:#78856b;position:relative;flex:1;line-height:1.5}
.tracking-steps li:last-child{flex:0 1 auto}
.tracking-steps li>span{width:25px;height:25px;display:grid;place-items:center;background:#293121;border:1px solid #3e4734;border-radius:50%;flex-shrink:0;font-size:10px}
.tracking-steps .icon{height:14px;width:14px}
.tracking-steps .done{color:#b5c6a2}.tracking-steps .done>span{background:#3a4127;color:var(--gold);border-color:#4d5636}
.tracking-steps .current{color:var(--gold)}.tracking-steps .current>span{background:var(--gold);color:#27291d;border-color:var(--gold)}
.tracking-steps small{display:block;font-size:9px;font-weight:400;color:#96a382}
.tracking-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;padding-bottom:24px}
.tracking-preview{min-width:0}.tracking-info{min-width:0}
.tracking-media{position:relative;border:1px solid #343c2c;border-radius:12px;overflow:hidden;background:#0e120b;display:flex;align-items:center;justify-content:center;min-height:230px}
.tracking-media img,.tracking-media video{width:100%;max-height:350px;object-fit:contain;display:block}
.tracking-media>span{position:absolute;left:12px;top:12px;background:#11170ee6;border:1px solid #ffffff25;border-radius:5px;padding:6px 9px;font-size:9px;color:#d2ddc6;pointer-events:none}
.tracking-placeholder{min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;border:1px dashed #48533b;border-radius:12px;background:radial-gradient(ellipse at center,#2a3121,#1b2016 75%);color:#93a080;font-size:12px}
.tracking-placeholder>.icon{width:40px;height:40px;color:#bcba83}
.tracking-preview h3{font-size:11px;color:#bfcbaf;margin-top:20px}
.tracking-preview .dialog-note{font-size:10px;line-height:1.6;margin-top:12px}
.tracking-preview .detail-sources{flex-wrap:wrap}.tracking-preview .detail-sources button{width:84px}
.tracking-info>.task-details{padding:17px 0;border-top:1px solid #30392a;border-bottom:1px solid #30392a;margin:20px 0}
.tracking-info>.task-details>div{grid-template-columns:75px minmax(0,1fr);font-size:10px}
.tracking-info>h3{font-size:11px;color:var(--gold);margin-bottom:8px}
.tracking-prompt{font-size:12px;line-height:1.85;color:#c6d0bb;white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto}
.tracking-working{padding:18px;border:1px solid #4d5134;background:#272e1e;border-radius:10px;margin-bottom:22px}
.tracking-working>.icon{color:var(--gold);width:17px;height:17px;margin-right:7px}
.tracking-working strong{font-size:12px;font-weight:500;color:#dddab7}
.tracking-working p{font-size:10px;line-height:1.7;color:#a8b495;margin-top:12px}
.tracking-working .task-progress{margin-top:15px}
.tracking-history summary{cursor:pointer;color:#9fac8e;font-size:10px}
.tracking-history .task-timeline{flex-direction:column;gap:9px;border:0;margin-bottom:0;padding-top:0}
.tracking-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 28px;margin:0 -28px;position:sticky;bottom:0;background:#1c2117;border-top:1px solid #3a422f;z-index:2;box-shadow:0 -12px 25px #14190f88}
.tracking-footer-note{display:flex;align-items:center;gap:6px;font-size:9px;color:#929f80;white-space:nowrap}
.tracking-footer-note .icon{height:13px;width:13px}
.tracking-actions{display:flex;align-items:center;gap:10px}
.tracking-actions .primary{width:auto;padding:12px 17px;min-height:40px;font-size:11px;white-space:nowrap}
.tracking-actions .subtle-button{min-height:40px}
.tracking-actions .cancel-task{font-size:10px;text-decoration:none;color:#a0a78f;margin-right:8px}
.approval-banner{display:flex;gap:10px;align-items:center;padding:13px 15px;border:1px solid #605938;border-radius:9px;background:#343322;color:var(--gold);font-size:12px;margin-bottom:20px}
.approval-banner>.icon{width:19px;height:19px}.approval-banner small{display:block;color:#bab899;font-size:10px;margin-top:5px;line-height:1.5}
.approval-editor{width:100%;min-height:160px;border:1px solid #48543a;background:#11180d;border-radius:8px;color:#e1e8d7;padding:13px 14px;line-height:1.85;font-size:12px;resize:vertical;margin:0 0 19px}
.approval-editor.short{min-height:78px;margin-bottom:0}
.tracking-info .field-label{font-size:11px}.tracking-info .dialog-note{font-size:10px;line-height:1.7}
.status-pill.awaiting_approval{color:#f2d584;background:#4a4024}
.status-pill.cancelled{color:#b3b8aa;background:#30352b}
.task-card.awaiting_approval{border-color:#8c7944;background:#24271b}
.task-approval-callout{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px;background:#353320;border-radius:8px;margin-top:15px;font-size:10px;color:#dbc680}
.task-approval-callout>span{display:flex;gap:6px;align-items:center}.task-approval-callout .icon{width:15px;height:15px}
.task-approval-callout .subtle-button{color:var(--gold);border-color:#645b37;background:#403b24;font-size:10px}
@media(max-width:1100px){dialog[data-kind="task"]{width:calc(100vw - 48px)}.tracking-grid{gap:22px}.tracking-footer-note{display:none}.tracking-footer{justify-content:flex-end}.tracking-summary h3{font-size:23px}.tracking-steps{gap:8px;padding:14px}.tracking-steps li{font-size:10px;gap:7px}}
@media(max-width:760px){dialog[data-kind="task"]{width:calc(100vw - 24px)}dialog[data-kind="task"] .dialog-body{padding:18px 18px 0}.tracking-grid{grid-template-columns:1fr;gap:24px}.tracking-summary{flex-direction:column;gap:10px}.tracking-summary h3{font-size:21px}.tracking-steps{overflow:auto}.tracking-steps li{min-width:95px}.tracking-footer{margin:0 -18px;padding:13px 18px}.tracking-actions{flex-wrap:wrap;justify-content:flex-end}.tracking-actions .primary{font-size:10px}.tracking-media img,.tracking-media video{max-height:240px}}
@media(prefers-reduced-motion:reduce){.task-loader,.task-progress .processing{animation:none}}
.tracking-media img,.tracking-media video{max-height:min(350px,38dvh)}

/* Make the two Genjutsu choices visible as the first workflow decision. */
.character-mode-label{font-size:12px;font-weight:550;color:#d0d7c5;margin:25px 0 10px}
.character-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 22px}
.character-mode-tabs button{display:flex;flex-direction:column;justify-content:flex-start;gap:11px;min-height:110px;padding:18px;text-align:left;border:2px solid #46523b;border-radius:12px;background:#20271b;color:#e4eadb;transition:border-color .16s,background .16s,box-shadow .16s}
.character-mode-tabs button:hover{border-color:#afa36a;background:#2c3322}
.character-mode-tabs button.active{border-color:var(--gold);background:linear-gradient(120deg,#3d3b25,#2c301f);box-shadow:0 0 0 1px #e5cd8312,0 5px 18px #0002;color:#f2dfa0}
.mode-choice-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}
.mode-choice-heading strong{font-size:15px;font-weight:600;letter-spacing:-.2px;line-height:1.3}
.mode-choice-check{display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;border:1px solid #6a755b;border-radius:50%;background:#161e10}
.mode-choice-check .icon{width:15px;height:15px}
.character-mode-tabs .active .mode-choice-check{background:var(--gold);border-color:var(--gold);color:#272b1b}
.mode-choice-description{display:block;font-size:11px;line-height:1.65;color:#b0bda0;max-width:260px}
.character-mode-tabs .active .mode-choice-description{color:#dad1aa}
@media(max-width:1100px){.character-mode-tabs{gap:10px}.character-mode-tabs button{padding:14px;min-height:118px}.mode-choice-heading strong{font-size:13px}.mode-choice-description{font-size:10px}}
@media(max-width:550px){.character-mode-tabs{grid-template-columns:1fr}.character-mode-tabs button{min-height:94px}.mode-choice-heading strong{font-size:15px}.mode-choice-description{font-size:11px;max-width:none}}

/* Shared settings controls: the popup is drawn by the studio, not by the OS. */
.studio-select{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #48513d;border-radius:10px;background:linear-gradient(110deg,#252b20,#20261b);color:#e5e9dc;text-align:left;font-size:12px;line-height:1.5;box-shadow:inset 0 1px #ffffff04}
.studio-select>span:first-child{min-width:0;overflow-wrap:anywhere}.studio-select>.icon{width:15px;height:15px;color:#a6b18f;transition:transform .16s}
.studio-select:hover{background:#2b3223;border-color:#8c8152}
.studio-select[aria-expanded="true"]{border-color:var(--gold);background:#303321;box-shadow:0 0 0 3px #e5cd8310;color:#f0df9e}
.studio-select[aria-expanded="true"]>.icon{transform:rotate(180deg);color:var(--gold)}
.settings-menu{position:fixed;z-index:80;overflow:auto;padding:6px;border:1px solid #786d45;border-radius:12px;background:#20261b;box-shadow:0 16px 46px #0009,0 0 0 1px #e5cd8308;overscroll-behavior:contain;scrollbar-width:thin;animation:settings-menu-in .12s ease-out}
.settings-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:41px;padding:10px 11px;border-radius:7px;font-size:12px;line-height:1.5;text-align:left;color:#c5cfb8;border:1px solid transparent}
.settings-option:hover,.settings-option:focus-visible{outline:none;background:#343b28;border-color:#5d6749;color:#f1eed9}
.settings-option[aria-selected="true"]{background:#3c3b25;color:#efda95;border-color:#6a603b}
.option-check{width:17px;flex-shrink:0;display:grid;place-items:center}.option-check .icon{width:16px;height:16px}
.settings button:focus-visible,.settings input:focus-visible,.settings textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.settings .segment{min-height:38px;font-size:11px;border-radius:8px;background:#20261b;border-color:#444e37;color:#bdc9ae}
.settings .segment:hover{background:#303724;border-color:#8c8152}
.settings .segment.active{background:#3b3925;border-color:#d5bd72;color:#f1dc98;box-shadow:inset 0 0 0 1px #e5cd8310}
.settings .upload-zone{border-color:#596145;background:#20271b;border-radius:10px;color:#d5dfc9;min-height:76px}
.settings .upload-zone:hover{border-color:#d2bb78;background:#2e3423;color:#efdda3}
.settings .upload-zone>.icon{color:#c5b477}.settings .upload-zone small{color:#99a889}
.settings .advanced{border:1px solid #3c4631;border-radius:10px;overflow:hidden;background:#1c2317;margin-top:22px}
.settings .advanced summary{padding:13px 12px;color:#bfcbaF;font-size:11px;line-height:1.5}
.settings .advanced summary::-webkit-details-marker{display:none}
.settings .advanced summary:hover{background:#2a3121;color:#ebd797}
.settings .advanced[open] summary{color:var(--gold);border-bottom:1px solid #39422d}
.settings .advanced[open] summary>.icon{transform:rotate(180deg)}
.settings .advanced>.field,.settings .advanced>.dialog-note{margin:14px 12px}
.settings .switch{width:34px;height:20px;flex-shrink:0;border:1px solid #5c674a;background:#303a25}
.settings .switch:before{width:14px;height:14px;left:2px;top:2px;background:#b5c2a2}
.settings .switch:checked{background:var(--gold);border-color:var(--gold)}
.settings .switch:checked:before{background:#28301d;transform:translateX(14px)}
.settings .primary:hover{background:#efdba0;color:#28291b}
.settings .prompt-footer button{border:1px solid #484c33;padding:5px 7px;border-radius:6px;color:#dbc989}
.settings .prompt-footer button:hover{background:#373a26;border-color:#a08d56}
.setting-hint{font-size:10px;color:#9eac8f;line-height:1.7;margin-top:10px}
.auto-setting{display:flex;align-items:flex-start;gap:6px}.auto-setting .icon{width:13px;height:13px;margin-top:2px;color:#c2b97e}
.settings .background-field{margin-top:16px;padding-left:12px;border-left:2px solid #867447}
.background-field .prompt{min-height:105px;padding:11px 12px;border:1px solid #51573e;border-radius:9px;background:#11190d;color:#dce5d2;line-height:1.7;font-size:12px;width:100%}
@keyframes settings-menu-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.settings-menu{animation:none}}