:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111318;--panel:#191c22;--panel-2:#20242c;--panel-3:#292e38;--line:#2d323d;--line-strong:#3b4250;--text:#f2f4f8;--muted:#9aa3b5;--subtle:#697386;--brand:#6f8dff;--brand-strong:#5f7cf0;--brand-soft:#6f8dff24;--success:#4ad2a0;--warning:#f8c75a;--danger:#ff6d7a;--radius:14px;--topbar:58px;background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--bg);font-size:14px}button,input,textarea,select{font:inherit}button,label{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#3b414e;border-radius:10px}::-webkit-scrollbar-track{background:0 0}.app-shell{background:var(--bg);height:100%;color:var(--text)}.app-loading{background:radial-gradient(circle at 50% 35%, #6f8dff24, transparent 34%), var(--bg);height:100%;color:var(--muted);place-content:center;justify-items:center;gap:18px;display:grid}.app-loading .brand-mark{width:50px;height:50px;font-size:22px}.app-loading svg{color:var(--brand)}.app-loading p{max-width:480px;color:var(--muted);text-align:center;margin:-6px 20px 2px;line-height:1.6}.app-loading .boot-error-icon{width:52px;height:52px;color:var(--danger);background:#ff6d7a1a;border-radius:16px;place-items:center;display:grid}.app-loading .boot-error-icon svg{color:currentColor}.app-loading .primary-button svg{color:currentColor;width:16px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.top-bar{height:var(--topbar);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:100;background:#181b21f5;align-items:center;gap:10px;padding:0 14px;display:flex;position:relative}.brand{cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:4px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#7d96ff,#8066e9);border-radius:9px;place-items:center;width:30px;height:30px;font-weight:800;display:grid;box-shadow:0 7px 22px #6f8dff3d}.brand strong{letter-spacing:-.2px;font-size:15px}.brand em{color:#9eb0ff;background:var(--brand-soft);border-radius:12px;padding:3px 8px;font-size:12px;font-style:normal}.top-nav{align-self:stretch;margin-left:6px;display:flex}.top-nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:0 15px;display:flex}.top-nav button:hover{color:var(--text)}.top-nav button.active{color:#b9c5ff;border-bottom-color:var(--brand);background:linear-gradient(#0000,#6f8dff14)}.project-switcher{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;max-width:200px;color:var(--muted);border-radius:9px;align-items:center;gap:6px;margin-left:8px;padding:7px 9px;display:flex}.project-switcher span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-title-input{width:min(220px,18vw);height:34px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:8px;padding:0 8px;font-weight:600}.project-title-input:hover,.project-title-input:focus{border-color:var(--line);background:var(--panel);outline:none}.save-state{color:var(--subtle);white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.save-conflict,.save-offline{color:var(--warning)}.top-actions{align-items:center;gap:3px;margin-left:auto;display:flex}.top-actions>button,.account-menu>button{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:relative}.top-actions>button:hover,.account-menu>button:hover{background:var(--panel-3);color:var(--text)}.top-actions>button:disabled{opacity:.35;cursor:default}.task-indicator b{background:var(--brand);color:#fff;border-radius:8px;place-items:center;min-width:15px;height:15px;font-size:9px;display:grid;position:absolute;top:2px;right:1px}.account-menu{border-left:1px solid var(--line);color:var(--muted);align-items:center;gap:9px;padding-left:10px;font-size:12px;display:flex}.account-menu a{color:var(--brand);text-decoration:none}.studio-shell{height:calc(100% - var(--topbar));display:flex;position:relative;overflow:hidden}.canvas-column{flex:1;min-width:0;height:100%;position:relative;overflow:hidden}.canvas-workspace{background:#0f1115;position:absolute;inset:0;overflow:hidden}.canvas-workspace .konvajs-content{touch-action:none}.canvas-grid{pointer-events:none;background-image:radial-gradient(circle,#7c89a43d 1px,#0000 1px);position:absolute;inset:0}.canvas-workspace>div:nth-child(2){position:relative}.canvas-workspace.is-dropping{box-shadow:inset 0 0 0 3px var(--brand)}.canvas-empty{text-align:center;pointer-events:none;flex-direction:column;align-items:center;width:min(500px,100% - 70px);display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.canvas-empty-icon{color:#b7c3ff;background:linear-gradient(135deg,#334066,#352e55);border-radius:18px;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 14px 38px #00000052}.canvas-empty h2{letter-spacing:-.5px;margin:18px 0 9px;font-size:24px}.canvas-empty p{max-width:460px;color:var(--muted);margin:0;line-height:1.7}.canvas-empty-actions{pointer-events:auto;gap:10px;margin-top:22px;display:flex}.canvas-empty>span{color:var(--subtle);align-items:center;gap:6px;margin-top:18px;font-size:12px;display:flex}.drop-overlay{border:2px dashed var(--brand);z-index:20;color:#c5d0ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#131823e6;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:18px}.drop-overlay span{color:var(--muted);font-size:12px}.mobile-canvas-zoom{display:none}.tool-rail{background:var(--panel);border-right:1px solid var(--line);z-index:21;flex-direction:column;flex:0 0 72px;align-items:center;gap:4px;width:72px;height:100%;padding:10px 7px;display:flex;overflow-y:auto}.tool-rail button,.tool-rail>label{width:56px;min-height:51px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;display:flex}.tool-rail svg{width:19px;height:19px}.tool-rail button:hover,.tool-rail>label:hover{color:var(--text);background:var(--panel-3)}.tool-rail button.active{color:#c7d1ff;background:var(--brand-soft);border-color:#6f8dff47}.tool-divider{background:var(--line);width:36px;height:1px;margin:4px 0}.prompt-dock{z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1b1e25f5;border:1px solid #39404d;border-radius:18px;width:min(820px,100% - 42px);position:absolute;bottom:18px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 24px 70px #0000007a}.prompt-context-row{align-items:center;gap:7px;min-height:36px;padding:8px 12px 0;display:flex;overflow-x:auto}.mode-pill{white-space:nowrap;color:#aebdff;background:var(--brand-soft);border:1px solid #6f8dff47;border-radius:14px;align-items:center;gap:5px;height:26px;padding:0 9px;font-size:11px;display:inline-flex}.mode-create{color:#9de6cd;background:#4ad2a017;border-color:#4ad2a03d}.context-chip{border:1px solid var(--line-strong);background:var(--panel-2);border-radius:8px;align-items:center;gap:6px;max-width:140px;height:30px;padding:3px 4px 3px 3px;font-size:11px;display:flex}.context-chip img{object-fit:cover;border-radius:5px;width:24px;height:24px}.context-chip span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.context-chip button{width:20px;height:20px;color:var(--subtle);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.text-button{color:var(--subtle);cursor:pointer;white-space:nowrap;background:0 0;border:0;font-size:11px}.text-button:hover{color:var(--text)}.prompt-main-row{align-items:flex-end;gap:8px;padding:9px 11px 7px;display:flex}.prompt-main-row textarea{resize:none;min-height:42px;max-height:128px;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:10px 4px 8px;line-height:1.5}.prompt-main-row textarea::placeholder{color:#717b8f}.icon-button{background:var(--panel-3);color:var(--muted);cursor:pointer;border:0;border-radius:9px;place-items:center;display:inline-grid}.attach-control{flex:0 0 40px;width:40px;height:40px}.attach-control:hover{color:var(--text);background:#343a46}.generate-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7693ff,#6b73ed);border:0;border-radius:10px;flex:none;align-items:center;gap:7px;height:40px;padding:0 16px;font-weight:700;display:flex;box-shadow:0 8px 22px #647ef440}.generate-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.generate-button:disabled{background:var(--panel-3);color:var(--subtle);box-shadow:none;cursor:default;transform:none}.prompt-options-row{min-height:36px;color:var(--subtle);align-items:center;gap:12px;padding:4px 12px 9px;font-size:10px;display:flex}.option-group{white-space:nowrap;align-items:center;gap:6px;display:flex}.option-group select{background:var(--panel-2);max-width:150px;height:27px;color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:0 22px 0 8px;font-size:10px}.count-stepper{border:1px solid var(--line);background:var(--panel-2);border-radius:7px;padding:0 3px 0 7px}.count-stepper button{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.count-stepper button:disabled{opacity:.3}.count-stepper strong{color:var(--text);text-align:center;width:16px}.switch-option{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;display:flex}.switch-option input{display:none}.switch-option i{background:#3a404c;border-radius:9px;width:26px;height:15px;position:relative}.switch-option i:after{content:"";background:#8f98a8;border-radius:50%;width:11px;height:11px;transition:all .15s;position:absolute;top:2px;left:2px}.switch-option input:checked+i{background:var(--brand)}.switch-option input:checked+i:after{background:#fff;left:13px}.switch-option.is-disabled{opacity:.45;cursor:not-allowed}.quality-badge{color:#83dfbd;white-space:nowrap;background:#4ad2a014;border:1px solid #4ad2a02e;border-radius:8px;padding:3px 7px}.keyboard-hint{white-space:nowrap;margin-left:auto}.task-tray{z-index:35;gap:8px;width:270px;display:grid;position:absolute;bottom:170px;right:18px}.task-tray>div{background:#1c2028f0;border:1px solid #3a4355;border-radius:11px;align-items:center;gap:9px;padding:9px 10px;display:flex;box-shadow:0 12px 30px #0000004d}.task-tray>div>svg{color:var(--brand);flex:none}.task-tray span{flex:1;gap:2px;min-width:0;display:grid}.task-tray strong{font-size:11px}.task-tray small{color:var(--subtle);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-tray button{width:28px;height:28px;color:var(--danger);cursor:pointer;background:#ff6d7a1a;border:0;border-radius:7px;place-items:center;display:grid}.task-tray button svg{width:15px}.inspector-panel{background:var(--panel);border-left:1px solid var(--line);z-index:30;flex-direction:column;flex:0 0 320px;width:320px;height:100%;display:flex;position:relative}.inspector-head{border-bottom:1px solid var(--line);align-items:center;min-height:49px;padding:7px 8px 7px 11px;display:flex}.inspector-tabs{flex:1;gap:3px;display:flex}.inspector-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 12px;font-size:12px}.inspector-tabs button.active{color:var(--text);background:var(--panel-3)}.icon-button.subtle{background:0 0;width:31px;height:31px}.icon-button.subtle:hover{background:var(--panel-3);color:var(--text)}.inspector-body{flex:1;padding:14px;overflow-y:auto}.inspector-empty,.selection-summary,.panel-empty{text-align:center;min-height:220px;color:var(--subtle);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex}.inspector-empty svg,.selection-summary svg,.panel-empty svg{color:#66728b;width:27px;height:27px}.inspector-empty strong,.selection-summary strong,.panel-empty strong{color:var(--muted)}.inspector-empty span,.selection-summary span,.panel-empty span{max-width:220px;font-size:12px;line-height:1.6}.selection-title{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:2px 0 14px;display:flex}.selection-title>span{background:var(--panel-2);color:#a9b7f6;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.selection-title>span svg{width:19px}.selection-title div{gap:4px;min-width:0;display:grid}.selection-title strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.selection-title small{color:var(--subtle)}.selection-summary .danger-button{margin-top:8px}.property-section{border-bottom:1px solid var(--line);padding:16px 0}.property-section h4{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin:0 0 11px;font-size:11px}.property-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.property-grid label{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;align-items:center;height:34px;display:flex;overflow:hidden}.property-grid label span{text-align:center;width:30px;color:var(--subtle);font-size:10px}.property-grid input{width:calc(100% - 30px);height:100%;color:var(--text);background:0 0;border:0;outline:0;padding:0 6px}.property-section>textarea{resize:vertical;width:100%;min-height:90px;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;margin-bottom:9px;padding:9px}.color-property,.range-property{color:var(--muted);gap:7px;margin-bottom:12px;font-size:12px;display:grid}.color-property input[type=color]{background:var(--panel-2);border:1px solid var(--line);border-radius:7px;width:100%;height:34px;padding:3px}.range-property input{width:100%}.primary-button,.secondary-button,.danger-button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;text-decoration:none;display:inline-flex}.primary-button{background:var(--brand);color:#fff;font-weight:600}.primary-button:hover{background:var(--brand-strong)}.primary-button:disabled{opacity:.45;cursor:default}.secondary-button{background:var(--panel-2);border-color:var(--line);color:var(--muted)}.secondary-button:hover{color:var(--text);border-color:var(--line-strong)}.danger-button{color:var(--danger);background:#ff6d7a1a;border-color:#ff6d7a33}.wide{width:100%}.image-actions{gap:8px;display:grid}.image-actions h4{grid-column:1/-1}.remove-node-action{gap:7px;display:grid}.remove-node-action small{color:var(--subtle);line-height:1.5}.inline-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.inline-actions button,.inline-actions a{border:1px solid var(--line);background:var(--panel-2);height:34px;color:var(--muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:5px;font-size:11px;text-decoration:none;display:flex}.inspector-reopen{z-index:32;border:1px solid var(--line);background:var(--panel);width:38px;height:38px;color:var(--muted);cursor:pointer;border-radius:9px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.version-source{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:14px;display:flex}.version-source img{object-fit:cover;border-radius:8px;width:68px;height:52px}.version-source div{gap:5px;min-width:0;display:grid}.version-source span{color:var(--subtle);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.version-list{gap:7px;margin-top:12px;display:grid}.version-list button{border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:9px;grid-template-columns:52px 1fr auto;align-items:center;gap:8px;padding:6px;display:grid}.version-list button.active{border-color:var(--brand);background:var(--brand-soft)}.version-list img{object-fit:cover;border-radius:6px;width:52px;height:42px}.version-list span{gap:3px;min-width:0;display:grid}.version-list small{color:var(--subtle);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.version-list em{color:var(--brand);font-size:10px;font-style:normal}.loading-line{min-height:50px;color:var(--subtle);justify-content:center;align-items:center;gap:7px;font-size:12px;display:flex}.task-panel-body{align-content:start;gap:9px;display:grid}.task-card{border:1px solid var(--line);background:var(--panel-2);border-radius:11px;padding:11px}.task-card-head{align-items:center;gap:6px;display:flex}.task-card-head strong{font-size:11px}.task-card-head time{color:var(--subtle);margin-left:auto;font-size:9px}.task-state-dot{background:var(--subtle);border-radius:50%;width:7px;height:7px}.task-processing .task-state-dot,.task-submitting .task-state-dot{background:var(--brand);box-shadow:0 0 0 4px #6f8dff1f}.task-done .task-state-dot{background:var(--success)}.task-failed .task-state-dot{background:var(--danger)}.task-cancelled .task-state-dot{background:var(--warning)}.task-card p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:9px 0 6px;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.task-card>small{color:var(--subtle)}.task-error{color:#f2a5ad;margin-top:7px;font-size:10px;line-height:1.4}.task-actions{gap:6px;margin-top:9px;display:flex}.task-actions button{border:1px solid var(--line);min-height:30px;color:var(--muted);cursor:pointer;background:#292e38;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:5px;font-size:10px;display:flex}.task-actions button svg{width:13px}.task-actions button.danger{color:var(--danger)}.panel-backdrop{inset:var(--topbar) 0 0;z-index:150;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05070a85;border:0;position:fixed}.project-panel,.asset-panel{z-index:160;top:var(--topbar);border-right:1px solid var(--line);background:#191c22;flex-direction:column;width:360px;display:flex;position:fixed;bottom:0;box-shadow:22px 0 70px #00000061}.project-panel{left:0}.asset-panel{z-index:80;width:380px;left:72px}.side-panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:66px;padding:12px 13px 12px 16px;display:flex}.side-panel-head>div{align-items:center;gap:9px;display:flex}.side-panel-head>div>svg{color:#a7b6f7}.side-panel-head span{gap:3px;display:grid}.side-panel-head small{color:var(--subtle);font-weight:400}.side-panel-head .icon-button{width:34px;height:34px}.new-project-button{margin:14px}.project-list{flex:1;align-content:start;gap:7px;padding:0 10px 16px;display:grid;overflow-y:auto}.project-card{border:1px solid #0000;border-radius:11px;padding:4px;position:relative}.project-card:hover{background:var(--panel-2)}.project-card.active{background:var(--brand-soft);border-color:#6f8dff52}.project-open{text-align:left;width:calc(100% - 30px);color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;display:flex}.project-cover{background:var(--panel-3);width:72px;height:52px;color:var(--subtle);border-radius:8px;flex:none;place-items:center;display:grid;overflow:hidden}.project-cover img{object-fit:cover;width:100%;height:100%}.project-open>div:last-child{gap:5px;min-width:0;display:grid}.project-open strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-open small{color:var(--subtle)}.project-more{width:28px;height:28px;color:var(--subtle);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid;position:absolute;top:14px;right:5px}.project-more:hover{background:var(--panel-3);color:var(--text)}.project-menu{z-index:4;border:1px solid var(--line-strong);background:#292e38;border-radius:9px;width:132px;padding:5px;position:absolute;top:42px;right:2px;box-shadow:0 12px 28px #00000061}.project-menu button{width:100%;height:31px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;font-size:11px;display:flex}.project-menu button:hover{color:var(--text);background:#353b47}.project-menu button.danger{color:var(--danger)}.inline-confirm{color:#e6b3b8;background:#2a2228;border:1px solid #ff6d7a33;border-radius:8px;margin-top:5px;padding:10px;font-size:11px}.inline-confirm div{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.inline-confirm button{background:var(--panel-3);height:26px;color:var(--muted);cursor:pointer;border:0;border-radius:6px}.inline-confirm button.danger{color:var(--danger);background:#ff6d7a29}.asset-search{background:var(--panel-2);border:1px solid var(--line);height:38px;color:var(--subtle);border-radius:9px;align-items:center;gap:7px;margin:12px;padding:0 10px;display:flex}.asset-search svg{width:15px}.asset-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.asset-upload{border:1px dashed var(--line-strong);min-height:38px;color:var(--muted);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;margin:0 12px 12px;display:flex}.asset-upload:hover{border-color:var(--brand);color:#bac6ff}.asset-grid{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:9px;padding:0 12px 16px;display:grid;overflow-y:auto}.asset-grid button{aspect-ratio:1.1;border:1px solid var(--line);background:var(--panel-2);cursor:pointer;color:var(--text);border-radius:10px;padding:0;position:relative;overflow:hidden}.asset-grid button:hover{border-color:var(--brand);transform:translateY(-1px)}.asset-grid img{object-fit:cover;width:100%;height:100%}.asset-grid span{text-overflow:ellipsis;white-space:nowrap;text-align:left;background:#0a0c10b8;border-radius:5px;padding:4px 5px;font-size:10px;position:absolute;bottom:5px;left:6px;right:6px;overflow:hidden}.asset-grid em{color:#c2cad7;background:#0a0c10b8;border-radius:4px;padding:2px 4px;font-size:8px;font-style:normal;position:absolute;top:5px;right:5px}.load-more{border:1px solid var(--line);background:var(--panel-2);height:34px;color:var(--muted);cursor:pointer;border-radius:8px;margin:0 12px 12px}.library-page{height:calc(100% - var(--topbar));background:#121419;flex-direction:column;display:flex}.library-header{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;padding:22px 28px 18px;display:flex}.library-header h1{margin:0;font-size:21px}.library-header p{color:var(--muted);margin:6px 0 0;font-size:12px}.library-header-actions{gap:8px;margin-left:auto;display:flex}.library-header-actions svg{width:16px}.library-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:58px;padding:10px 28px;display:flex}.library-toolbar>span{color:var(--subtle);margin-left:auto;font-size:12px}.library-search{border:1px solid var(--line);background:var(--panel);width:min(380px,38vw);height:36px;color:var(--subtle);border-radius:9px;align-items:center;gap:8px;padding:0 10px;display:flex}.library-search svg{width:16px}.library-search input{color:var(--text);background:0 0;border:0;outline:0;flex:1}.library-toolbar select{border:1px solid var(--line);background:var(--panel);height:36px;color:var(--muted);border-radius:9px;padding:0 28px 0 10px}.library-scroll{flex:1;padding:10px 28px 30px;overflow-y:auto}.library-date-group h2{color:var(--muted);align-items:center;gap:9px;margin:16px 0 10px;font-size:13px;display:flex}.library-date-group h2:after{content:"";background:var(--line);flex:1;height:1px}.library-date-group h2 span{color:var(--subtle);font-size:10px;font-weight:400}.library-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:13px;display:grid}.library-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;min-width:0;position:relative;overflow:hidden}.library-card:hover{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:0 12px 28px #0003}.library-card.selected{border-color:var(--brand);box-shadow:0 0 0 2px #6f8dff29}.library-check{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0f14b8;border:1px solid #ffffff47;border-radius:8px;place-items:center;width:27px;height:27px;display:grid;position:absolute;top:9px;left:9px}.library-card.selected .library-check{background:var(--brand);border-color:var(--brand)}.library-check svg{width:15px}.library-image{cursor:pointer;background:#0f1115;border:0;width:100%;height:190px;padding:0}.library-image img{object-fit:cover;width:100%;height:100%}.library-card-info{gap:4px;padding:10px;display:grid}.library-card-info strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-card-info span{color:var(--subtle);font-size:10px}.library-card-info p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:11px;overflow:hidden}.library-card-actions{gap:6px;padding:0 10px 10px;display:flex}.library-card-actions button,.library-card-actions a{border:1px solid var(--line);background:var(--panel-2);height:30px;color:var(--muted);cursor:pointer;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:5px;font-size:10px;text-decoration:none;display:flex}.library-card-actions svg{width:13px}.library-empty{min-height:55vh;color:var(--subtle);flex-direction:column;justify-content:center;align-items:center;display:flex}.library-empty svg{width:44px;height:44px}.library-empty h2{color:var(--muted);margin:12px 0 3px}.library-empty p{margin:0}.library-loading{text-align:center;color:var(--subtle);padding:30px}.library-pagination{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:14px;min-height:54px;display:flex}.library-pagination button{border:1px solid var(--line);background:var(--panel);height:30px;color:var(--muted);cursor:pointer;border-radius:7px;padding:0 13px}.library-pagination button:disabled{opacity:.35;cursor:default}.library-pagination span{color:var(--subtle);font-size:11px}.focus-editor{z-index:300;background:#101216;flex-direction:column;display:flex;position:fixed;inset:0}.editor-loading{z-index:299;color:var(--muted);background:#101216;justify-content:center;align-items:center;gap:9px;display:flex;position:fixed;inset:0}.focus-editor-head{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:14px;min-height:64px;padding:0 14px;display:flex}.back-button{border:1px solid var(--line);background:var(--panel-2);height:38px;color:var(--muted);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:0 11px;display:flex}.back-button:disabled,.focus-tabs button:disabled{opacity:.42;cursor:wait}.back-button svg{width:17px}.focus-editor-head>div:nth-child(2){gap:4px;min-width:180px;display:grid}.focus-editor-head>div:nth-child(2) span{color:var(--subtle);font-size:10px}.focus-tabs{gap:4px;margin-left:auto;display:flex}.focus-tabs button{height:36px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:0 12px;display:flex}.focus-tabs button svg{width:16px}.focus-tabs button.active{background:var(--brand-soft);color:#b7c4ff;border-color:#6f8dff33}.focus-editor-body{flex:1;min-height:0;display:flex}.focus-image-stage{background:radial-gradient(circle,#1c2028,#0d0f13 70%);flex:1;justify-content:center;align-items:center;min-width:0;padding:24px;display:flex;overflow:auto}.focus-image-wrap{max-width:100%;max-height:100%;line-height:0;position:relative;box-shadow:0 20px 65px #00000073}.focus-image-wrap>img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 115px);display:block}.ocr-box{z-index:1;color:#fff;cursor:pointer;background:#6f8dff1f;border:2px solid #6f8dffd1;border-radius:4px;min-width:8px;min-height:8px;padding:0;position:absolute;overflow:visible}.ocr-box:hover,.ocr-box.active{background:#6f8dff4d;box-shadow:0 0 0 3px #6f8dff29}.ocr-box.active{z-index:3;border-color:#aebcff}.ocr-box.low-confidence{background:#f8c75a1f;border-color:#f8c75ae6}.ocr-box.low-confidence.active{background:#f8c75a47;border-color:#ffe29a;box-shadow:0 0 0 3px #f8c75a29}.ocr-box>span{background:var(--brand);color:#fff;border:2px solid #101216;border-radius:12px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:10px;font-weight:800;line-height:1;display:grid;position:absolute;top:-13px;left:-10px;box-shadow:0 4px 12px #00000061}.ocr-box.low-confidence>span{background:#c28c1a}.ocr-box:disabled{cursor:wait}.focus-side-panel{border-left:1px solid var(--line);background:var(--panel);flex:0 0 360px;width:360px;padding:20px;overflow-y:auto}.focus-panel-title{align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.focus-panel-title>svg{color:#a9b8ff}.focus-panel-title div{gap:5px;display:grid}.focus-panel-title span{color:var(--muted);font-size:11px;line-height:1.5}.focus-side-panel>textarea{resize:vertical;width:100%;min-height:140px;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:11px;line-height:1.6}.quick-instructions{flex-wrap:wrap;gap:6px;margin:10px 0 16px;display:flex}.quick-instructions button{border:1px solid var(--line);background:var(--panel-2);height:28px;color:var(--muted);cursor:pointer;border-radius:7px;padding:0 8px;font-size:10px}.focus-tip{color:#9bceb9;background:#4ad2a012;border-radius:9px;align-items:flex-start;gap:7px;margin-top:14px;padding:10px;font-size:10px;line-height:1.5;display:flex}.focus-tip svg{flex:none;width:14px}.detecting-card{border:1px dashed var(--line);min-height:90px;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;gap:8px;display:flex}.ocr-side-panel{flex-basis:420px;width:420px;padding:0;overflow:hidden}.ocr-editor-content{flex-direction:column;height:100%;min-height:0;display:flex}.ocr-panel-title{border-bottom:1px solid var(--line);flex:none;margin:0;padding:18px 18px 13px}.ocr-editor-content>.detecting-card{margin:18px}.ocr-empty{border:1px dashed var(--line-strong);min-height:210px;color:var(--subtle);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:9px;margin:18px;padding:24px;display:flex}.ocr-empty>svg{width:34px;height:34px}.ocr-empty strong{color:var(--muted)}.ocr-empty span{max-width:270px;font-size:11px;line-height:1.55}.ocr-empty button{margin-top:5px}.ocr-detect-error{color:#ef9ca5;text-align:center;background:#ff6d7a0f;border:1px solid #ff6d7a52;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:180px;margin:18px;padding:22px;display:flex}.ocr-detect-error span{max-width:300px;color:var(--muted);font-size:10px;line-height:1.55}.ocr-detect-error button{margin-top:4px}.ocr-detect-error.compact{text-align:left;grid-template-columns:1fr auto;justify-items:start;min-height:0;margin:10px 14px 0;padding:10px 12px;display:grid}.ocr-detect-error.compact strong{font-size:11px}.ocr-detect-error.compact span{grid-column:1}.ocr-detect-error.compact button{grid-area:1/2/span 2;align-self:center;margin:0}.ocr-summary{border-bottom:1px solid var(--line);background:#20242cad;flex:none;align-items:center;gap:10px;min-height:62px;padding:10px 16px;display:flex}.ocr-summary>div{flex:1;gap:4px;min-width:0;display:grid}.ocr-summary strong{font-size:12px}.ocr-summary span{color:var(--subtle);font-size:10px}.ocr-summary button{flex:none;height:30px;padding:0 9px}.ocr-item-list{scroll-behavior:smooth;flex:1;align-content:start;gap:9px;min-height:0;padding:12px 14px 18px;display:grid;overflow-y:auto}.ocr-item{border:1px solid var(--line);cursor:pointer;background:#20242cb8;border-radius:11px;gap:10px;padding:11px;scroll-margin:14px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid}.ocr-item:hover{border-color:var(--line-strong);background:var(--panel-2)}.ocr-item.active{background:#6f8dff14;border-color:#6f8dffb8;box-shadow:0 0 0 2px #6f8dff1a}.ocr-item.changed{border-left:3px solid var(--success)}.ocr-item.invalid{border-color:#ff6d7aa6;border-left-color:var(--danger)}.ocr-item-head{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.ocr-number{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:8px;place-items:center;width:28px;height:28px;padding:0;font-size:11px;font-weight:800;display:grid}.ocr-item-head>div{gap:3px;min-width:0;display:grid}.ocr-item-head>div span{color:var(--subtle);font-size:9px}.ocr-item-head>div strong{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;line-height:1.35;overflow:hidden}.ocr-item-head>span{white-space:nowrap;border-radius:5px;padding:3px 5px;font-size:9px}.confidence-ok{color:#80c7aa;background:#4ad2a014}.confidence-low{color:#f1c969;background:#f8c75a1f}.ocr-item>label{color:var(--muted);cursor:text;gap:6px;font-size:10px;display:grid}.ocr-item>label input{border:1px solid var(--line);width:100%;height:38px;color:var(--text);background:#171a20;border-radius:8px;padding:0 9px}.ocr-item.active>label input{border-color:#6f8dff7a}.ocr-item.invalid>label input{border-color:var(--danger)}.ocr-item>label input:disabled{opacity:.58;cursor:wait}.ocr-item-state{min-height:20px;color:var(--subtle);justify-content:space-between;align-items:center;gap:8px;font-size:9px;display:flex}.ocr-item.changed .ocr-item-state>span{color:#78c8a8}.ocr-item.invalid .ocr-item-state>span{color:#f09aa3}.ocr-item-state button{color:#9db0ff;cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:9px}.ocr-batch-footer{border-top:1px solid var(--line-strong);background:#191c22fa;flex:none;gap:9px;padding:12px 15px 14px;display:grid;box-shadow:0 -12px 28px #0003}.ocr-batch-footer>div{gap:3px;display:grid}.ocr-batch-footer>div strong{font-size:13px}.ocr-batch-footer>div span{color:var(--subtle);font-size:10px;line-height:1.45}.ocr-batch-footer p{color:#f0a0a8;margin:0;font-size:10px;line-height:1.4}.ocr-batch-footer button{min-height:42px}.replace-form{gap:12px;display:grid}.replace-form label,.manual-properties label{color:var(--muted);gap:6px;font-size:11px;display:grid}.replace-form input,.manual-properties textarea{border:1px solid var(--line);background:var(--panel-2);width:100%;min-height:38px;color:var(--text);border-radius:8px;padding:8px}.manual-design-layout{flex:1;grid-template-rows:50px 1fr;grid-template-columns:1fr 280px;min-height:0;display:grid}.manual-toolbar{border-bottom:1px solid var(--line);background:#171a20;grid-column:1/-1;align-items:center;gap:5px;padding:7px 12px;display:flex}.manual-toolbar>button{border:1px solid var(--line);background:var(--panel-2);height:34px;color:var(--muted);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:flex}.manual-toolbar>button svg{width:15px}.manual-toolbar>button.active{color:#b7c4ff;border-color:var(--brand);background:var(--brand-soft)}.manual-toolbar>button:disabled{opacity:.3}.manual-toolbar>i{flex:1}.manual-toolbar>button.primary-button{background:var(--brand);color:#fff;border-color:#0000}.manual-stage-wrap{background:#0c0e12;justify-content:center;align-items:center;min-width:0;min-height:0;padding:20px;display:flex;position:relative;overflow:auto}.manual-stage-wrap .konvajs-content{box-shadow:0 16px 60px #0000007a}.manual-image-status{z-index:3;border:1px solid var(--line-strong);min-height:46px;color:var(--muted);white-space:nowrap;background:#1c2028f5;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 32px #0000005c}.manual-image-status.status-error{color:#f2a5ad;border-color:#ff6d7a4d}.manual-properties{border-left:1px solid var(--line);background:var(--panel);padding:18px;overflow-y:auto}.manual-properties h3{margin:0 0 14px;font-size:14px}.manual-properties p{color:var(--subtle);line-height:1.6}.manual-properties label{margin-bottom:14px}.manual-properties input[type=color]{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;width:100%;height:38px}.discard-mask{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07090cad;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.discard-dialog{border:1px solid var(--line-strong);background:var(--panel);border-radius:14px;width:min(390px,100%);padding:20px;box-shadow:0 24px 70px #0000008c}.discard-dialog h3{margin:0 0 8px;font-size:16px}.discard-dialog p{color:var(--muted);margin:0;line-height:1.6}.discard-dialog>div{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.toast-stack{z-index:500;pointer-events:none;gap:8px;width:min(420px,100% - 30px);display:grid;position:fixed;top:72px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:#252a33f5;border-radius:11px;align-items:center;gap:8px;min-height:44px;padding:9px 10px 9px 13px;display:flex;box-shadow:0 14px 38px #00000061}.toast span{flex:1;line-height:1.45}.toast button{width:27px;height:27px;color:var(--subtle);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.toast button svg{width:14px}.toast-success{border-color:#4ad2a052}.toast-error{border-color:#ff6d7a52}@media (width<=1180px){.project-title-input,.save-state{display:none}.project-switcher{max-width:170px}.inspector-panel{flex-basis:286px;width:286px}.prompt-dock{width:min(720px,100% - 30px)}}@media (width<=820px){:root{--topbar:54px}.top-bar{gap:5px;padding:0 8px}.brand strong,.brand em,.account-menu>span,.account-menu a,.top-nav button{font-size:0}.top-nav button{justify-content:center;width:42px;padding:0}.top-nav button svg{width:18px;height:18px}.project-switcher{max-width:145px;margin-left:2px}.top-actions{margin-left:auto}.top-actions>button:nth-child(-n+2){display:none}.account-menu{gap:2px;padding-left:3px}.studio-shell{flex-direction:column}.tool-rail{width:100%;height:58px;padding:4px 8px calc(4px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);flex-direction:row;flex:0 0 58px;order:3;justify-content:flex-start;overflow:auto hidden}.tool-rail button,.tool-rail>label{width:50px;min-width:50px;min-height:46px}.tool-rail button:nth-of-type(n+7),.tool-rail label:nth-of-type(n+7){display:none}.tool-divider{width:1px;height:28px;margin:0 2px}.canvas-column{order:1}.inspector-panel{z-index:120;border-left:0;border-top:1px solid var(--line-strong);border-radius:16px 16px 0 0;width:auto;height:min(62vh,540px);position:fixed;bottom:58px;left:0;right:0;box-shadow:0 -18px 60px #00000073}.inspector-reopen{position:fixed;top:65px;right:12px}.prompt-dock{border-radius:15px;width:calc(100% - 20px);bottom:12px}.prompt-context-row{min-height:34px}.prompt-main-row{padding-top:6px}.prompt-main-row textarea{max-height:78px}.prompt-options-row{gap:7px;overflow-x:auto}.switch-option,.keyboard-hint{display:none}.quality-badge{margin-left:auto}.task-tray{width:auto;bottom:160px;left:10px;right:10px}.canvas-empty{top:35%}.canvas-empty h2{font-size:20px}.canvas-empty p{font-size:12px}.mobile-canvas-zoom{z-index:45;border:1px solid var(--line-strong);background:#191c22f0;border-radius:11px;align-items:center;height:42px;padding:3px;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 8px 24px #0000004d}.mobile-canvas-zoom button{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.mobile-canvas-zoom button:active{background:var(--panel-3);color:var(--text)}.mobile-canvas-zoom button:last-child{border-left:1px solid var(--line);border-radius:0 8px 8px 0}.mobile-canvas-zoom button svg{width:16px}.mobile-canvas-zoom span{text-align:center;min-width:44px;color:var(--muted);font-size:11px}.project-panel,.asset-panel{left:0;top:var(--topbar);width:min(92vw,380px)}.library-header{padding:16px}.library-header p{display:none}.library-header-actions .secondary-button{width:40px;padding:0;font-size:0}.library-toolbar{padding:9px 14px}.library-search{flex:1;width:auto}.library-toolbar>span{display:none}.library-scroll{padding:7px 12px 24px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.library-image{height:150px}.focus-editor-head{min-height:58px;padding:0 8px}.focus-editor-head>div:nth-child(2){display:none}.back-button{justify-content:center;width:38px;padding:0;font-size:0}.focus-tabs{flex:1}.focus-tabs button{flex:1;justify-content:center;padding:0 6px;font-size:11px}.focus-editor-body{flex-direction:column}.focus-image-stage{min-height:42vh;padding:10px}.focus-side-panel{border-left:0;border-top:1px solid var(--line);flex:auto;width:100%;padding:14px}.ocr-side-panel{min-height:0;padding:0;overflow:hidden}.ocr-panel-title{padding:12px 14px 10px}.ocr-summary{min-height:52px;padding:8px 12px}.ocr-item-list{grid-template-columns:repeat(2,minmax(0,1fr));padding:9px 10px 12px}.ocr-item-head{grid-template-columns:26px minmax(0,1fr)}.ocr-item-head>span{grid-column:2;justify-self:start}.ocr-number{width:26px;height:26px}.ocr-batch-footer{padding:10px 12px 11px}.manual-design-layout{grid-template-rows:50px 1fr auto;grid-template-columns:1fr}.manual-toolbar{overflow-x:auto}.manual-stage-wrap{padding:10px}.manual-properties{border-left:0;border-top:1px solid var(--line);max-height:240px}}@media (width<=520px){.project-switcher{max-width:110px}.top-actions>button:nth-child(3){display:none}.canvas-empty-actions{flex-direction:column;width:210px}.canvas-empty-actions>*{width:100%}.mode-pill{text-overflow:ellipsis;max-width:130px;overflow:hidden}.prompt-options-row .option-group>span{display:none}.option-group select{max-width:120px}.quality-badge{display:none}.library-grid{grid-template-columns:1fr 1fr}.library-image{height:125px}.library-card-info p,.library-card-actions button{display:none}.focus-image-stage{min-height:35vh}.ocr-item-list{grid-template-columns:1fr}.ocr-panel-title span{line-height:1.35}.library-card-actions a{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}