:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;color:#24252d;background:#fafafa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #8c79dc}button,textarea{-webkit-tap-highlight-color:transparent}.studio-app{--bg:#fff;--panel:#f7f7fa;--canvas:#fafafa;--text:#292a34;--muted:#898a98;--line:#ececf1;--hover:#ededf4;--accent:#7964d2;height:100dvh;min-height:540px;color:var(--text);background:var(--bg);display:flex}.studio-app.dark{--bg:#18191f;--panel:#1e1f27;--canvas:#181920;--text:#f0eef6;--muted:#9998aa;--line:#30313d;--hover:#2a2b37;--accent:#b5a3f8}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:250px;padding:28px 17px 0;display:flex}.brand{letter-spacing:-.5px;align-items:center;gap:10px;margin:0 5px 29px;font-size:18px;font-weight:650;display:flex}.brand span:not(.brand-mark){font-weight:400}.brand small{color:var(--muted);letter-spacing:2px;margin-top:5px;font-size:9px;font-weight:400;display:block}.brand-mark{background:0 0;border-radius:11px;flex-shrink:0;place-items:center;width:37px;height:37px;display:grid}.nav-selected{background:var(--hover);color:var(--accent);border-radius:9px;align-items:center;gap:10px;margin:23px 0 30px;padding:12px;font-size:12px;font-weight:550;display:flex}.nav-selected>span{color:var(--muted);margin-left:auto;font-size:10px;font-weight:400}.section-label{color:var(--muted);justify-content:space-between;align-items:center;padding:0 9px;font-size:10px;display:flex}.section-label span{font-size:9px}.history{flex:1;min-height:50px;margin:13px 0;overflow:auto}.history-row{border-radius:8px;align-items:center;margin-bottom:4px;display:flex}.history-row:hover,.history-row.current{background:var(--hover)}.history-row>button:first-child{color:var(--text);text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;min-width:0;padding:11px 8px;font-size:12px;display:flex}.history-row svg{flex-shrink:0}.history-row span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.history-row small{color:var(--muted);margin-left:auto;font-size:9px}.delete{color:var(--muted);background:0 0;border:0;padding:8px}.history-empty{color:var(--muted);padding:15px 8px;font-size:10px}.local-card{border:1px solid var(--line);background:var(--bg);border-radius:12px;margin:12px 0 17px;padding:16px 14px}.local-card>div{align-items:center;gap:8px;display:flex}.local-card strong{font-size:11px;font-weight:550}.local-card p{color:var(--muted);margin:10px 0;font-size:10px;line-height:1.9}.local-card button{color:var(--accent);background:0 0;border:0;align-items:center;gap:3px;padding:0;font-size:10px;display:flex}.sidebar-footer{border-top:1px solid var(--line);align-items:center;gap:10px;padding:17px 1px;font-size:11px;display:flex}.sidebar-footer strong{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:11px;font-weight:500;display:block;overflow:hidden}.sidebar-footer small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.sidebar-footer>.icon{margin-left:auto}.user-avatar{color:#766690;background:#e6e1f1;border-radius:50%;place-items:center;width:29px;height:29px;font-size:12px;display:grid}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;height:62px;padding:0 25px;font-size:12px;display:flex}.topbar>div{align-items:center;gap:12px;min-width:0;display:flex}.muted{color:var(--muted)}.title-ellipsis{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.icon{color:var(--muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:7px;display:inline-flex}.icon:hover{background:var(--hover)}.save-status{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.save-status.warning{color:#c58036}.message{flex-shrink:0;justify-content:space-between;align-items:center;padding:9px 25px;font-size:11px;line-height:1.6;display:flex}.message.error{color:#a76749;background:#b8783210}.message.notice{color:var(--accent);background:var(--hover)}.canvas-toolbar{border-bottom:1px solid var(--line);background:var(--bg);z-index:12;justify-content:space-between;align-items:center;gap:10px;padding:10px 22px;font-size:11px;display:flex}.canvas-toolbar>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.canvas-toolbar button,.export-menu summary{color:var(--text);white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:11px;display:inline-flex}.canvas-toolbar button:hover,.export-menu summary:hover{background:var(--hover)}.toolbar-separator{border-left:1px solid var(--line);height:13px;margin:0 4px}.export-menu{flex-shrink:0;position:relative}.export-menu summary{cursor:pointer;list-style:none}.export-menu summary::-webkit-details-marker{display:none}.export-menu>div{background:var(--bg);border:1px solid var(--line);border-radius:10px;min-width:166px;padding:6px;position:absolute;top:35px;right:0;box-shadow:0 8px 28px #00000010}.export-menu>div>button{text-align:left;width:100%;padding:10px;display:block}.canvas-container{flex:1;min-height:180px;position:relative;overflow:hidden}.canvas-surface{background:var(--canvas);position:absolute;inset:0}.canvas-surface .react-flow__node-image{border:0;border-radius:10px}.image-node{border-radius:9px;width:100%;position:relative;box-shadow:0 3px 15px #1610230a}.image-node img{object-fit:contain;background:var(--panel);border-radius:9px;display:block}.image-node.selected{outline-offset:4px;outline:2px solid #a48fe3}.node-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;color:#555464;background:#ffffffea;border-radius:6px;align-items:center;gap:5px;padding:5px 7px;transition:opacity .15s;display:flex;position:absolute;bottom:7px;left:7px;right:7px}.image-node:hover .node-toolbar,.image-node.selected .node-toolbar,.image-node:focus-within .node-toolbar{opacity:1}.node-toolbar>span{text-overflow:ellipsis;white-space:nowrap;margin-right:auto;font-size:9px;overflow:hidden}.node-toolbar>button{color:#656171;background:0 0;border:0;border-radius:4px;padding:4px;display:inline-flex}.node-toolbar>button:hover{background:#eae7f2}.react-flow__controls{border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:none!important}.react-flow__controls-button{background:var(--bg)!important;border-color:var(--line)!important;color:var(--text)!important}.react-flow__minimap{border:1px solid var(--line);border-radius:8px;overflow:hidden;width:125px!important;height:85px!important;margin-bottom:34px!important}.react-flow__attribution{color:var(--muted)!important;background:0 0!important;font-size:8px!important}.canvas-welcome{text-align:center;pointer-events:none;width:90%;max-width:550px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.canvas-welcome-mark{background:var(--bg);border:1px solid var(--line);color:#a18ddb;border-radius:21px;place-items:center;width:72px;height:72px;margin:0 auto 23px;display:grid;box-shadow:0 7px 32px #7e71ad0a}.canvas-welcome h2{letter-spacing:-.5px;margin:0 0 13px;font-size:25px;font-weight:500}.canvas-welcome p{color:var(--muted);margin:0 0 17px;font-size:12px}.canvas-welcome>span{letter-spacing:2px;color:var(--muted);font-size:9px}.fit-button{border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:10px;display:flex;position:absolute;top:14px;right:13px}.canvas-hint{color:var(--muted);white-space:nowrap;pointer-events:none;font-size:9px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.generation-status{background:var(--bg);border:1px solid var(--line);white-space:nowrap;border-radius:25px;align-items:center;gap:10px;padding:10px 16px;font-size:11px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #00000008}.generation-status button{background:var(--hover);color:var(--accent);border:0;border-radius:12px;padding:5px 9px;font-size:10px}.composer-section{border-top:1px solid var(--line);background:var(--bg);flex-shrink:0;padding:14px 28px 12px}.reference-bar{max-width:980px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin:0 auto 12px;font-size:10px;display:flex}.reference-bar>div{align-items:center;gap:7px;display:flex}.reference-bar button{background:var(--hover);color:var(--accent);border:0;border-radius:4px;padding:4px 6px;font-size:10px}.composer{border:1px solid var(--line);border-radius:14px;max-width:980px;margin:0 auto;padding:14px 15px 11px;box-shadow:0 4px 20px #24223504}.composer:focus-within{border-color:#b6a6df}.composer textarea{resize:vertical;width:100%;min-height:55px;max-height:180px;color:var(--text);background:0 0;border:0;outline:0;font-size:12px;line-height:1.9}.composer textarea::placeholder{color:var(--muted)}.composer-controls{justify-content:space-between;align-items:center;gap:7px;margin-top:7px;display:flex}.composer-controls>div{align-items:center;gap:9px;min-width:0;display:flex}.composer-controls label{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:6px;align-items:center;gap:5px;min-width:0;padding:5px 7px;display:flex}.composer-controls select{background:var(--panel);color:var(--text);border:0;outline:none;max-width:170px;padding:2px;font-size:10px}.composer-footer{max-width:980px;color:var(--muted);justify-content:space-between;margin:9px auto 0;font-size:9px;display:flex}.prompt-ideas{gap:8px;max-width:980px;margin:0 auto 11px;display:flex}.prompt-ideas button{border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:7px;align-items:center;gap:6px;padding:6px 10px;font-size:10px;display:flex}.prompt-ideas span{color:var(--accent)}.center-state{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.login-welcome{text-align:center;margin:auto;padding:50px 22px}.hero-mark{width:80px;height:80px;color:var(--accent);background:0 0;border-radius:24px;place-items:center;margin:0 auto 32px;display:grid}.eyebrow{color:var(--muted);letter-spacing:3px;font-size:9px}.login-welcome h1{letter-spacing:-.8px;margin:19px 0;font-size:30px;font-weight:550}.login-welcome p{color:var(--muted);font-size:13px;line-height:2}.login-actions{justify-content:center;gap:12px;margin-top:28px;display:flex}.primary-link,.secondary-link{border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:12px;display:inline-flex}.primary-link{color:#fff;background:#292934}.dark .primary-link{color:#282332;background:#e5e1f0}.secondary-link{border:1px solid var(--line);color:var(--text)}.primary-link.compact{padding:9px 13px;font-size:11px}.privacy-link{color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;margin-top:25px;font-size:10px;display:inline-flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#13131f60;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.privacy-modal{background:var(--bg);border:1px solid var(--line);border-radius:18px;max-width:590px;max-height:90dvh;padding:32px;position:relative;overflow:auto;box-shadow:0 20px 70px #0003}.privacy-modal>svg{color:var(--accent)}.privacy-modal h2{margin:20px 0;font-size:21px;font-weight:550}.privacy-modal p{color:var(--muted);font-size:12px;line-height:1.95}.modal-close{position:absolute;top:13px;right:13px}.mobile-only,.scrim{display:none}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1000px){.sidebar{width:224px;padding-left:13px;padding-right:13px}.composer-section{padding-left:18px;padding-right:18px}.reference-bar{font-size:9px}.reference-bar>div{gap:4px}.canvas-toolbar{padding:9px 14px}.canvas-toolbar>div{gap:3px}.brand{font-size:16px}.brand-mark{width:32px;height:32px}.canvas-hint{font-size:8px;left:45%}}@media (width<=760px){.studio-app{min-height:0}.mobile-only{display:inline-flex}.sidebar{z-index:50;width:268px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.brand .icon{margin-left:auto}.scrim{z-index:40;background:#0005;border:0;display:block;position:fixed;inset:0}.topbar{height:54px;padding:0 12px}.topbar>div{gap:7px;font-size:11px}.save-status>span{display:none}.title-ellipsis{max-width:135px}.canvas-toolbar{padding:7px 9px}.canvas-toolbar button,.export-menu summary{padding:5px;font-size:10px}.canvas-toolbar button svg{width:12px}.toolbar-separator,.canvas-hint,.react-flow__minimap{display:none}.canvas-welcome h2{font-size:21px}.canvas-welcome p{font-size:11px}.canvas-welcome-mark{width:57px;height:57px;margin-bottom:17px}.canvas-welcome>span{font-size:8px}.composer-section{padding:11px 12px}.reference-bar{flex-wrap:wrap;gap:6px;margin-bottom:9px}.reference-bar>div{flex-wrap:wrap}.composer{padding:10px 12px}.composer textarea{min-height:43px;font-size:12px}.composer-controls select{max-width:120px}.composer-controls>div{gap:5px}.composer-controls label{padding:4px}.composer-controls label>svg{display:none}.composer-footer{font-size:8px}.composer-footer>span:last-child{display:none}.prompt-ideas{gap:5px}.prompt-ideas button{padding:5px 8px;font-size:9px}.login-welcome h1{font-size:24px}.login-welcome p{font-size:12px}.privacy-modal{padding:25px}.privacy-modal h2{font-size:19px}.message{padding:8px 13px;font-size:10px}.node-toolbar{opacity:1}.generation-status{font-size:10px;top:9px}.fit-button{padding:7px;font-size:9px;top:9px}.canvas-surface .react-flow__controls{margin:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.service-status{background:var(--hover);color:var(--accent);text-align:center;border-bottom:1px solid var(--line);padding:7px 18px;font-size:10px;line-height:1.6}.picker-control{color:var(--muted);align-items:center;gap:5px;display:inline-flex}.select-menu{min-width:0;position:relative}.select-trigger{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:7px 9px;font-size:12px;display:flex}.select-trigger>span{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.select-trigger:hover{background:var(--hover)}.select-trigger:focus:not(:focus-visible){box-shadow:none;outline:none}.select-trigger:focus-visible,.select-options button:focus-visible{outline-offset:2px;outline:1px solid #aaa3b6}.select-options{z-index:60;border:1px solid var(--line);background:var(--panel);border-radius:11px;min-width:180px;max-width:min(330px,80vw);max-height:280px;padding:5px;position:absolute;bottom:calc(100% + 9px);left:0;overflow-y:auto;box-shadow:0 8px 30px #00000014}.select-options button{text-align:left;width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:10px;font-size:12px;display:flex}.select-options button[aria-selected=true]{background:0 0}.select-options button:hover,.select-options button:focus-visible{background:var(--hover)}.select-options button span{overflow-wrap:anywhere}.select-empty{color:var(--muted);padding:10px;font-size:12px;display:block}.key-settings-button,.composer-key{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:7px 9px;font-size:12px;display:inline-flex}.composer-key{white-space:nowrap;text-overflow:ellipsis;max-width:190px;overflow:hidden}.key-settings-button:hover,.composer-key:hover{background:var(--hover);color:var(--text)}.key-modal .select-trigger{border:1px solid var(--line);width:100%;color:var(--text);justify-content:space-between;padding:12px}.key-modal .select-options{width:100%;top:calc(100% + 6px);bottom:auto}.key-modal .key-note{color:var(--muted);font-size:12px}.image-node{overflow:visible}.image-node>img{border-radius:10px}.image-node .react-flow__handle{border:2px solid var(--panel);z-index:5;background:#aaa0c0;width:10px;height:10px}.image-node .react-flow__handle:hover{background:#807296;transform:translateY(-50%)scale(1.25)}.react-flow__edge-path{cursor:pointer}@media (width<=700px){.composer-controls>div{flex-wrap:wrap}.composer-key{max-width:130px}.select-trigger>span{max-width:160px}}.brand-mark>img,.hero-mark>img{object-fit:contain;width:100%;height:100%;display:block}a[aria-disabled=true]{opacity:.45;cursor:not-allowed}