:root{--bg:#f1f2f6;--panel:#fff;--panel-2:#fafafb;--border:#e7e8ec;--border-strong:#d6d8df;--text:#1f2330;--text-dim:#6b7080;--accent:#2563eb;--accent-2:#3b82f6;--accent-soft:#e8f1fe;--danger:#e74c6f;--shadow:0 1px 3px #14142814, 0 8px 24px #1414280f;--radius:10px}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#787d8c59 transparent}#__nuxt,body,html{height:100%;margin:0}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}button{cursor:pointer}button,input,select,textarea{font-family:inherit}.editor{flex-direction:column;height:100vh}.brand,.editor,.editor-body,.topbar{display:flex}.editor-body{flex:1;min-height:0}.topbar{background:var(--panel);border-bottom:1px solid var(--border);z-index:20;gap:12px;height:56px;padding:0 14px}.brand,.topbar{align-items:center}.brand{letter-spacing:-.02em;white-space:nowrap;gap:8px;font-size:16px;font-weight:800}.brand .logo{background:linear-gradient(135deg,var(--accent),#38bdf8);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:16px;display:grid}.title-input{color:var(--text);background:0 0;border:1px solid #0000;border-radius:8px;width:200px;padding:6px 10px;font-size:14px;font-weight:600}.title-input:hover{background:var(--panel-2)}.title-input:focus{border-color:var(--accent);background:#fff;outline:none}.topbar .spacer{flex:1}.toolgroup{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex}.icon-btn{color:var(--text);background:0 0;border:none;border-radius:7px;place-items:center;width:34px;height:32px;font-size:17px;transition:background .12s;display:grid}.icon-btn:hover{background:#ececf1}.icon-btn:disabled{opacity:.35;cursor:default}.zoom-label{text-align:center;min-width:52px;color:var(--text-dim);font-variant-numeric:tabular-nums}.btn,.zoom-label{font-size:13px;font-weight:600}.btn{border:1px solid var(--border-strong);color:var(--text);white-space:nowrap;background:#fff;border-radius:9px;align-items:center;gap:6px;height:36px;padding:0 14px;display:inline-flex}.btn:hover{background:var(--panel-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:#1d4ed8}.add-panel{background:var(--panel);border-right:1px solid var(--border);gap:8px;width:92px;padding:12px 10px;overflow-y:auto}.add-item,.add-panel{flex-direction:column;display:flex}.add-item{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:12px;align-items:center;gap:6px;padding:10px 4px 8px;transition:all .12s}.add-item:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.add-item .glyph{width:34px;height:34px;color:var(--accent);place-items:center;font-size:26px;display:grid}.add-item .glyph svg{width:28px;height:28px}.add-item span{color:var(--text-dim);font-size:11px;font-weight:600}.add-divider{background:var(--border);height:1px;margin:4px 2px}.panel-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);padding:2px 2px 0;font-size:10px;font-weight:700}.stage{background:radial-gradient(circle at 1px 1px,#1414320d 1px,transparent 0) 0 0/22px 22px,var(--bg);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:76px;min-width:0;padding:56px;display:flex;overflow:auto}.stage.multi{justify-content:flex-start}.page-view{flex:none;position:relative}.pg-sel{border:1.5px solid var(--accent);pointer-events:none;z-index:13;border-radius:8px;inset:-14px}.guide,.page-tools,.pg-sel{position:absolute}.page-tools{opacity:0;z-index:12;gap:6px;margin-top:18px;transition:opacity .12s;display:flex;top:100%;right:0}.guide{pointer-events:none;z-index:20;background:#f43f5e}.guide-v{top:0;bottom:0}.guide-h{left:0;right:0}.canvas-area{flex:1;min-height:0;display:flex;position:relative}.canvas-area .stage{flex:1;min-width:0}.canvas-area.rulers .stage{padding-top:76px;padding-left:76px}.ruler{background:var(--panel);color:var(--text-dim);font-variant-numeric:tabular-nums;pointer-events:none;z-index:11;font-size:9px;position:absolute;overflow:hidden}.ruler-x{border-bottom:1px solid var(--border);height:20px;top:0;left:20px;right:0}.ruler-y{top:20px;bottom:0}.ruler-corner,.ruler-y{border-right:1px solid var(--border);width:20px;left:0}.ruler-corner{background:var(--panel-2);border-bottom:1px solid var(--border);z-index:12;height:20px;position:absolute;top:0}.ruler-tick{white-space:nowrap;line-height:1;position:absolute}.ruler-x .ruler-tick{border-left:1px solid var(--border-strong);height:15px;padding-left:3px;top:5px}.ruler-y .ruler-tick{border-top:1px solid var(--border-strong);width:17px;padding-top:2px;left:3px}.pg-rs,.pg-rs-c{z-index:14;border:1px solid var(--accent);background:#fff;position:absolute;box-shadow:0 1px 4px #00000040}.pg-rs{border-radius:4px}.pg-rs-c{border-radius:50%;width:13px;height:13px}.pg-rs-e{right:-17px}.pg-rs-e,.pg-rs-w{cursor:ew-resize;width:6px;height:42px;top:50%;transform:translateY(-50%)}.pg-rs-w{left:-17px}.pg-rs-s{bottom:-17px}.pg-rs-n,.pg-rs-s{cursor:ns-resize;width:42px;height:6px;left:50%;transform:translate(-50%)}.pg-rs-n{top:-17px}.pg-rs-se{cursor:nwse-resize;bottom:-20px;right:-20px}.pg-rs-sw{cursor:nesw-resize;bottom:-20px;left:-20px}.pg-rs-ne{cursor:nesw-resize;top:-20px;right:-20px}.pg-rs-nw{cursor:nwse-resize;top:-20px;left:-20px}.page-view.active .page-tools,.page-view:hover .page-tools{opacity:1}.page-tool{border:1px solid var(--border-strong);width:30px;height:30px;color:var(--text);background:#fffffff2;border-radius:8px;place-items:center;font-size:15px;display:grid;box-shadow:0 2px 8px #0000002e}.page-tool:hover{color:var(--danger);background:#fdeef2;border-color:#f3c6d2}.icon-rail{background:var(--panel);border-right:1px solid var(--border);flex:none;width:72px;padding:8px 0 0;overflow:hidden}.icon-rail,.layers-panel,.left-panel,.lp-layers,.rail-item,.rail-tools{flex-direction:column;display:flex}.rail-tools{flex:1;gap:2px;min-height:0;overflow-y:auto}.rail-item{color:var(--text-dim);background:0 0;border:none;border-radius:10px;align-items:center;gap:5px;margin:0 8px;padding:10px 0 8px;font-size:12px;font-weight:600;transition:all .12s}.rail-item svg{width:20px;height:20px}.rail-item:hover{background:var(--panel-2);color:var(--text)}.rail-item.active{background:var(--accent-soft);color:var(--accent)}.rail-bottom{border-top:1px solid var(--border);border-radius:0 0 10px 10px;flex:none;margin:6px 8px 8px;padding-top:12px}.left-panel{background:var(--panel);border-right:1px solid var(--border);flex:none;width:284px;min-height:0}.lp-tools{flex:0 0 61.8%;padding:18px 16px;overflow-y:auto}.lp-layers{border-top:1px solid var(--border);flex:1}.layers-panel,.lp-layers{min-height:0}.layers-panel{height:100%}.layers-head{flex:none;padding:12px 16px 8px;font-size:13px;font-weight:700}.layers-list{flex:1;min-height:0;padding:0 8px 8px;overflow-y:auto}.layer-row{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;display:flex}.layer-row:hover{background:var(--panel-2)}.layer-row.active{background:var(--accent-soft)}.layer-row .l-icon{width:26px;height:26px;color:var(--text-dim);flex:none;place-items:center;font-size:17px;display:grid}.layer-row.active .l-icon{color:var(--accent)}.layer-row .l-name{white-space:nowrap;text-overflow:ellipsis;cursor:text;overflow:hidden}.layer-row .l-name,.layer-row .l-name-input{min-width:0;color:var(--text);flex:1;font-size:13px}.layer-row .l-name-input{border:1px solid var(--accent);box-shadow:0 0 0 3px var(--accent-soft);border-radius:5px;outline:none;padding:2px 6px}.layer-row .l-del{opacity:0;color:var(--text-dim);background:0 0;border:none;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;display:grid}.layer-row:hover .l-del{opacity:1}.layer-row .l-del:hover{color:var(--danger);background:#fdeef2}.layers-empty{text-align:center;color:var(--text-dim);padding:20px 12px;font-size:12px}.layout-badge{border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font-size:13px;font-weight:700;display:flex}.layout-badge svg{font-size:16px}.layout-badge.is-free{background:var(--accent-soft);color:var(--accent)}.layout-badge.is-flow{color:#0f9b63;background:#e7f6ee}.layout-desc{color:var(--text-dim);margin:8px 0 0;font-size:12px;line-height:1.5}.toggle-row{color:var(--text);justify-content:space-between;align-items:center;padding:4px 0 12px;font-size:13px;font-weight:600;display:flex}.toggle-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.effect-row{border:1px solid var(--border);color:var(--text);border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:11px 12px;font-size:13px;font-weight:600;display:flex}.effect-row.disabled{color:var(--text-dim);background:var(--panel-2);cursor:not-allowed}.effect-row .tag{color:var(--text-dim);font-size:11px;font-weight:500}.bottom-bar{border-top:1px solid var(--border);background:var(--panel);flex:none;justify-content:flex-end;height:42px;padding:0 16px}.bb-zoom,.bottom-bar{align-items:center;display:flex}.bb-zoom{gap:4px}.bb-btn{color:var(--text);background:0 0;border:none;border-radius:7px;place-items:center;min-width:30px;height:30px;padding:0 8px;font-size:13px;font-weight:600;display:grid}.bb-btn:hover{background:var(--panel-2)}.bb-btn.bb-danger:hover{color:var(--danger);background:#fdeef2}.bb-btn.bb-wide{min-width:48px}.bb-pct{border:1px solid var(--border-strong);height:30px;color:var(--text-dim);font-variant-numeric:tabular-nums;cursor:pointer;text-align:center;background:#fff;border-radius:7px;min-width:64px;padding:0 6px;font-size:13px;font-weight:600}.bb-sep{background:var(--border);width:1px;height:18px;margin:0 4px}.tt-root{flex-direction:column;justify-content:center;height:100%;display:flex}.tt-root,.tt-view{width:100%}.tt-view .ProseMirror{white-space:pre-wrap;word-break:break-word;outline:none}.tt-view p{margin:0}.tt-toolbar{z-index:200;background:#1f2330;border-radius:10px;align-items:center;gap:3px;padding:5px 8px;display:flex;position:fixed;top:64px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0000004d}.tt-toolbar button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:7px;place-items:center;width:30px;height:30px;font-size:14px;display:grid}.tt-toolbar button:hover{background:#ffffff24}.tt-toolbar button.on{background:var(--accent);color:#fff}.tt-sep{background:#ffffff38;width:1px;height:18px;margin:0 3px}.tt-color{color:#fff;cursor:pointer;align-items:center;gap:3px;height:30px;padding:0 4px;font-weight:700;display:flex}.tt-color input{cursor:pointer;background:0 0;border:none;width:22px;height:22px;padding:0}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#787d8c52 padding-box padding-box;border:3px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#787d8c8c padding-box padding-box}::-webkit-scrollbar-corner{background:0 0}.lp-title{margin:0 0 4px;font-size:16px;font-weight:800}.lp-hint{margin:0 0 14px;line-height:1.5}.lp-hint,.lp-sub{color:var(--text-dim);font-size:12px}.lp-sub{margin:14px 0 8px;font-weight:700}.lp-tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lp-tpl{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:8px;transition:all .12s;display:flex;overflow:hidden}.lp-tpl span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--text);font-size:12px;font-weight:600;overflow:hidden}.lp-tpl:hover{border-color:var(--accent);transform:translateY(-1px)}.lp-shape-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.lp-shape{border:1px solid var(--border);background:var(--panel-2);height:76px;color:var(--accent);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.lp-shape svg{width:24px;height:24px}.lp-shape span,.lp-text-btn{color:var(--text)}.lp-shape:hover{border-color:var(--accent);background:var(--accent-soft)}.lp-text-btn{border:1px solid var(--border-strong);text-align:center;background:#fff;border-radius:10px;width:100%;margin-bottom:10px;padding:14px;display:block}.lp-text-btn:hover{border-color:var(--accent);background:var(--panel-2)}.lp-text-h1{font-size:22px;font-weight:900}.lp-text-h2{font-size:17px;font-weight:600}.lp-upload{border:1.5px dashed var(--border-strong);color:var(--text-dim);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px;font-size:13px;font-weight:600;display:flex}.lp-upload svg{width:24px;height:24px;color:var(--accent)}.lp-upload:hover{border-color:var(--accent);color:var(--accent)}.lp-swatches{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.lp-swatch{aspect-ratio:1;cursor:pointer;border:1px solid #0000001a;border-radius:8px}.lp-swatch:hover{transform:scale(1.1)}.lp-grad-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.lp-grad{cursor:pointer;border:1px solid #00000014;border-radius:8px;height:44px}.lp-grad:hover{transform:scale(1.04)}.lp-color{border:1px solid var(--border-strong);cursor:pointer;border-radius:8px;width:100%;height:40px;padding:3px}.lp-tabs{background:var(--bg);border-radius:10px;gap:2px;margin-bottom:10px;padding:3px;display:flex}.lp-tab{color:var(--text-dim);background:0 0;border:none;border-radius:8px;flex:1;height:28px;font-size:12px;font-weight:600}.lp-tab:hover{color:var(--text)}.lp-tab.active{background:var(--panel);color:var(--accent);box-shadow:0 1px 3px #1414281a}.lp-empty{color:var(--text-dim);padding:20px 4px;font-size:13px}.lp-doc-list{flex-direction:column;gap:6px;display:flex}.lp-doc{border:1px solid var(--border);background:var(--panel-2);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:6px;transition:all .12s;display:flex}.lp-doc.current,.lp-doc:hover{border-color:var(--accent)}.lp-doc.current{background:var(--accent-soft)}.lp-doc .page-thumb{border:1px solid var(--border);border-radius:6px;flex:none}.lp-doc-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lp-doc-meta strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.lp-doc-meta em{color:var(--text-dim);font-size:11px;font-style:normal}.lp-doc-del{width:26px;height:26px;color:var(--text-dim);opacity:0;background:0 0;border:none;border-radius:7px;flex:none;place-items:center;transition:all .12s;display:grid}.el-wrap:hover .hover-ring,.lp-doc:hover .lp-doc-del{opacity:1}.lp-doc-del:hover{color:var(--danger);background:#fdeef2}.lp-doc-new{border:1px dashed var(--border-strong);width:100%;height:38px;color:var(--text-dim);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-top:10px;font-size:13px;font-weight:600;display:flex}.lp-doc-new:hover{border-color:var(--accent);color:var(--accent)}.artboard-wrap{flex:none;position:relative}.artboard{transform-origin:0 0;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 10px 40px #1414322e}.el-wrap{transform-origin:50%;touch-action:none;position:absolute}.hover-ring{outline:1.5px solid var(--accent-2);outline-offset:0;pointer-events:none;opacity:0}.el-content,.hover-ring,.sel-outline{position:absolute;inset:0}.el-content{width:100%;height:100%}.el-text{-webkit-user-select:none;user-select:none;word-break:break-word;white-space:pre-wrap;outline:none;overflow:hidden}.el-text.editing{-webkit-user-select:text;user-select:text;cursor:text}.el-img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.el-divider{align-items:center;display:flex}.el-divider i{width:100%;display:block}.sel-outline{outline-style:solid;outline-color:var(--accent);pointer-events:none}.handle{border:1.5px solid var(--accent);background:#fff;border-radius:3px;position:absolute;box-shadow:0 1px 2px #0003}.handle.rotate{cursor:grab;border-radius:50%}.rotate-line{background:var(--accent);pointer-events:none;position:absolute}.props{background:var(--panel);border-left:1px solid var(--border);flex-direction:column;flex:none;width:280px;display:flex;overflow:hidden}.props-scroll{flex:1;min-height:0;overflow-y:auto}.props-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.props-head h2{text-transform:capitalize;margin:0;font-size:14px;font-weight:700}.props-close{color:var(--text-dim)}.props-close:hover{color:var(--text)}.props-reopen{z-index:18;border:1px solid var(--border);background:var(--panel);width:26px;height:56px;color:var(--text-dim);border-right:none;border-radius:10px 0 0 10px;place-items:center;font-size:15px;display:grid;position:fixed;top:50%;right:0;transform:translateY(-50%);box-shadow:-2px 0 10px #1414280f}.props-reopen:hover{color:var(--accent);border-color:var(--accent)}.section{border-bottom:1px solid var(--border);padding:14px 16px}.section h3{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin:0 0 10px;font-size:11px;font-weight:700}.field-row{gap:8px;display:flex}.field{flex-direction:column;flex:1;gap:4px;margin-bottom:10px;display:flex}.field:last-child{margin-bottom:0}.field label{color:var(--text-dim);font-size:11px;font-weight:600}.field input[type=number],.field input[type=text],.field select,.field textarea{border:1px solid var(--border-strong);color:var(--text);background:#fff;border-radius:8px;width:100%;padding:7px 9px;font-size:13px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.field textarea{resize:vertical;min-height:62px;line-height:1.4}.color-row{align-items:center;gap:8px;display:flex}input[type=color]{border:1px solid var(--border-strong);cursor:pointer;background:#fff;border-radius:8px;width:38px;height:32px;padding:2px}.color-row .hex{flex:1}input[type=range]{width:100%;accent-color:var(--accent)}.seg{gap:4px;display:flex}.seg button{border:1px solid var(--border-strong);height:34px;color:var(--text);background:#fff;border-radius:8px;flex:1;place-items:center;font-size:14px;display:grid}.seg button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.grid-btns{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.mini-btn{border:1px solid var(--border-strong);height:34px;color:var(--text);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.mini-btn:hover{background:var(--panel-2)}.mini-btn.danger{color:var(--danger);border-color:#f3c6d2}.mini-btn.danger:hover{background:#fdeef2}.artboard-wrap.dropping:after{content:"";pointer-events:none;background:#2563eb0f;position:absolute;inset:0}.artboard-wrap.dropping:after,.flow-board.dropping{outline:2px dashed var(--accent);outline-offset:2px}.auth-page{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--panel);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow);text-align:center;border-radius:16px;padding:32px 28px}.auth-brand{letter-spacing:-.02em;color:var(--text);align-items:center;gap:8px;margin-bottom:22px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.auth-brand .logo{background:linear-gradient(135deg,var(--accent),#38bdf8);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:16px;display:grid}.auth-card h1{margin:0;font-size:20px;font-weight:700}.auth-sub{color:var(--text-dim);margin:8px 0 22px;font-size:13px;line-height:1.6}.auth-btn{border:1px solid var(--border-strong);width:100%;height:42px;color:var(--text);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.auth-btn:hover:not(:disabled){border-color:var(--accent);background:var(--panel-2)}.auth-btn:disabled{opacity:.55;cursor:default}.auth-btn.primary{background:var(--accent);color:#fff;border-color:#0000}.auth-btn.primary:hover:not(:disabled){background:var(--accent-2)}.auth-btn.google svg{width:18px;height:18px}.auth-sep{color:var(--text-dim);align-items:center;gap:10px;margin:16px 0;font-size:11px;display:flex}.auth-sep:after,.auth-sep:before{content:"";border-top:1px solid var(--border);flex:1}.auth-form{flex-direction:column;gap:10px;display:flex}.auth-form input{border:1px solid var(--border-strong);width:100%;height:42px;color:var(--text);background:#fff;border-radius:10px;padding:0 12px;font-size:13px}.auth-form input:focus{border-color:var(--accent);outline:none}.auth-pw{position:relative}.auth-pw input{padding-right:40px}.auth-pw button{color:var(--text-dim);background:0 0;border:none;border-radius:8px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.auth-pw button:hover{color:var(--text)}.auth-error{color:var(--danger);margin:0 0 12px;font-size:13px}.auth-switch{color:var(--text-dim);margin:16px 0 0;font-size:12px}.auth-switch button{color:var(--accent);background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.auth-switch button:hover{text-decoration:underline}.export{position:relative}.btn-caret{opacity:.75;margin-left:-2px;font-size:13px}.export-menu{background:var(--panel);border:1px solid var(--border);min-width:190px;box-shadow:var(--shadow);z-index:40;border-radius:12px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.export-note{color:var(--text-dim);margin:0;padding:4px 10px 6px;font-size:12px;line-height:1.5}.export-error{color:var(--danger)}.export-error,.export-ok{white-space:nowrap;margin:0;font-size:12px;position:absolute;top:calc(100% + 6px);right:0}.export-ok{color:var(--accent)}.account{position:relative}.account-btn{border:1px solid var(--border);background:var(--panel-2);height:34px;color:var(--text);border-radius:10px;align-items:center;gap:7px;max-width:160px;padding:0 10px 0 6px;font-size:12px;font-weight:600;display:flex}.account-btn:hover{border-color:var(--accent)}.account-avatar{-o-object-fit:cover;object-fit:cover;background:linear-gradient(135deg,var(--accent),#38bdf8);color:#fff;text-transform:uppercase;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.account-email,.account-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-menu{background:var(--panel);border:1px solid var(--border);min-width:190px;box-shadow:var(--shadow);z-index:40;border-radius:12px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.account-email{color:var(--text-dim);border-bottom:1px solid var(--border);margin-bottom:5px;padding:7px 10px 9px;font-size:11px}.ctx-menu{z-index:60;background:var(--panel);border:1px solid var(--border);min-width:190px;box-shadow:var(--shadow);border-radius:12px;padding:6px;position:fixed}.ctx-item{width:100%;color:var(--text);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:7px 10px;font-size:13px;font-weight:500;display:flex}.ctx-item svg{color:var(--text-dim);flex:none;font-size:15px}.ctx-item:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.ctx-item:hover:not(:disabled) svg{color:var(--accent)}.ctx-item:disabled{opacity:.4;cursor:default}.ctx-item.danger,.ctx-item.danger svg,.ctx-item.danger:hover,.ctx-item.danger:hover svg{color:var(--danger)}.ctx-item.danger:hover{background:#fdeef2}.ctx-key{color:var(--text-dim);margin-left:auto;font-family:Roboto Mono,monospace;font-size:11px}.ctx-sep{background:var(--border);height:1px;margin:5px 8px}.ratio-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;display:grid}.ratio{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 7px;transition:all .12s;display:flex}.ratio-box{place-items:center;height:36px;display:grid}.ratio-box i{border:1.5px solid var(--text-dim);border-radius:2px;display:block}.ratio-ratio{font-size:11px;font-weight:700;line-height:1.2}.ratio-name{color:var(--text-dim);font-size:10px;line-height:1.2}.ratio.active,.ratio:hover{border-color:var(--accent);background:var(--accent-soft)}.ratio.active,.ratio.active .ratio-name{color:var(--accent)}.ratio.active .ratio-box i{border-color:var(--accent);background:#2563eb1f}.empty-hint{color:var(--text-dim);padding:22px 16px;font-size:13px;line-height:1.6}.props-footer{border-top:1px solid var(--border);background:var(--panel);flex:none;justify-content:flex-end;align-items:center;gap:4px;padding:8px 12px;display:flex}.pf-btn{width:32px;height:32px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;font-size:16px;text-decoration:none;display:grid}.pf-group{width:auto;color:var(--accent);background:var(--accent-soft);align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.pf-group:hover{background:var(--accent);color:#fff}.pf-spacer{flex:1}.pf-btn svg{width:16px;height:16px}.pf-btn:hover{background:var(--accent-soft);color:var(--accent)}.empty-hint kbd{background:var(--panel-2);border:1px solid var(--border-strong);color:var(--text);border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-family:Roboto Mono,monospace;font-size:11px}.swatches{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.swatch{cursor:pointer;border:1px solid #0000001a;border-radius:6px;width:24px;height:24px}.swatch:hover{transform:scale(1.12)}.flow-board{border-radius:14px;flex-direction:column;flex:none;display:flex;box-shadow:0 10px 40px #1414322e}.flow-block{cursor:grab;position:relative}.flow-block.dragging{opacity:.55;cursor:grabbing}.flow-block.selected:after{content:"";border:2px solid var(--accent);pointer-events:none;border-radius:7px;position:absolute;inset:-7px -9px}.flow-text{white-space:pre-wrap;word-break:break-word;outline:none}.flow-text.editing{cursor:text}.flow-divider{border:0;border-top-style:solid;width:100%;margin:0}.divider-block:before{content:"";inset:calc(-1 * var(--hit-pad,6px)) 0;border-radius:4px;position:absolute}.divider-block:hover:before{background:color-mix(in srgb,var(--accent) 12%,transparent)}.flow-img{max-width:100%;height:auto;display:block}.center-col{flex-direction:column;flex:1;min-width:0;display:flex}.center-col .stage{flex:1;min-height:0}.pages-bar{border-top:1px solid var(--border);background:var(--panel);flex:none;height:118px;overflow:auto hidden}.pages-scroll{align-items:center;gap:12px;height:100%;padding:0 16px;display:flex}.page-item{cursor:pointer;border:2px solid #0000;border-radius:10px;flex:none;padding:4px;position:relative}.page-item:hover{background:var(--panel-2)}.page-item.active{border-color:var(--accent)}.page-no{z-index:2;color:#fff;background:#0f111a8c;border-radius:5px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:8px;left:8px}.page-thumb{border-radius:6px;position:relative;overflow:hidden;box-shadow:0 1px 4px #00000024}.page-actions{z-index:3;gap:3px;display:none;position:absolute;top:6px;right:6px}.page-item:hover .page-actions{display:flex}.page-act{width:20px;height:20px;color:var(--text);background:#ffffffeb;border:none;border-radius:5px;place-items:center;font-size:12px;display:grid;box-shadow:0 1px 3px #0003}.page-act:hover{color:var(--accent)}.page-add{border:1.5px dashed var(--border-strong);background:var(--panel-2);width:104px;height:68px;color:var(--text-dim);border-radius:8px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.page-add:hover{border-color:var(--accent);color:var(--accent)}