:root{color-scheme:dark;--canvas: #121412;--panel: #191c19;--surface: #202420;--line: #303630;--text: #edf0e9;--muted: #929b90;--accent: #c9df9a;--accent-dark: #242e1d;--error: #e7a09b;--radius: 12px;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;font-size:14px;color:var(--text);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button,select,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0;background:none}input,textarea,select{width:100%;background:#151815;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:11px 12px;outline:0;min-width:0}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical;line-height:1.8}input::placeholder,textarea::placeholder{color:#687165}input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent)}select{padding-right:25px}label{display:flex;flex-direction:column;gap:9px;color:#b9c1b4;font-size:12px;line-height:1.5;margin-bottom:18px}h1,h2,h3,h4,p{margin:0}svg{width:18px;height:18px;flex-shrink:0;stroke-width:1.6}small{font-size:11px}img,video{display:block;max-width:100%}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 13px;white-space:nowrap;border:1px solid var(--line);border-radius:7px;color:#d6dcd1;background:#1c201b;font-size:12px;transition:background .18s,border-color .18s}.button:hover:not(:disabled){background:#2c3329;border-color:#56634b}.button.primary{background:var(--accent);color:#20291a;border-color:var(--accent);font-weight:650}.button.primary:hover:not(:disabled){background:#d8ebb1}.button.icon{padding:8px;width:35px;min-height:35px;background:none;border:0}.button.text-button{background:none;border:0;padding:5px;font-size:11px;min-height:30px}.muted,.hint{color:var(--muted)}.hint{font-size:11px;line-height:1.8}.error{color:var(--error);font-size:12px;line-height:1.8;overflow-wrap:anywhere}.eyebrow{font-size:9px;letter-spacing:2.2px;color:var(--muted);font-weight:550}.accent-dot{color:var(--accent)}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:204px;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:34px 20px;background:#151815;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 6px;text-align:left}.brand>svg{width:35px;height:35px;color:var(--accent)}.brand>span{font-family:Microsoft YaHei,sans-serif;font-size:25px;font-weight:550;letter-spacing:3px}.brand small{display:block;font:8px Segoe UI,sans-serif;letter-spacing:2px;color:var(--muted);margin-top:5px}.workspace-label{font-size:10px;color:#707a6b;margin:58px 12px 17px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar nav button,.sidebar-bottom>button{display:flex;align-items:center;gap:13px;width:100%;padding:13px 15px;text-align:left;border-radius:8px;color:#a9b2a2}.sidebar nav button.active,.sidebar-bottom>button.active{background:#283122;color:var(--accent)}.sidebar nav button i{height:5px;width:5px;background:var(--accent);border-radius:100%;margin-left:auto}.sidebar nav button:hover,.sidebar-bottom>button:hover{background:#21261f}.sidebar-bottom{margin-top:auto}.connection{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);padding:18px 9px;margin-bottom:15px}.connection i{width:5px;height:5px;border-radius:50%;background:#c1a970}.connection.online i{background:var(--accent)}.sidebar-bottom>small{display:block;text-align:center;color:#596253;margin-top:24px;font-size:9px}.app-shell>main{margin-left:204px;width:calc(100% - 204px);min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 38px}.breadcrumbs{display:flex;gap:15px;align-items:center;color:#71806a;font-size:11px}.breadcrumbs svg{width:12px}.breadcrumbs strong{color:#c7d0c1;font-weight:400}.top-actions{display:flex;align-items:center;gap:24px}.personal-tag{font-size:9px;letter-spacing:1.4px;color:#697462}.queue-trigger{background:none}.queue-trigger b{font-size:10px;font-weight:500;background:#343c2f;color:var(--accent);padding:2px 6px;border-radius:4px}.create-page,.gallery-page,.prompts-page,.settings-page{padding:35px 38px 50px;max-width:1720px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:31px}.page-heading h1{font-size:clamp(22px,2.1vw,33px);font-weight:500;letter-spacing:-1px;line-height:1.5;margin:9px 0}.page-heading p{color:var(--muted);font-size:11px;line-height:1.8}.heading-number{font-size:9px;letter-spacing:1.5px;color:#707d65;align-self:flex-start;padding-top:4px}.create-grid{display:grid;grid-template-columns:minmax(330px,420px) minmax(0,1fr);gap:32px;align-items:start}.composer{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:23px;min-width:0}.section-title{display:flex;align-items:center;gap:9px;margin-bottom:13px}.section-title h2{font-size:12px;font-weight:500}.section-title>span:last-child{margin-left:auto;font-size:9px;color:#7c8974}.section-index{font-size:9px;font-family:Consolas,monospace;color:#8e9d81;border:1px solid #414c38;padding:2px 4px;border-radius:3px}.workflow-current{width:100%;border:1px solid #48543d;border-radius:8px;display:flex;align-items:center;gap:13px;padding:16px 13px;text-align:left;background:linear-gradient(120deg,#293024,#1f251d)}.workflow-symbol{background:#35402b;color:var(--accent);width:43px;height:45px;display:grid;place-items:center;border-radius:6px}.workflow-current>div:nth-child(2){flex:1;min-width:0}.workflow-current small{display:block;font-size:9px;color:#9eaf8c;margin-bottom:5px}.workflow-current strong{font-size:14px;font-weight:550}.workflow-current p{font-size:9px;color:#8c9a81;margin-top:6px;line-height:1.6}.workflow-current>svg{width:15px;color:#b4c6a0}.prompt-title{margin-top:25px}.prompt-title .button{margin-left:auto;color:#a6b794}.prompt-title .button svg{width:13px}.prompt-editor{border:1px solid var(--line);border-radius:8px;background:#151815;overflow:hidden}.prompt-editor:focus-within{border-color:#63774f}.prompt-editor textarea{border:0;background:none;border-radius:0;min-height:150px;padding:15px;line-height:1.9;font-size:12px}.prompt-tools{display:flex;align-items:center;padding:7px 9px;border-top:1px solid #262c23}.prompt-tools>span{margin-left:auto;color:#63705b;font-size:9px}.prompt-tools .ai-button{background:#283021;color:#bbd299;border:0;font-size:10px;min-height:30px;padding:5px 9px}.ai-button svg{width:13px;height:13px}.composer>.hint{margin-top:10px}.suggestions{margin-top:13px}.suggestions small{color:#839079;font-size:9px;display:block;margin-bottom:8px}.suggestions>div{display:flex;gap:5px;flex-wrap:wrap}.suggestions button{display:flex;align-items:center;gap:3px;color:#afbea0;background:#252d20;border:1px solid #36432c;border-radius:4px;font-size:10px;padding:5px 7px}.suggestions svg{width:11px;height:11px}.params-title{margin-top:25px}.params-title>svg{width:14px;color:#819474;margin-left:auto}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.fields>label{min-width:0;font-size:10px;margin-bottom:13px}.fields input,.fields select{font-size:11px;padding:9px 10px;height:38px}.toggle-field{flex-direction:row;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:10px;border-radius:7px;gap:4px}.toggle-field input{width:15px;height:15px}.advanced{border-top:1px solid var(--line);margin-top:6px}.advanced summary{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9da991;padding:14px 0;cursor:pointer;list-style:none}.advanced summary::-webkit-details-marker{display:none}.advanced summary svg{height:13px;width:13px}.advanced[open] summary svg{transform:rotate(180deg)}.advanced .hint{margin-bottom:12px}.seed-field{display:flex;align-items:center;position:relative}.seed-field input{padding-right:32px}.seed-field .button{position:absolute;right:1px;width:31px}.seed-field .button svg{width:13px}.generate{width:100%;min-height:47px;font-size:13px;justify-content:flex-start;padding:10px 15px}.generate>span{margin-left:auto}.generate>span svg{width:17px}.generate-bar>small{display:block;text-align:center;font-size:9px;color:#75816c;margin-top:10px}.result-stage{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#171a16;min-width:0;position:sticky;top:24px}.stage-toolbar{display:flex;align-items:center;gap:15px;height:55px;padding:0 19px;border-bottom:1px solid var(--line)}.stage-toolbar h2{font-size:11px;font-weight:500}.stage-toolbar>span{font-size:8px;letter-spacing:1px;color:#738267;margin-left:auto}.stage-toolbar .button svg{width:15px}.preview-canvas{margin:15px;background:#10130f;position:relative;border:1px solid #283021;border-radius:5px;min-height:460px;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(#2a3125 .6px,transparent .6px);background-size:17px 17px}.canvas-empty{position:relative;text-align:center;width:100%;padding:100px 30px 80px}.viewfinder{width:92px;height:92px;margin:0 auto 35px;position:relative;display:grid;place-items:center}.viewfinder>svg{height:43px;width:43px;color:#596d45;stroke-width:1}.viewfinder>span{position:absolute;width:17px;height:17px;border-color:#4d5e3c;border-style:solid}.viewfinder>span:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.viewfinder>span:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.viewfinder>span:nth-child(4){bottom:0;left:0;border-width:0 0 1px 1px}.viewfinder>span:nth-child(5){bottom:0;right:0;border-width:0 1px 1px 0}.canvas-empty h3{font-size:14px;font-weight:400;color:#a0ae92;letter-spacing:.7px}.canvas-empty p{font-size:10px;line-height:2;color:#64705b;margin-top:13px}.canvas-coordinate{display:block;font-size:7px;letter-spacing:2px;color:#46523d;margin-top:48px}.hero-image{padding:0;display:flex;justify-content:center;width:100%}.hero-image img,.hero-image video{max-height:620px;object-fit:contain}.preview-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(transparent,#000b);font-size:10px}.preview-caption>div{display:flex}.stage-footer{display:flex;justify-content:space-between;gap:15px;padding:0 17px 18px;font-size:9px;color:#77866b}.stage-footer>span{display:flex;align-items:center;gap:5px}.stage-footer svg{height:12px;width:12px}.filmstrip{display:flex;gap:7px;padding:0 15px 15px;overflow:auto}.filmstrip>button{flex:0 0 65px;height:69px;position:relative;border:1px solid var(--line);border-radius:5px;padding:0;overflow:hidden}.filmstrip img,.filmstrip video{width:100%;height:100%;object-fit:cover}.filmstrip svg{position:absolute;right:3px;top:3px;width:11px;color:var(--accent)}.image-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:20px}.image-slot{border:1px solid var(--line);border-radius:7px;padding:9px;background:#151815}.slot-label{font-size:10px;display:flex;align-items:center;justify-content:space-between;height:26px}.slot-label .button{height:24px;min-height:24px;width:24px;padding:3px}.slot-label svg{width:12px}.slot-empty{height:115px;border:1px dashed #39422f;margin:5px 0 9px;display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;color:#75856a;font-size:9px}.slot-empty svg{width:25px;height:25px;stroke-width:1}.slot-actions{display:flex;gap:3px;justify-content:space-between;flex-wrap:wrap}.slot-actions .button{padding:5px;gap:3px;min-height:29px;font-size:9px;background:none;border:0}.slot-actions svg{height:12px;width:12px}.upload-label{margin:0;cursor:pointer;display:flex;flex-direction:row}.upload-label input,.dropzone input{display:none}.slot-preview{width:100%;height:142px;padding:0;position:relative;margin:5px 0 9px;overflow:hidden}.slot-preview img{width:100%;height:100%;object-fit:contain}.slot-preview span{position:absolute;bottom:0;left:0;right:0;background:#000a;font-size:9px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:5px}.chain{border-top:1px solid var(--line);padding:18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:9px;color:#9cae8d}.chain>span{color:#67775a}.chain>div{display:flex;gap:7px;align-items:center}.chain b{color:var(--accent);font-size:8px}.chain svg{width:12px}.mobile-nav,.mobile-settings{display:none!important}.error-banner{display:flex;gap:10px;align-items:center;justify-content:space-between;background:#34231f;border-bottom:1px solid #68423b;padding:10px 38px;font-size:12px;color:var(--error);overflow-wrap:anywhere}.error-banner .button{flex-shrink:0}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#d3e3b5;color:#26351d;border:1px solid #e3f0cd;padding:13px 20px;border-radius:8px;box-shadow:0 8px 40px #0006;font-size:12px;display:flex;align-items:center;gap:9px;max-width:90vw;z-index:120}.toast svg{width:15px}.heading-actions{display:flex;gap:10px}.gallery-filters{display:flex;gap:10px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.gallery-filters>*{width:auto;max-width:220px;font-size:11px}.gallery-filters>input[type=date]{max-width:150px}.search-field{position:relative;flex:1;min-width:170px;max-width:none;display:flex;align-items:center}.search-field>svg{position:absolute;left:12px;color:#7f8c74;width:14px}.search-field>input{padding-left:36px;font-size:11px}.gallery-meta{display:flex;justify-content:space-between;color:#7b8970;font-size:9px;padding:17px 0}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.media-card{min-width:0;background:#191e17;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:border-color .2s}.media-card:hover{border-color:#5a6f48}.media-cover{padding:0;width:100%;height:244px;position:relative;background:#0b0e0a;display:block}.media-cover img,.media-cover video{width:100%;height:100%;object-fit:cover}.video-label,.missing-label{position:absolute;top:10px;left:10px;background:#000a;padding:4px 7px;border-radius:4px;display:flex;align-items:center;gap:5px;font-size:9px}.video-label svg{width:12px;height:12px}.missing-label{color:var(--error)}.media-info{padding:12px}.media-info>strong{font-size:11px;font-weight:450;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.media-info>small{font-size:9px;color:#7d8b73;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:5px}.media-card-actions{display:flex;align-items:center;margin-top:9px;gap:3px}.media-card-actions>span{font-size:8px;color:#77856b;margin-right:auto}.media-card-actions .button{width:27px;min-height:27px;padding:5px}.media-card-actions .button svg{width:13px;height:13px}.media-card-actions .text-button{width:auto}.liked{color:var(--accent)!important}.liked svg{fill:#b2d57833}.disliked{color:var(--error)}.empty{padding:70px 20px;text-align:center;color:#9da991}.empty>svg{height:35px;width:35px;color:#637953;stroke-width:1;margin-bottom:22px}.empty h3{font-size:16px;font-weight:450}.empty p{color:#718065;font-size:11px;line-height:1.9;margin-top:10px}.load-more{display:flex;margin:25px auto}.compact{padding:0;max-width:none}.compact .gallery-filters{border-top:0}.compact .media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.compact .media-cover{height:190px}.modal-scrim,.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#050704b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:60;display:flex;align-items:center;justify-content:center;padding:30px}.modal{max-height:90dvh;overflow:auto;border:1px solid #3b4732;background:#191e17;border-radius:13px;width:520px;padding:25px;box-shadow:0 30px 120px #0008;outline:0}.modal.wide{width:min(1100px,95vw)}.modal>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal h2{font-size:18px;font-weight:500}.modal form>.primary{width:100%;margin-top:8px}.tabs{display:flex;gap:17px;overflow:auto;border-bottom:1px solid var(--line);margin-bottom:20px;flex-shrink:0}.tabs>button{font-size:11px;color:#859777;padding:11px 0;white-space:nowrap;border-bottom:2px solid transparent}.tabs>button.active{color:var(--accent);border-color:var(--accent)}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.workflow-option{border:1px solid var(--line);border-radius:7px;display:flex;gap:12px;align-items:center;text-align:left;padding:17px;background:#151a13;min-width:0}.workflow-option:hover,.workflow-option.selected{border-color:#8ca267;background:#252f1e}.workflow-option>span{font:24px Consolas,monospace;color:#526343}.workflow-option.selected>span{color:var(--accent)}.workflow-option>div{min-width:0;flex:1}.workflow-option strong{font-size:12px;font-weight:500}.workflow-option p{color:#8d9e7f;font-size:10px;margin:7px 0;line-height:1.7}.workflow-option small{font-size:9px;color:#6e805e}.workflow-option>svg{height:14px;width:14px;color:var(--accent)}.detail-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:25px}.detail-visual{min-width:0;background:#0e120c;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.detail-image{overflow:auto;min-height:260px;max-height:65vh;display:flex;align-items:center;justify-content:center;flex:1}.detail-image img{max-height:65vh;object-fit:contain;transform:scale(var(--zoom, 1));transform-origin:center}.detail-image video{width:100%;max-height:65vh}.detail-controls{display:flex;align-items:center;gap:10px;justify-content:center;padding:12px;z-index:1;background:#151b11}.detail-controls span{font-size:10px;color:#8b9c7a}.detail-controls .button:first-child{margin-right:auto}.detail-controls .button:last-child{margin-left:auto}.detail-info{overflow-wrap:anywhere}.detail-info h3{font-weight:500;font-size:16px;line-height:1.6}.detail-info>.muted{font-size:10px;margin:10px 0 20px}.detail-buttons{display:flex;flex-wrap:wrap;gap:7px}.detail-buttons>.button{flex:1;font-size:11px}.detail-section{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.detail-section h4{font-size:12px;font-weight:500;margin-bottom:12px}.detail-section select{margin-top:12px;font-size:11px}.config-prompt{font-size:11px;line-height:1.9;white-space:pre-wrap;background:#12170e;padding:12px;max-height:180px;overflow:auto;margin-top:10px}.detail-section pre{font-size:10px;line-height:1.8;color:#9cb086;white-space:pre-wrap}.compare-tray{position:fixed;bottom:25px;left:calc(50% + 80px);transform:translate(-50%);display:flex;gap:15px;align-items:center;background:#29381f;border:1px solid #819966;padding:10px 14px;border-radius:10px;z-index:35;box-shadow:0 10px 50px #0009;font-size:11px}.compare-images{display:grid;grid-template-columns:1fr 1fr;gap:15px}.compare-images>div{min-width:0}.compare-images img{width:100%;height:60vh;object-fit:contain;background:#0b1008}.compare-images p{font-size:11px;overflow-wrap:anywhere;margin-top:12px}.prompt-filter{display:flex;align-items:start;gap:25px;justify-content:space-between}.prompt-filter .search-field{max-width:280px}.prompt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.prompt-card{padding:22px;background:#191e16;border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column;min-width:0}.prompt-card-head{display:flex;justify-content:space-between;color:#8b9e79;font-size:9px}.prompt-card-head>small{font-size:8px;color:var(--accent);border:1px solid #495d39;padding:2px 5px;border-radius:3px}.prompt-card h3{font-size:16px;font-weight:450;margin:16px 0 10px}.prompt-card>p{font-size:11px;line-height:1.9;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;color:#9cab8e;min-height:100px}.prompt-card>small{font-size:9px;color:#6d815b;margin:15px 0}.prompt-card-actions{display:flex;gap:7px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.prompt-card-actions .button{font-size:10px;padding:7px;min-height:32px}.checkbox-label{flex-direction:row;align-items:center}.ai-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.ai-layout textarea{min-height:210px}.ai-layout .ai-candidate{min-height:380px}.ai-layout>div:last-child{border-left:1px solid var(--line);padding-left:25px}.ai-layout .primary{width:100%;margin-top:15px}.settings-page{max-width:1100px}.settings-section{border-top:1px solid var(--line);padding:30px 0;display:grid;grid-template-columns:230px minmax(0,1fr);gap:35px}.settings-section h2{font-size:15px;font-weight:500;margin-bottom:10px}.settings-section p{font-size:10px;color:#7e906e;line-height:1.9}.settings-section .status-online{color:var(--accent)}.settings-section>div>.button{margin-top:20px}.settings-page form>.primary{min-width:160px}.drawer-scrim{justify-content:flex-end;padding:0;z-index:65}.queue-drawer{height:100dvh;width:440px;max-width:100vw;background:#191f16;border-left:1px solid #425137;padding:25px;overflow:auto}.queue-drawer>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.queue-drawer h2{font-size:19px;font-weight:500;margin-top:10px}.queue-drawer h2 small{font-size:10px;margin-left:10px;color:#879b74}.job-card{border:1px solid var(--line);background:#131a10;border-radius:8px;padding:16px;margin-bottom:12px;font-size:11px}.result-stage>.job-card{margin:12px 15px}.job-heading{display:flex;justify-content:space-between;margin-bottom:10px;color:var(--accent);font-size:10px}.job-heading small{color:#768b63;font-size:8px}.job-card.failed .job-heading{color:var(--error)}.job-card>strong{font-size:11px;display:flex;justify-content:space-between;gap:10px;font-weight:500}.job-card>strong>span{font-size:9px;color:#7e946b;font-weight:400;word-break:break-all}.job-prompt{font-size:10px;line-height:1.8;margin-top:9px;color:#819773;max-height:60px;overflow:hidden}.stage-list{display:flex;flex-direction:column;gap:7px;margin-top:14px}.stage-list>div{display:flex;align-items:center;gap:9px;font-size:9px;color:#617651}.stage-list span{font-family:Consolas,monospace;font-size:8px}.stage-list svg{height:10px;width:10px}.stage-list .done{color:#a1bd86}.stage-list .running{color:var(--accent)}.progress-track{height:3px;background:#2b3b20;margin-top:14px;overflow:hidden}.progress-track>div{height:100%;background:var(--accent);transition:width .4s}.job-card .error{margin-top:10px;font-size:10px}.job-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.job-actions>.button{min-height:28px;font-size:9px;padding:5px 8px}.job-thumbs{display:flex;gap:7px}.job-thumbs button{width:55px;height:55px;overflow:hidden;padding:0;border-radius:4px}.job-thumbs img,.job-thumbs video{width:100%;height:100%;object-fit:cover}.dropzone{border:1px dashed #5e7848;border-radius:8px;min-height:160px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-top:20px}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;gap:15px;color:var(--accent)}.login-page{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#121710}.login-art{height:100dvh;background:#1d2815;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-right:1px solid #3d4b31}.login-art>svg{width:150px;height:150px;stroke-width:.6;color:#a0b780;z-index:1}.orbit{position:absolute;border:1px solid #52683e;border-radius:50%;width:550px;height:550px;transform:rotate(-35deg) scaleX(.6)}.orbit.o2{transform:rotate(35deg) scaleX(.6)}.login-art>span{position:absolute;bottom:60px;left:50px;font-size:clamp(22px,3.5vw,52px);font-weight:300;line-height:1.2;letter-spacing:2px;color:#a2b68b}.login-form{max-width:390px;width:100%;padding:30px;margin:auto}.login-form h1{font-size:48px;letter-spacing:4px;margin:22px 0}.login-form h1 span{display:block;font-size:17px;letter-spacing:1px;font-weight:400;margin-top:13px}.login-form>p{color:#849674;line-height:1.8;font-size:12px;margin-bottom:35px}.login-form>.primary{width:100%;margin-bottom:25px}.login-form>small{font-size:10px;color:#637951;line-height:2}.spin{animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.create-grid{grid-template-columns:460px minmax(0,1fr);gap:40px}.composer{padding:28px}.preview-canvas{min-height:620px}.prompt-editor textarea{min-height:180px}.canvas-empty{padding:140px 30px}.sidebar{width:230px}.app-shell>main{margin-left:230px;width:calc(100% - 230px)}}@media(max-width:1180px){.sidebar{width:175px;padding:28px 15px}.app-shell>main{margin-left:175px;width:calc(100% - 175px)}.topbar{padding:0 24px}.create-page,.gallery-page,.prompts-page,.settings-page{padding:28px 24px}.create-grid{grid-template-columns:minmax(300px,.95fr) minmax(0,1fr);gap:20px}.composer{padding:18px}.preview-canvas{min-height:430px}.stage-footer{flex-direction:column;gap:9px}.heading-number,.personal-tag{display:none}.fields{gap:0 8px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.settings-section{grid-template-columns:180px 1fr;gap:20px}.gallery-filters>*{max-width:180px}}@media(max-width:900px){.sidebar{width:80px;padding:26px 10px}.brand{padding:0;justify-content:center}.brand>span,.workspace-label,.sidebar nav button>span,.sidebar nav button>i,.connection>span,.sidebar-bottom>small{display:none}.sidebar nav{margin-top:55px}.sidebar nav button{justify-content:center;padding:16px}.sidebar-bottom>button{font-size:0;justify-content:center;gap:0}.sidebar-bottom>button svg{font-size:14px}.connection{justify-content:center;padding-bottom:20px}.app-shell>main{margin-left:80px;width:calc(100% - 80px)}.create-grid{grid-template-columns:minmax(285px,1fr) minmax(0,1fr);gap:15px}.composer{padding:16px}.create-page,.gallery-page,.prompts-page,.settings-page{padding:25px 20px}.canvas-empty{padding:90px 15px}.canvas-empty h3{font-size:12px}.canvas-empty p{font-size:9px}.preview-canvas{min-height:390px;margin:10px}.page-heading h1{font-size:25px}.detail-layout{grid-template-columns:1fr 1fr;gap:16px}.modal{padding:20px}.stage-toolbar{padding:0 12px}.compare-tray{left:50%}}@media(max-width:700px){:root{font-size:14px}.sidebar{display:none}.app-shell>main{margin-left:0;width:100%;padding-bottom:80px}.topbar{height:58px;padding:0 18px}.breadcrumbs{gap:10px}.top-actions{gap:6px}.queue-trigger{padding:7px 9px;min-height:33px;font-size:10px}.queue-trigger svg{width:14px}.mobile-settings{display:inline-flex!important}.create-page,.gallery-page,.prompts-page,.settings-page{padding:26px 17px 38px}.page-heading{margin-bottom:24px;align-items:start;gap:14px}.page-heading h1{font-size:25px;letter-spacing:-.8px;line-height:1.55;margin:9px 0}.page-heading p{font-size:10px;line-height:1.9}.eyebrow{font-size:8px;letter-spacing:1.7px}.create-grid{display:flex;flex-direction:column;gap:20px}.composer{width:100%;padding:20px;border-radius:10px}.result-stage{position:static;width:100%;border-radius:10px}.prompt-editor textarea{min-height:170px;font-size:13px}.fields>label{font-size:11px}.fields input,.fields select{font-size:12px;height:42px}.section-title h2{font-size:13px}.generate-bar{position:sticky;bottom:78px;background:#191c19f5;padding-top:8px;z-index:5;margin-top:5px}.generate{min-height:49px;font-size:14px}.generate-bar>small{font-size:9px}.preview-canvas{min-height:365px;margin:12px}.canvas-empty{padding:65px 20px 50px}.canvas-empty h3{font-size:14px}.canvas-empty p{font-size:11px}.canvas-coordinate{font-size:7px}.stage-footer{flex-direction:row;font-size:8px;padding:4px 12px 15px;gap:10px}.mobile-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#191e16f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid #35402e;padding:8px 12px calc(8px + env(safe-area-inset-bottom));justify-content:space-around}.mobile-nav button{display:flex;align-items:center;flex-direction:column;gap:5px;color:#819574;padding:5px 20px;font-size:10px}.mobile-nav button.active{color:var(--accent)}.mobile-nav button.active svg{fill:#9bc57220}.mobile-nav svg{width:21px;height:21px}.modal-scrim{padding:12px;align-items:flex-end}.modal,.modal.wide{width:100%;max-height:92dvh;padding:20px 16px;border-radius:14px 14px 5px 5px}.modal h2{font-size:17px}.modal>header{margin-bottom:19px}.workflow-grid{grid-template-columns:1fr}.workflow-option{padding:15px}.tabs{gap:18px}.image-slots{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.slot-actions .button{font-size:10px;min-height:33px}.image-slot{padding:9px}.slot-preview{height:150px}.gallery-page>.page-heading{flex-direction:column;gap:15px}.heading-actions{align-self:flex-end}.gallery-filters{gap:8px}.gallery-filters>.search-field{flex-basis:100%;max-width:none}.gallery-filters>select,.gallery-filters>input{flex:1;max-width:none;min-width:calc(50% - 8px);font-size:10px}.gallery-filters>input[type=date]{max-width:none}.media-grid{grid-template-columns:1fr 1fr;gap:10px}.media-cover{height:210px}.media-info{padding:9px}.media-info>strong{font-size:10px}.media-info>small{font-size:8px}.media-card-actions{gap:0}.media-card-actions>span{font-size:7px}.media-card-actions .button{padding:5px;width:26px}.compact .media-grid{grid-template-columns:1fr 1fr}.compact .media-cover{height:185px}.toast{bottom:90px;width:max-content;max-width:92vw;font-size:11px;padding:12px 15px}.error-banner{padding:8px 17px;font-size:11px}.detail-layout{display:flex;flex-direction:column;gap:20px}.detail-image,.detail-image img,.detail-image video{max-height:45dvh}.detail-image{min-height:210px}.detail-info h3{font-size:14px}.detail-info>.muted{margin:6px 0 16px}.detail-buttons .button{min-height:40px}.detail-section{padding-top:17px;margin-top:17px}.detail-section pre{margin-bottom:0}.compare-images{gap:8px}.compare-images img{height:45vh}.compare-images p{font-size:9px}.compare-tray{bottom:82px;padding:8px 10px;gap:9px;width:max-content;max-width:96vw;font-size:10px}.compare-tray .button{font-size:10px;min-height:32px;padding:6px 8px}.prompt-filter{flex-direction:column;gap:0}.prompt-filter>.tabs{width:100%}.prompt-filter>.search-field{max-width:none;width:100%;margin-bottom:20px}.prompt-grid{grid-template-columns:1fr;gap:13px}.prompt-card{padding:18px}.prompt-card>p{min-height:0}.prompts-page>.page-heading{flex-direction:column}.prompts-page>.page-heading>.button{align-self:flex-end}.settings-section{grid-template-columns:1fr;gap:20px;padding:25px 0}.settings-section>div:first-child p{font-size:11px}.settings-section label{font-size:11px}.settings-section textarea,.settings-section input{font-size:12px}.settings-page form>.primary{width:100%}.ai-layout{grid-template-columns:1fr}.ai-layout>div:last-child{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.ai-layout textarea{min-height:140px}.ai-layout .ai-candidate{min-height:210px}.queue-drawer{width:100%;padding:24px 18px}.queue-drawer>header{margin-bottom:20px}.job-card{padding:16px}.chain{padding:15px 12px;font-size:9px;gap:8px}.chain>div{gap:5px}.login-page{display:block;position:relative}.login-art{height:220px;border-right:0;border-bottom:1px solid #3d4b31}.login-art>svg{width:80px;height:80px}.orbit{height:320px;width:320px}.login-art>span{font-size:15px;bottom:22px;left:25px}.login-form{padding:40px 28px;max-width:450px}.login-form h1{font-size:39px;margin:20px 0}.login-form h1 span{font-size:16px}.login-form>p{margin-bottom:25px}}@media(max-width:370px){.create-page,.gallery-page,.prompts-page,.settings-page{padding-left:12px;padding-right:12px}.composer{padding:14px}.page-heading h1{font-size:22px}.mobile-nav button{padding:5px 15px}.media-cover{height:180px}.stage-footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}