:root{color:#f5f5f7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark only;font-synthesis:none;text-rendering:optimizelegibility;--shell:#18181b;--panel:#232328;--panel-raised:#2a2a30;--panel-soft:#1e1e22;--border:#35353c;--border-soft:#ffffff12;--text:#f5f5f7;--muted:#a3a3ad;--subtle:#a0a0aa;--accent:#15d8c5;--accent-strong:#0eafa4;--danger:#ff7b8e;background:#18181b;font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{background:var(--shell);overflow:hidden}button,input{font:inherit}button,a,input[type=color],input[type=range],label[for]{-webkit-tap-highlight-color:transparent}button{color:inherit}button:not(:disabled),input[type=color],input[type=range],.file-button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}:focus-visible{outline-offset:2px;outline:3px solid #15d8c5b8}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:var(--shell);width:100%;height:100dvh;min-height:560px;overflow:hidden}.topbar{z-index:10;border-bottom:1px solid var(--border-soft);background:#18181bf5;align-items:center;gap:22px;height:68px;padding:0 18px;display:flex;position:relative;box-shadow:0 8px 26px #0000002e}.brand{min-height:48px;color:var(--text);flex:none;align-items:center;gap:2px;text-decoration:none;display:inline-flex}.brand-mark{justify-content:center;align-items:center;width:42px;height:38px;display:flex}.brand-mark img{filter:drop-shadow(0 0 12px #15d8c533);width:40px;height:auto;display:block}.brand-copy{width:90px;height:auto;display:block}.project-manager{flex:none;position:relative}.project-manager-trigger{border:1px solid var(--border);min-width:76px;height:42px;color:var(--muted);background:var(--panel-soft);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:750;display:inline-flex}.project-manager-trigger:hover,.project-manager-trigger[aria-expanded=true]{color:var(--accent);background:#15d8c514;border-color:#15d8c56b}.project-manager-trigger>span:first-child{font-size:17px}.project-popover{z-index:30;width:min(370px,100vw - 24px);max-height:min(620px,100dvh - 88px);color:var(--text);scrollbar-color:#55555e transparent;scrollbar-width:thin;background:#232328fa;border:1px solid #414149;border-radius:16px;padding:14px;position:absolute;top:calc(100% + 12px);left:0;overflow-y:auto;box-shadow:0 24px 70px #0000008a}.project-popover-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:12px;padding:2px 2px 12px;display:flex}.project-popover-header>div{flex-direction:column;min-width:0;display:flex}.project-popover-header strong{font-size:14px}.project-popover-header small{color:var(--muted);margin-top:4px;font-size:10px}.project-popover-close{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex:none;place-items:center;padding:0;font-size:22px;display:grid}.project-popover-close:hover{color:var(--text);background:#ffffff0f}.project-list{flex-direction:column;gap:5px;max-height:280px;margin:10px 0;padding:0;list-style:none;display:flex;overflow-y:auto}.project-list>li,.project-list-item{width:100%}.project-list-item{min-height:54px;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 9px;display:grid}.project-list-item:hover:not(:disabled){background:#ffffff0b}.project-list-item.is-active{background:#15d8c514;border-color:#15d8c53d}.project-list-mark{color:var(--muted);font-size:10px}.project-list-item.is-active .project-list-mark{color:var(--accent)}.project-list-copy{flex-direction:column;min-width:0;display:flex}.project-list-copy strong,.project-list-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-list-copy strong{font-size:12px}.project-list-copy small{color:var(--muted);margin-top:4px;font-size:9px}.project-list-item em{color:var(--accent);background:#15d8c51a;border-radius:999px;padding:4px 7px;font-size:9px;font-style:normal;font-weight:750}.project-action-grid{border-top:1px solid var(--border-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:10px;display:grid}.project-action-grid button,.project-delete-button{border-radius:999px;min-height:44px;font-size:11px;font-weight:750}.project-action-grid button{border:1px solid var(--border);color:var(--text);background:var(--panel-raised)}.project-action-grid button:hover:not(:disabled){color:var(--accent);border-color:#15d8c55c}.project-delete-button{border:1px solid var(--border);width:100%;color:var(--text);background:var(--panel-raised);margin-top:8px}.project-delete-button:hover:not(:disabled){color:var(--accent);border-color:#15d8c55c}.project-popover-note{color:var(--muted);text-align:center;margin:9px 2px 0;font-size:9px}.project-storage{border:1px solid var(--border-soft);color:var(--muted);font-variant-numeric:tabular-nums;background:#ffffff06;border-radius:10px;margin-top:10px;padding:10px 11px;font-size:10px}.topbar-actions{flex:none;align-items:center;gap:14px;margin-left:0;display:flex}.history-controls{flex:none;align-items:center;gap:4px;margin-left:auto;display:inline-flex}.history-button{border:1px solid var(--border);width:36px;height:36px;color:var(--text);background:var(--panel-soft);border-radius:999px;place-items:center;font-size:21px;line-height:1;display:grid}.history-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:20px;height:20px;display:block}.history-button:hover:not(:disabled){color:var(--accent);background:#15d8c514;border-color:#15d8c56b}.history-button:disabled{cursor:not-allowed;opacity:.34}.session-status{max-width:260px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-size:12px;display:inline-flex;overflow:hidden}.persistence-status-text{text-overflow:ellipsis;min-width:0;overflow:hidden}button.persistence-retry{cursor:pointer;font:inherit;text-align:left;border:0;padding:0}.persistence-retry em{color:var(--accent);flex:none;font-size:10px;font-style:normal;font-weight:800}.persistence-retry:hover .persistence-status-text{color:var(--text)}.status-dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 12px #15d8c5b3}.export-button{color:#0b2522;background:var(--accent);border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-width:132px;min-height:46px;padding:0 16px;font-size:13px;font-weight:800;transition:background-color .15s,transform .15s;display:inline-flex;box-shadow:0 8px 24px #15d8c529}.export-button:hover:not(:disabled){background:#36e3d2;transform:translateY(-1px)}.export-button:active:not(:disabled){background:var(--accent-strong);transform:translateY(0)}.export-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:19px;height:19px}.workspace{background-image:radial-gradient(circle,#ffffff24 1px,#0000 1.15px);background-size:24px 24px;grid-template-columns:68px 360px minmax(0,1fr);width:100%;height:calc(100dvh - 68px);min-height:0;display:grid;overflow:hidden}.tool-rail{background:#1b1b1f;flex-direction:column;align-items:center;padding:14px 8px;display:flex;position:relative}.tool-button{width:52px;min-height:58px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.editor-panel-icon{width:20px;height:20px;-webkit-mask:var(--editor-panel-icon) center / contain no-repeat;mask:var(--editor-panel-icon) center / contain no-repeat;-webkit-mask:var(--editor-panel-icon) center / contain no-repeat;background:currentColor;flex:none;display:block}.tool-button small{font-size:10px;font-weight:700}.tool-button.is-active{color:var(--accent);background:#15d8c517;border-color:#15d8c533}.tool-project-links{width:52px;margin-top:auto;position:relative}.tool-project-menu-trigger{width:52px;height:44px;color:color-mix(in srgb, var(--muted) 78%, transparent);background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.tool-project-menu-trigger:hover,.tool-project-menu-trigger[aria-expanded=true]{color:var(--accent);background:#15d8c517}.tool-project-menu-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool-project-menu-trigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:22px;height:22px}.tool-project-menu{z-index:20;border:1px solid var(--border);background:#25262a;border-radius:10px;gap:2px;width:max-content;min-width:154px;padding:6px;display:grid;position:absolute;bottom:0;left:calc(100% + 8px);box-shadow:0 12px 28px #0000004d}.tool-project-menu a{color:var(--text);border-radius:6px;padding:8px 10px;font-size:13px;line-height:1.3;text-decoration:none}.tool-project-menu a:hover,.tool-project-menu a:focus-visible{color:#1c1c1f;background:var(--accent);outline:0}.editor-panel-slot{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.editor-panel-slot>.editor-panel{border-right:0;flex:auto}.mobile-panel-tabs{display:none}.editor-panel{min-width:0;min-height:0;padding:18px 18px calc(28px + env(safe-area-inset-bottom));border-right:1px solid var(--border);background:var(--panel);scrollbar-color:#4a4a52 transparent;scrollbar-width:thin;overflow:hidden auto}.panel-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:8px;display:flex;position:relative}.panel-eyebrow,.section-kicker{color:var(--accent);letter-spacing:.16em;margin:0 0 4px;font-size:9px;font-weight:800}.panel-header h2,.section-heading h3,.selection-title-row h3,.selection-empty h3{margin:0}.panel-header h2{letter-spacing:-.04em;font-size:22px}.panel-header-actions{align-items:center;gap:6px;display:flex}.panel-header-actions .ghost-button{white-space:nowrap;min-height:34px;padding-inline:9px;font-size:11px}.appearance-header-tabs .ghost-button.is-selected{border-color:var(--accent);color:#17191b;background:var(--accent)}.appearance-header-tabs{background:#303037;border-radius:999px;gap:3px;padding:3px}.appearance-header-tabs .ghost-button{color:#a8a8b0;background:0 0;border-color:#0000;border-radius:999px;min-height:34px;padding-inline:17px}.appearance-header-tabs .ghost-button:hover:not(:disabled){color:var(--text);background:#ffffff0a;border-color:#0000}.appearance-header-tabs .ghost-button.is-selected:hover:not(:disabled){color:#17191b;background:var(--accent)}.is-rectangular-control{border-radius:10px!important}.global-settings-reset{border-color:var(--border);width:65px;min-height:34px;color:var(--muted);background:var(--panel-raised);white-space:nowrap;padding-inline:5px}.color-field input[type=color]{appearance:none;background:0 0;border:1px solid #ffffff4d;border-radius:50%;width:44px;height:44px;padding:2px;overflow:hidden}.panel-note{color:var(--subtle);margin:0 0 16px;font-size:11px;line-height:1.55}.panel-count{border:1px solid var(--border);min-height:30px;color:var(--muted);background:var(--panel-raised);border-radius:999px;align-items:center;padding:0 9px;font-size:10px;font-weight:750;display:inline-flex}.template-panel-content,.bounds-panel-content,.appearance-panel-content{min-width:0;min-height:0;padding:18px 18px calc(28px + env(safe-area-inset-bottom));scrollbar-color:#4a4a52 transparent;scrollbar-width:thin;flex:auto;overflow:hidden auto}.appearance-card{border:1px solid var(--border);background:var(--panel-raised);border-radius:14px;gap:14px;margin-bottom:14px;padding:16px;display:grid}.appearance-card[hidden],.appearance-tab-pane[hidden],.decoration-layer-manager[hidden]{display:none}.appearance-tab-list{z-index:6;background:linear-gradient(180deg, var(--panel) 76%, #1f1f2300);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0 0 14px;padding:10px 0;display:grid;position:sticky;top:-18px}.appearance-tab-list button{border:1px solid var(--border);min-width:0;min-height:42px;color:var(--muted);background:#29292f;border-radius:999px;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:650;display:flex}.appearance-tab-list button.is-selected{color:var(--accent);background:#15d8c517;border-color:#15d8c59e}.appearance-tab-list small{min-width:18px;color:var(--subtle);font-variant-numeric:tabular-nums;background:#ffffff12;border-radius:999px;padding:2px 5px;font-size:8px}.appearance-tab-pane{gap:14px;display:grid}.appearance-section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.appearance-section-heading>div{gap:3px;display:grid}.appearance-section-heading strong{font-size:12px}.appearance-section-heading small,.appearance-help{color:var(--subtle);font-size:9px}.canvas-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.canvas-preset-grid button{border:1px solid var(--border);min-width:0;min-height:96px;color:var(--text);background:#29292f;border-radius:10px;place-items:center;gap:4px;padding:9px 5px;display:grid}.canvas-preset-grid button.is-selected{background:#15d8c514;border-color:#15d8c5ad}.canvas-preset-grid button:disabled,.canvas-custom-size input:disabled,.canvas-custom-size button:disabled{cursor:not-allowed;opacity:.42}.canvas-preset-grid strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.canvas-preset-grid small{color:var(--subtle);font-size:7px}.canvas-preset-shape{background:#e9e6df;border:1px solid #777780;border-radius:3px;height:42px;display:block}.canvas-custom-size{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.canvas-custom-size label{min-width:0;color:var(--muted);gap:5px;font-size:9px;display:grid}.canvas-custom-size input{border:1px solid var(--border);width:100%;min-width:0;height:40px;color:var(--text);font:inherit;background:#222227;border-radius:9px;padding:0 9px;font-size:11px}.canvas-custom-size>span{color:var(--subtle);padding-bottom:12px}.appearance-help{margin:-5px 0 0;line-height:1.5}.appearance-color-picker input[type=color]{appearance:none;background:0 0;border:1px solid #ffffff4d;border-radius:50%;width:44px;height:44px;padding:2px;overflow:hidden}.appearance-slider{min-height:44px;color:var(--muted);grid-template-columns:42px minmax(0,1fr) 32px;align-items:center;gap:8px;font-size:10px;display:grid}.appearance-slider input{width:100%;accent-color:var(--accent)}.appearance-slider output{color:var(--text);font-variant-numeric:tabular-nums;text-align:right;font-size:10px}.decoration-filter{background:#202025;border-radius:999px;padding:3px;display:flex}.decoration-filter button{min-height:30px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:0 9px;font-size:9px}.decoration-filter button.is-selected{color:#12211f;background:var(--accent);font-weight:700}.decoration-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.decoration-preset-grid>button,.decoration-upload-card{border:1px solid var(--border);min-width:0;color:var(--muted);background:#29292f;border-radius:9px;gap:5px;padding:5px;display:grid}.decoration-preset-grid>button.is-selected{border-color:#15d8c5bf;box-shadow:0 0 0 2px #15d8c514}.decoration-preset-grid>button>small,.decoration-upload-card>small{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.decoration-upload-card{cursor:pointer;place-items:center;min-height:92px;position:relative}.decoration-upload-card>span{width:42px;height:54px;color:var(--accent);border:1px dashed #62626c;border-radius:7px;place-items:center;font-size:22px;display:grid}.decoration-upload-card input{opacity:0;width:1px;height:1px;position:absolute}.decoration-image-list{gap:6px;display:grid}.decoration-image-list button{border:1px solid var(--border);min-height:52px;color:var(--text);text-align:left;background:#242429;border-radius:9px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:9px;padding:4px;display:grid}.decoration-image-list button.is-selected{background:#15d8c512;border-color:#15d8c5b8}.decoration-image-list img{object-fit:contain;background:#1d1d22;border-radius:6px;width:44px;height:44px}.decoration-image-list span{gap:3px;min-width:0;display:grid}.decoration-image-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.decoration-image-list small{color:var(--subtle);font-size:8px}.decoration-frame-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.decoration-frame-list button{border:1px solid var(--border);min-width:0;min-height:86px;color:var(--text);background:#242429;border-radius:9px;place-items:center;gap:3px;padding:6px;display:grid}.decoration-frame-list button.is-selected{background:#15d8c512;border-color:#15d8c5b8}.decoration-frame-list button>span{border-style:solid;width:44px;height:54px;display:block}.decoration-frame-list strong,.decoration-frame-list small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;overflow:hidden}.decoration-frame-list small{color:var(--subtle)}.decoration-preset-preview,.decoration-pattern-preview,.decoration-frame-preview{aspect-ratio:3/4;background:#1d1d22;border-radius:6px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.decoration-preset-preview img{object-fit:contain;width:100%;height:100%}.decoration-preset-preview em{color:#12211f;background:var(--accent);border-radius:3px;padding:2px 4px;font-size:7px;font-style:normal;font-weight:800;position:absolute;top:3px;left:3px}.decoration-pattern-preview{color:#fff;background-color:#9adfff;background-image:radial-gradient(currentColor 18%,#0000 20%);background-size:15px 15px}.decoration-frame-preview:before{content:"";background:#fff;border:3px solid #74bfe4;border-radius:8px;width:68%;height:72%}.decoration-settings-block{border:1px solid var(--border);background:#242429;border-radius:10px;gap:6px;padding:10px;display:grid}.appearance-select,.decoration-color-entry{min-height:42px;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.appearance-select select{border:1px solid var(--border);min-width:110px;height:34px;color:var(--text);background:#1f1f24;border-radius:8px;padding:0 8px}.decoration-color-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.decoration-color-entry{border:1px solid var(--border);border-radius:8px;min-width:0;padding:0 8px}.decoration-color-row .hex-color-swatch{appearance:none;background:0 0;border:1px solid #ffffff4d;border-radius:50%;width:30px;height:30px;padding:2px;overflow:hidden}.decoration-layer-manager{border-bottom:1px solid var(--border);gap:8px;padding-bottom:12px;display:grid}.layer-heading-actions{align-items:center;gap:6px;display:flex}.layer-collapse-button{border:1px solid var(--border);width:30px;min-width:30px;height:30px;color:var(--muted);background:var(--panel-raised);border-radius:8px;place-items:center;padding:0;font-size:0;line-height:1;display:grid}.layer-collapse-button:before,.profile-section-chevron:before{content:"";border:1.6px solid;border-width:1.6px 1.6px 0 0;width:5px;height:5px;transform:rotate(135deg)}.layer-collapse-button[aria-expanded=false]:before{transform:rotate(45deg)}.layer-collapse-button:hover,.layer-collapse-button:focus-visible{color:var(--accent);border-color:#15d8c580}.appearance-card>.decoration-layer-manager{order:-1}.layer-edit-selection-button{min-height:48px;color:var(--text);text-align:left;background:#15d8c512;border:1px solid #15d8c559;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.layer-edit-selection-button span{gap:2px;min-width:0;display:grid}.layer-edit-selection-button strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-edit-selection-button small,.layer-selection-note{color:var(--subtle);font-size:9px}.layer-edit-selection-button em{color:var(--accent);flex:none;font-size:10px;font-style:normal;font-weight:700}.layer-selection-note{background:#ffffff09;border-radius:8px;margin:0;padding:8px 10px;line-height:1.5}.decoration-layer-list{gap:4px;display:grid}.decoration-layer-list>div{background:#242429;border:1px solid #0000;border-radius:8px;grid-template-columns:36px 30px minmax(0,1fr) 30px 30px 30px;align-items:center;gap:3px;min-height:44px;padding:3px 5px;display:grid}.decoration-layer-list>div.is-selected{background:#15d8c514;border-color:#15d8c58c}.decoration-layer-list>div.is-dragging{opacity:.7;box-shadow:0 0 0 2px #15d8c53d}.decoration-layer-list>div.is-hidden{opacity:.48}.decoration-layer-list>div>span{gap:2px;min-width:0;display:grid}.decoration-layer-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.decoration-layer-list small{color:var(--subtle);font-size:8px}.decoration-layer-list button{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.decoration-layer-list .layer-drag-handle{cursor:grab;touch-action:none;width:36px;height:44px}.decoration-layer-list .layer-drag-handle:active{cursor:grabbing}.decoration-layer-list button:hover:not(:disabled){color:var(--accent);background:#15d8c514}.decoration-layer-list button:disabled{opacity:.2}.decoration-layer-list .layer-visibility-button{color:var(--accent);font-size:11px}.decoration-layer-list .layer-visibility-button img,.profile-icon-button.is-active img{filter:brightness(0)saturate()invert(75%)sepia(39%)saturate(915%)hue-rotate(122deg)brightness(91%)contrast(97%);width:13px;height:11px}.decoration-layer-list>div.is-hidden .layer-visibility-button img,.profile-icon-button:not(.is-active) img{opacity:.42}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.template-option{gap:6px;min-width:0;display:grid}.template-card{border:1px solid var(--border);min-width:0;color:var(--text);background:var(--panel-raised);text-align:left;border-radius:14px;flex-direction:column;padding:0;transition:border-color .15s,background .15s,transform .15s;display:flex;position:relative;overflow:hidden}.template-card:hover{background:#303037;border-color:#5a5a64;transform:translateY(-1px)}.template-card.is-selected{border-color:#15d8c5b8;box-shadow:0 0 0 2px #15d8c51a}.template-card.is-selected+.template-card-copy{color:var(--accent)}.template-preview{aspect-ratio:1280/1847;color:#242429;background-color:var(--template-color);letter-spacing:.12em;background-position:50%;background-size:cover;border-radius:13px 13px 0 0;place-items:start center;width:100%;padding-top:17%;font-size:9px;font-weight:900;display:grid;position:relative;overflow:hidden}.template-card-copy{flex-direction:column;gap:3px;min-width:0;padding:0 3px;display:flex}.template-preview.is-custom{background-color:#34343b;place-items:center;padding-top:0}.template-preview-plus{color:#fff;letter-spacing:0;font-size:48px;font-weight:300;line-height:1}.template-card-copy strong{font-size:12px}.template-card-copy small{color:var(--subtle);font-size:9px;line-height:1.45}.template-selected-mark{color:#111;background:var(--accent);border-radius:50%;place-items:center;width:23px;height:23px;font-size:13px;font-weight:900;display:grid;position:absolute;top:7px;right:7px}.template-card:not(.is-selected) .template-selected-mark{display:none}.compact-button{border:1px solid var(--border);min-height:36px;color:var(--text);background:var(--panel-raised);border-radius:10px;padding:0 12px;font-size:11px;font-weight:750}.compact-button:hover{color:var(--accent);border-color:#15d8c580}.bounds-heading-actions{flex:0 0 136px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:136px;display:grid}.bounds-heading-actions .compact-button{border-color:var(--border);min-height:34px;color:var(--muted);background:var(--panel-raised);white-space:nowrap;padding-inline:5px}.bounds-heading-actions .compact-button.is-active{border-color:var(--accent);color:#10211f;background:var(--accent)}.appearance-bounds-card{gap:8px;margin-bottom:10px;padding:11px 14px}.appearance-bounds-card .bounds-panel-content{min-height:auto;padding:0;overflow:visible}.appearance-bounds-card .bounds-card{background:0 0;border:0;border-radius:0;gap:14px;padding:0}.global-label-settings.is-embedded .global-settings-header .compact-button{border-color:var(--border);color:var(--muted);background:var(--panel-raised)}.bounds-card{border:1px solid var(--border);background:var(--panel-raised);border-radius:14px;flex-direction:column;gap:17px;padding:16px;display:flex}.bounds-control{color:var(--muted);grid-template-columns:54px minmax(0,1fr) 48px;align-items:center;gap:9px;font-size:10px;font-weight:750;display:grid}.bounds-control input{width:100%;accent-color:var(--accent)}.bounds-control output{color:var(--text);font-variant-numeric:tabular-nums;text-align:right;font-size:11px}.bounds-summary{background:#15d8c50d;border:1px solid #15d8c52e;border-radius:12px;flex-direction:column;gap:3px;margin-top:12px;padding:13px 14px;display:flex}.bounds-summary span{color:var(--muted);letter-spacing:.08em;font-size:9px;font-weight:750}.bounds-summary strong{color:var(--accent);font-size:13px}.bounds-summary small{color:var(--subtle);font-variant-numeric:tabular-nums;font-size:9px;line-height:1.5}.selected-editor,.panel-section{border:1px solid var(--border-soft);background:var(--panel-soft);border-radius:16px;padding:16px;box-shadow:0 14px 32px #0000001c}.selection-title-row,.section-heading,.color-field,.image-field,.node-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.node-name-input-row{grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:8px;display:grid}.node-name-input-row .text-input{min-width:0}.node-image-controls{align-items:center;gap:6px;display:flex}.node-image-trigger{border:1px solid var(--border);width:44px;height:44px;color:var(--muted);background:var(--panel-raised);border-radius:8px;place-items:center;padding:0;font-size:18px;display:grid;overflow:hidden}.node-image-trigger:hover,.node-image-trigger:focus-visible{color:var(--accent);border-color:#15d8c58a}.node-image-trigger.has-image{background:#16161b;border-color:#15d8c56b}.node-image-trigger img{object-fit:cover;width:100%;height:100%;display:block}.node-image-trigger .node-image-placeholder-icon{object-fit:contain;width:21px;height:21px}.global-toggle-grid button:disabled,.global-settings-header .compact-button:disabled{cursor:not-allowed;opacity:.38}.selection-title-row,.section-heading{margin-bottom:14px}.section-heading-actions{align-items:center;gap:6px;display:flex}.selection-title-row h3,.section-heading h3{font-size:15px}.global-label-settings{min-width:0}.global-settings-header{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:10px;display:grid}.global-settings-header h2{letter-spacing:-.03em;margin:0;font-size:19px}.category-settings-header-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.category-settings-header-actions .compact-button{white-space:nowrap;min-height:36px;padding-inline:9px}.global-label-settings.is-embedded .global-settings-header{grid-template-columns:minmax(0,1fr) auto;margin-bottom:4px}.global-label-settings.is-embedded .global-settings-header h2{letter-spacing:0;font-size:15px}.global-label-settings.is-embedded .global-settings-card{border:0;border-top:1px solid var(--border-soft);background:0 0;border-radius:0;margin-top:10px;padding:14px 0 0}.global-settings-back{border:1px solid var(--border);width:44px;height:44px;color:var(--text);background:var(--panel-raised);border-radius:12px;place-items:center;font-size:18px;display:grid}.global-settings-back:hover{color:var(--accent);border-color:#15d8c573}.global-settings-card{border:1px solid var(--border-soft);background:var(--panel-raised);border-radius:14px;margin-top:12px;padding:15px}.global-settings-card h3{color:var(--text);margin:0 0 13px;font-size:13px}.global-toggle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.global-toggle-grid button{border:1px solid var(--border);min-width:0;min-height:42px;color:var(--muted);background:#202025;border-radius:999px;justify-content:center;align-items:center;gap:0;padding:6px;font-size:10px;font-weight:750;display:flex}.category-slider-row{min-height:36px;color:var(--muted);grid-template-columns:64px minmax(0,1fr) 38px;align-items:center;gap:8px;font-size:12px;font-weight:700;display:grid}.category-slider-row input{width:100%;accent-color:var(--accent)}.category-slider-row output{color:var(--text);font-variant-numeric:tabular-nums;text-align:right}.global-toggle-grid button.is-active{color:var(--accent);background:#15d8c514;border-color:#15d8c561}.global-label-slider{min-height:42px;color:var(--muted);grid-template-columns:62px minmax(0,1fr) 42px;align-items:center;gap:9px;font-size:10px;font-weight:750;display:grid}.global-label-slider input{width:100%;accent-color:var(--accent)}.global-label-slider output{color:var(--text);font-variant-numeric:tabular-nums;text-align:right;font-size:10px}.appearance-slider input[type=range],.bounds-control input[type=range],.category-slider-row input[type=range],.global-label-slider input[type=range],.profile-slider-row input[type=range]{appearance:none;background:0 0;height:20px;margin:0}.appearance-slider input[type=range]::-webkit-slider-runnable-track{background:#4b4b52;border:0;border-radius:999px;height:2px}.bounds-control input[type=range]::-webkit-slider-runnable-track{background:#4b4b52;border:0;border-radius:999px;height:2px}.category-slider-row input[type=range]::-webkit-slider-runnable-track{background:#4b4b52;border:0;border-radius:999px;height:2px}.global-label-slider input[type=range]::-webkit-slider-runnable-track{background:#4b4b52;border:0;border-radius:999px;height:2px}.profile-slider-row input[type=range]::-webkit-slider-runnable-track{background:#4b4b52;border:0;border-radius:999px;height:2px}.appearance-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:0;border-radius:50%;width:10px;height:10px;margin-top:-4px}.bounds-control input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:0;border-radius:50%;width:10px;height:10px;margin-top:-4px}.category-slider-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:0;border-radius:50%;width:10px;height:10px;margin-top:-4px}.global-label-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:0;border-radius:50%;width:10px;height:10px;margin-top:-4px}.profile-slider-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:0;border-radius:50%;width:10px;height:10px;margin-top:-4px}.appearance-slider input[type=range]::-moz-range-track{background:#4b4b52;border:0;border-radius:999px;height:2px}.bounds-control input[type=range]::-moz-range-track{background:#4b4b52;border:0;border-radius:999px;height:2px}.category-slider-row input[type=range]::-moz-range-track{background:#4b4b52;border:0;border-radius:999px;height:2px}.global-label-slider input[type=range]::-moz-range-track{background:#4b4b52;border:0;border-radius:999px;height:2px}.profile-slider-row input[type=range]::-moz-range-track{background:#4b4b52;border:0;border-radius:999px;height:2px}.appearance-slider input[type=range]::-moz-range-progress{background:#4b4b52;height:2px}.bounds-control input[type=range]::-moz-range-progress{background:#4b4b52;height:2px}.category-slider-row input[type=range]::-moz-range-progress{background:#4b4b52;height:2px}.global-label-slider input[type=range]::-moz-range-progress{background:#4b4b52;height:2px}.profile-slider-row input[type=range]::-moz-range-progress{background:#4b4b52;height:2px}.appearance-slider input[type=range]::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:10px;height:10px}.bounds-control input[type=range]::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:10px;height:10px}.category-slider-row input[type=range]::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:10px;height:10px}.global-label-slider input[type=range]::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:10px;height:10px}.profile-slider-row input[type=range]::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:10px;height:10px}.global-select-row{min-height:44px;color:var(--muted);grid-template-columns:70px minmax(0,1fr);align-items:center;gap:9px;font-size:10px;font-weight:750;display:grid}.global-select-row select{border:1px solid var(--border);width:100%;min-height:40px;color:var(--text);background:#202025;border-radius:10px;padding:0 30px 0 11px;font-size:11px}.local-font-row{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:10px;min-height:58px;margin-top:6px;padding-top:10px;display:flex}.local-font-row>div{flex-direction:column;gap:2px;min-width:0;display:flex}.local-font-row strong{color:var(--text);font-size:11px}.local-font-row small,.global-font-note{color:var(--subtle);font-size:9px;line-height:1.45}.local-font-row .file-button{flex:none;width:auto;min-width:88px}.global-font-note{margin:8px 0 0}.global-color-row{border-bottom:1px solid var(--border-soft);grid-template-columns:minmax(0,1fr) 24px auto;align-items:center;gap:8px;min-height:58px;display:grid}.global-color-row:last-child{border-bottom:0}.global-color-row>span:first-child{flex-direction:column;gap:2px;min-width:0;display:flex}.global-color-row strong{color:var(--text);font-size:11px}.global-color-row small{color:var(--subtle);font-size:9px;line-height:1.35}.global-color-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.global-color-row input[type=color]{appearance:none;background:0 0;border:1px solid #ffffff4d;border-radius:50%;width:44px;height:44px;padding:2px;overflow:hidden}.color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.appearance-color-picker input[type=color]::-webkit-color-swatch-wrapper{padding:0}.global-color-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.profile-color-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.decoration-color-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-field input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.appearance-color-picker input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.global-color-row input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.profile-color-row input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.decoration-color-row input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.color-field input[type=color]::-moz-color-swatch{border:0;border-radius:50%}.appearance-color-picker input[type=color]::-moz-color-swatch{border:0;border-radius:50%}.global-color-row input[type=color]::-moz-color-swatch{border:0;border-radius:50%}.profile-color-row input[type=color]::-moz-color-swatch{border:0;border-radius:50%}.decoration-color-row input[type=color]::-moz-color-swatch{border:0;border-radius:50%}.global-color-row .hex-color-field.is-disabled{opacity:.28}.hex-color-field{align-items:center;gap:7px;min-width:0;display:inline-flex}.hex-color-input{border:1px solid var(--border);width:70px;min-width:0;height:30px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;text-transform:uppercase;background:#202025;border-radius:7px;outline:none;padding:0 7px;font-size:10px}.hex-color-input:focus{border-color:#15d8c599}.hex-color-input:invalid{border-color:#f25f66b8}.hex-color-field.is-disabled{opacity:.38}.hex-color-field.is-disabled .hex-color-input{cursor:not-allowed}.visibility-toggle,.compact-button,.ghost-button,.primary-button,.secondary-button,.danger-button{appearance:none;min-height:44px;font:inherit;text-align:center;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:11px;font-weight:750;line-height:1;text-decoration:none;display:inline-flex}.primary-button{color:#072a27;background:var(--accent);border-color:#15d8c5b8;box-shadow:0 6px 18px #15d8c524}.primary-button:hover:not(:disabled),.primary-button:focus-visible{background:#35e5d3;border-color:#64f3e4}.primary-button:active:not(:disabled){background:var(--accent-strong);box-shadow:none;transform:translateY(1px)}.visibility-toggle{color:var(--accent);background:#15d8c514;border:1px solid #15d8c542;padding:0 11px}.visibility-toggle.is-off{border-color:var(--border);color:var(--muted);background:var(--panel-raised)}.field-label{color:var(--muted);margin:13px 0 7px;font-size:11px;font-weight:700;display:inline-block}.text-input{border:1px solid var(--border);color:var(--text);background:var(--panel-raised);border-radius:11px;width:100%;height:44px;padding:0 12px;font-size:13px}.text-input:hover,.text-input:focus{border-color:#15d8c58c}.color-field{border-top:1px solid var(--border-soft);min-height:52px;margin-top:8px;padding-top:4px}.image-field{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);align-items:flex-end;margin-top:8px;padding:12px 0}.image-field .field-label{margin:0}.image-field p{max-width:150px;color:var(--subtle);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:10px;line-height:1.4;overflow:hidden}.image-actions{align-items:center;gap:7px;display:flex}.file-button,.ghost-button{border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 11px;font-size:11px;font-weight:750;display:inline-flex}.file-button{color:#0a2825;background:var(--accent);position:relative}.file-button:focus-within{outline-offset:2px;outline:3px solid #15d8c5b8}.file-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ghost-button{border:1px solid var(--border);color:var(--muted);background:0 0}.ghost-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){color:#50e7d8;background:#15d8c51c;border-color:#15d8c585}.node-actions{align-items:stretch;margin-top:13px}.node-order-control{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:12px;margin-top:13px;padding-top:13px;display:flex}.node-order-actions{grid-template-rows:repeat(2,21px);gap:2px;display:grid}.node-order-actions button{border-radius:999px;place-items:center;width:24px;min-width:24px;min-height:21px;padding:0;font-size:12px;line-height:1;display:grid}.category-settings-trigger{min-width:72px}.node-order-actions button:disabled{cursor:not-allowed;opacity:.35}.secondary-button,.danger-button{padding:0 12px}.node-actions>.secondary-button,.node-actions>.danger-button{flex:1}.secondary-button,.compact-button{color:var(--accent);background:#15d8c512;border:1px solid #15d8c53d}.danger-button{color:var(--danger);background:#ff7b8e0d;border:1px solid #ff7b8e33}.danger-button:hover:not(:disabled){background:#ff7b8e1c;border-color:#ff7b8e7a}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.38;box-shadow:none}.panel-section{margin-top:14px}.compact-button{min-height:44px;padding:0 10px}.graph-tree{flex-direction:column;gap:4px;display:flex}.data-transfer-actions{grid-template-columns:1fr 1fr;gap:8px;margin:-3px 0 12px;display:grid}.graph-tree-section{margin-top:16px}.graph-tree-section .data-transfer-actions{margin-top:0}.data-transfer-actions button{border-radius:999px;min-height:40px}.tree-row{min-height:44px;margin-left:calc(var(--tree-depth) * 13px);border:1px solid #0000;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;transition:background-color .12s;display:grid}.tree-row-actions{align-items:center;display:flex}.tree-expand-button,.tree-visibility-button{width:40px;min-width:40px;min-height:44px;color:var(--muted);background:0 0;border:0;padding:0;font-size:14px}.tree-expand-button:hover,.tree-visibility-button:hover{color:var(--accent)}.tree-row:hover{background:#ffffff09}.tree-row.is-selected{background:#15d8c513;border-color:#15d8c533}.tree-row.is-hidden .tree-node-button,.tree-row.is-hidden .tree-weight-control{opacity:.48}.tree-row-main{grid-template-columns:minmax(58px,1fr) minmax(108px,126px);align-items:center;min-width:0;display:grid}.tree-node-button{min-width:0;min-height:42px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:9px minmax(0,1fr);align-items:center;gap:9px;padding:0 8px 0 10px;display:grid}.tree-color{border-radius:50%;width:8px;height:8px;box-shadow:0 0 9px}.tree-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:620;overflow:hidden}.tree-name-input{min-width:0;height:28px;color:var(--text);background:var(--panel-raised);font:inherit;border:1px solid #15d8c58c;border-radius:5px;outline:0;grid-area:1/5;padding:0 6px;font-size:13px;font-weight:620}.tree-row.is-hidden .tree-name-input{opacity:.48}.tree-weight-control{grid-template-columns:minmax(74px,96px) 26px;align-items:center;gap:4px;min-width:0;padding-right:4px;display:grid}.tree-weight-control input[type=range]{appearance:none;background:0 0;width:100%;height:44px;margin:0}.tree-weight-control input[type=range]::-webkit-slider-thumb{appearance:none;border:1px solid var(--tree-color);background:var(--text);border-radius:50%;width:12px;height:12px;margin-top:-4px;box-shadow:0 0 0 2px #18181b80}.tree-weight-control input[type=range]::-moz-range-thumb{border:1px solid var(--tree-color);background:var(--text);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 2px #18181b80}.tree-value{color:var(--subtle);font-variant-numeric:tabular-nums;text-align:right;font-size:10px}.tree-visibility-button{min-width:44px;min-height:44px;color:var(--subtle);background:0 0;border:0;border-radius:9px;place-items:center;font-size:10px;display:grid}.tree-visibility-button:hover{color:var(--accent);background:#15d8c50f}.empty-tree{color:var(--muted);text-align:center;margin:4px 0;padding:18px 8px;font-size:11px}.canvas-stage{background:radial-gradient(circle,#ffffff24 1px,#0000 1.15px) 0 0/24px 24px,radial-gradient(circle at 50% 28%,#3a3a425c,#0000 46%),#161619;flex-direction:column;min-width:0;min-height:0;padding:0 26px;display:flex;position:relative;overflow:hidden}.canvas-stage-header{z-index:5;flex:none;justify-content:flex-end;align-items:center;gap:9px;min-width:0;display:flex;position:absolute;top:12px;left:26px}.canvas-stage-actions{align-items:center;gap:9px;min-width:0;display:flex}.zoom-controls{border:1px solid var(--border);background:#232328bf;border-radius:9px;grid-template-columns:34px 58px 34px;height:34px;display:grid;overflow:hidden}.zoom-controls button{border:0;border-right:1px solid var(--border);min-width:0;min-height:32px;color:var(--muted);background:0 0;place-items:center;padding:0;font-size:14px;display:grid}.zoom-controls button:last-child{border-right:0}.zoom-controls button:hover:not(:disabled),.zoom-controls .zoom-value{color:var(--text);background:#ffffff0b}.zoom-controls button:disabled{cursor:not-allowed;opacity:.35}.zoom-controls .zoom-value{font-variant-numeric:tabular-nums;font-size:10px;font-weight:750}.live-badge{color:var(--muted);letter-spacing:.14em;align-items:center;gap:5px;font-size:8px;font-weight:800;display:inline-flex}.live-badge span{background:var(--accent);border-radius:50%;width:6px;height:6px}.canvas-size{border:1px solid var(--border);color:var(--muted);font-variant-numeric:tabular-nums;cursor:pointer;background:#232328bf;border-radius:9px;justify-content:center;align-items:center;padding:7px 10px;font-size:10px;font-weight:650;display:inline-flex}.canvas-size:hover,.canvas-size:focus-visible{color:var(--accent);border-color:#15d8c580}.canvas-size-control{position:relative}.canvas-size.is-locked{cursor:default}.canvas-size-lock-notice{z-index:12;border:1px solid var(--border);width:max-content;max-width:240px;color:var(--text);white-space:nowrap;background:#1f1f24fa;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:700;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 8px 18px #0000003d}.mobile-status{display:none}.canvas-frame{overscroll-behavior:contain;scrollbar-color:#4a4a52 transparent;scrollbar-width:thin;flex:1;min-width:0;min-height:0;position:relative;overflow:auto}.canvas-display-controls{z-index:7;color:#f3f5f6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#25262be6;border:1px solid #ffffff2e;border-radius:9px;min-height:34px;display:inline-flex;position:relative;box-shadow:0 4px 16px #00000038}.canvas-display-controls button{min-height:32px;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.canvas-display-primary{padding:0 10px}.canvas-display-primary[aria-pressed=false]{color:#f3f5f685}.canvas-display-more-trigger{place-items:center;width:32px;padding:0;color:#f3f5f6b8!important;border-left:1px solid #ffffff21!important;font-size:0!important;display:grid!important}.canvas-display-more-trigger svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.2px;width:10px;height:10px}.canvas-display-controls button:hover,.canvas-display-controls button:focus-visible,.canvas-display-more-trigger[aria-expanded=true]{background:#15d8c524;outline:none;color:#fff!important}.canvas-display-more-menu{color:#f3f5f6;background:#25262bf5;border:1px solid #ffffff29;border-radius:9px;gap:2px;width:100%;padding:5px;display:grid;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 8px 24px #00000042}.canvas-display-more-menu button{border-radius:5px;grid-template-columns:minmax(0,1fr) 32px;padding:0;display:grid}.canvas-display-more-menu button>span{padding-left:7px}.canvas-display-more-menu i{min-width:0;height:100%;color:var(--accent);place-items:center;font-size:8px;font-style:normal;display:grid}.canvas-surface{cursor:grab;place-items:center;min-width:100%;min-height:100%;display:grid}.canvas-surface.is-panning{cursor:grabbing}.canvas-node-layer{flex:none;grid-area:1/1;position:relative}.canvas-node-action-menu{z-index:4;pointer-events:none;width:0;height:0;position:absolute}.canvas-node-action{color:#f5f5f7;pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#26262cf5;border:1px solid #fff3;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;font-size:9px;font-weight:800;line-height:1.1;display:grid;position:absolute;top:0;left:0;box-shadow:0 3px 10px #00000047}.canvas-node-action:hover:not(:disabled),.canvas-node-action:focus-visible{color:#fff;background:#12877df5;border-color:#15d8c5e6;outline:none}.canvas-node-action-icon{object-fit:contain;filter:brightness(0)invert();width:17px;height:17px;display:block;transform:translate(-1px,-1px)}.canvas-node-action>span{font-size:21px;font-weight:400;line-height:1;display:block}.canvas-node-action.is-child>span{font-size:24px;transform:translateY(-1px)}.canvas-node-action.is-delete>span{font-size:16px}.canvas-node-action:disabled{cursor:not-allowed;opacity:.32}.canvas-node-action.is-delete{color:#ffb8bc}.canvas-node-action.is-delete:hover,.canvas-node-action.is-delete:focus-visible{background:#972e35f5;border-color:#f25f66e6}.graph-canvas{cursor:crosshair;touch-action:none;background:#f2f2f2;border-radius:12px;flex:none;grid-area:1/1;max-width:none;max-height:none;display:block;box-shadow:0 26px 70px #0000007a,0 0 0 1px #ffffff14}.graph-canvas.is-editing-decoration,.graph-canvas.is-editing-bounds{cursor:move;touch-action:none}.graph-canvas:focus-visible{outline-offset:4px;outline:3px solid #15d8c5cc}.canvas-hint{color:#a0a0aa;text-align:center;flex:none;margin:12px 0 0;font-size:10px}.profile-panel-content{scrollbar-color:#4a4a52 transparent;scrollbar-width:thin;flex:auto;align-content:start;gap:14px;min-height:0;padding:18px;display:grid;overflow:hidden auto}.profile-visibility-toggle{color:#c7c7cf;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.profile-visibility-toggle input{accent-color:#15b8a6;width:18px;height:18px}.profile-field{color:#b5b5bd;gap:7px;font-size:11px;font-weight:700;display:grid}.profile-field input{color:#f2f2f4;background:#202025;border:1px solid #3b3b43;border-radius:8px;outline:none;width:100%;padding:10px 11px}.profile-field input:focus-visible{border-color:#15b8a6;box-shadow:0 0 0 3px #15b8a629}.profile-avatar-row{grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px 12px;display:grid}.profile-avatar-preview{color:#fff;background:linear-gradient(135deg,#15b8a6,#6c8ff0);border-radius:50%;place-items:center;width:54px;height:54px;font-size:22px;font-weight:800;display:grid;overflow:hidden}.profile-avatar-preview img{object-fit:cover;width:100%;height:100%}.profile-avatar-copy{gap:3px;min-width:0;display:grid}.profile-avatar-copy strong,.profile-avatar-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-avatar-copy strong{color:#ececf0;font-size:12px}.profile-avatar-copy small{color:#85858e;font-size:10px}.profile-avatar-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.profile-section{border-top:1px solid var(--border-soft);gap:10px;min-width:0;padding-top:15px;display:grid}.profile-section:first-of-type{border-top:0;padding-top:0}.profile-section-title{color:#aaaab3;align-items:center;gap:6px;min-height:30px;display:flex}.profile-section-chevron{color:#8c8c94;flex:0 0 12px;place-items:center;width:12px;height:12px;display:grid}.profile-section-title h3{color:#d8d8de;margin:0;font-size:13px;font-weight:750}.profile-section-title small{color:#777780;font-size:10px}.profile-template-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:2px 0;display:grid}.profile-template-card{color:#a9a9b1;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;gap:6px;padding:0;font-size:10px;display:grid}.profile-template-preview{aspect-ratio:11/6;background:#202025;border:1px solid #414149;border-radius:6px;width:100%;height:auto;display:block;position:relative;overflow:hidden}.profile-template-preview img{object-fit:contain;width:100%;height:100%}.profile-template-preview b{background:var(--accent);color:#111;border-radius:0 0 5px;place-items:center;width:18px;height:18px;font-size:10px;display:grid;position:absolute;top:0;left:0}.profile-template-card.is-selected{color:var(--accent)}.profile-template-card.is-selected .profile-template-preview{border:2px solid var(--accent)}.profile-empty-note,.profile-drag-hint{color:#85858e;margin:0;font-size:10px;line-height:1.6}.profile-avatar-editor{align-items:center;gap:9px;min-width:0;display:flex}.profile-icon-button,.profile-add-button{color:#777780;width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;flex:none;place-items:center;display:grid}.profile-icon-button.is-active{color:var(--accent)}.profile-icon-button img{width:13px;height:11px}.profile-icon-button.is-danger:hover,.profile-icon-button.is-danger:focus-visible{color:#ff7e89}.profile-avatar-editor .profile-avatar-preview{color:#85858e;cursor:pointer;background:#333338;border:1px solid #44444c;flex:none;width:48px;height:48px;position:relative}.profile-avatar-preview input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.profile-gender-selector{gap:7px;display:flex}.profile-gender-selector button{color:#8b8b94;cursor:pointer;background:0 0;border:1px solid #4a4a52;border-radius:50%;place-items:center;width:36px;height:36px;line-height:0;display:grid}.profile-gender-icon{background:currentColor;width:16px;height:16px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.profile-gender-icon.gender-male{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='m15.05%208.537%203.535-3.537H14V3h8v8h-2V6.414l-3.537%203.537a7.5%207.5%200%201%201-1.414-1.414ZM10.5%2020a5.5%205.5%200%201%200%200-11%205.5%205.5%200%200%200%200%2011Z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='m15.05%208.537%203.535-3.537H14V3h8v8h-2V6.414l-3.537%203.537a7.5%207.5%200%201%201-1.414-1.414ZM10.5%2020a5.5%205.5%200%201%200%200-11%205.5%205.5%200%200%200%200%2011Z'/%3e%3c/svg%3e")}.profile-gender-icon.gender-female{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M11%2015.934A7.501%207.501%200%200%201%2012%201a7.5%207.5%200%200%201%201%2014.934V18h5v2h-5v4h-2v-4H6v-2h5v-2.066ZM12%2014a5.5%205.5%200%201%200%200-11%205.5%205.5%200%200%200%200%2011Z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M11%2015.934A7.501%207.501%200%200%201%2012%201a7.5%207.5%200%200%201%201%2014.934V18h5v2h-5v4h-2v-4H6v-2h5v-2.066ZM12%2014a5.5%205.5%200%201%200%200-11%205.5%205.5%200%200%200%200%2011Z'/%3e%3c/svg%3e")}.profile-gender-icon.gender-none{width:17px;height:17px;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3ccircle%20cx='12'%20cy='12'%20r='8.5'%20stroke='%23000'%20stroke-width='2'/%3e%3cpath%20d='m5.99%205.99%2012.02%2012.02'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3ccircle%20cx='12'%20cy='12'%20r='8.5'%20stroke='%23000'%20stroke-width='2'/%3e%3cpath%20d='m5.99%205.99%2012.02%2012.02'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e")}.profile-gender-selector button:first-child.is-selected{color:#64b5f6;background:#64b5f629;border-color:#64b5f6}.profile-gender-selector button:nth-child(2).is-selected{color:#f48fb1;background:#f48fb129;border-color:#f48fb1}.profile-gender-selector button:nth-child(3).is-selected{color:#c3c3c7;background:#9e9e9e24;border-color:#9e9e9e}.profile-remove-avatar{color:#85858e;font:inherit;cursor:pointer;background:0 0;border:0;padding:5px;font-size:10px}.profile-nickname-row{grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:8px;display:grid}.profile-nickname-row input,.profile-label-row input,.profile-custom-text-heading input,.profile-section textarea,.profile-select-row select{color:#f0f0f3;min-width:0;font:inherit;background:#333338;border:1px solid #3b3b43;border-radius:8px;outline:none;padding:10px 11px;font-size:12px}.profile-nickname-row input:focus-visible,.profile-label-row input:focus-visible,.profile-custom-text-heading input:focus-visible,.profile-section textarea:focus-visible,.profile-select-row select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #15b8a626}.profile-nickname-row small,.profile-label-row small,.profile-character-count{color:#777780;font-variant-numeric:tabular-nums;font-size:9px}.profile-add-button{color:#aaaab3;margin-left:auto;font-size:18px}.profile-add-button:disabled{color:#55555d;cursor:default}.profile-label-list,.profile-custom-text-list{gap:8px;display:grid}.profile-label-row{color:#85858e;grid-template-columns:44px minmax(0,1fr) 28px 28px;align-items:center;gap:6px;font-size:10px;display:grid}.profile-label-row button{color:#777780;cursor:pointer;background:0 0;border:0;width:28px;height:28px;font-size:18px}.profile-section textarea{resize:vertical;width:100%;line-height:1.5}.profile-character-count{justify-self:end}.profile-custom-text-card{background:#29292e;border:1px solid #0000;border-radius:8px;gap:10px;padding:11px;display:grid}.profile-custom-text-card.is-expanded{border-color:#15b8a661}.profile-custom-text-heading{grid-template-columns:28px 28px minmax(0,1fr) 28px;align-items:center;gap:5px;display:grid}.profile-custom-text-heading .profile-icon-button{width:28px;height:28px}.profile-custom-text-settings{gap:7px;padding-top:2px;display:grid}.profile-select-row,.profile-color-row{color:#a8a8b0;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:8px;font-size:10px;font-weight:700;display:grid}.profile-color-row{grid-template-columns:56px minmax(0,1fr)}.profile-color-row input[type=color]{appearance:none;background:0 0;border:1px solid #ffffff4d;border-radius:50%;width:27px;height:27px;padding:0;overflow:hidden}.profile-color-row .hex-color-input{width:74px}.profile-slider-row{color:#a8a8b0;grid-template-columns:56px minmax(0,1fr) 39px;align-items:center;gap:8px;min-height:30px;font-size:10px;font-weight:700;display:grid}.profile-slider-row input{width:100%;accent-color:var(--accent)}.profile-slider-row output{color:#85858e;text-align:right;font-variant-numeric:tabular-nums;font-size:9px}.profile-add-text-button{color:#a7a7af;width:100%;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:1px dashed #45454e;border-radius:999px;font-size:12px}.image-editor-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07070ac7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.node-create-backdrop,.graph-text-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07070ac7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.graph-text-dialog{background:#242429;border:1px solid #45454e;border-radius:16px;gap:15px;width:min(720px,100%);max-height:calc(100dvh - 36px);padding:20px;display:grid;overflow-y:auto;box-shadow:0 24px 70px #00000080}.graph-text-preview,.graph-text-input{resize:vertical;border:1px solid var(--border);width:100%;min-height:300px;color:var(--text);white-space:pre;background:#1a1a1f;border-radius:10px;outline:none;padding:13px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.65}.graph-text-input:focus{border-color:#15d8c5a8}.graph-text-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.graph-text-actions button{border-radius:999px;min-width:120px;min-height:44px}.graph-text-export-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.graph-text-export-column{gap:8px;min-width:0;display:grid}.graph-text-export-column h3{margin:0;font-size:13px}.graph-text-export-column .graph-text-preview{min-height:260px}.graph-text-export-column .secondary-button{min-height:40px}.graph-text-summary{color:var(--muted);background:#15d8c50d;border:1px solid #15d8c533;border-radius:10px;padding:11px 12px;font-size:10px;line-height:1.55}.graph-text-summary strong{color:var(--accent)}.graph-text-summary.is-error{color:var(--danger);background:#ff7b8e0d;border-color:#ff7b8e47}.graph-text-flat-target{color:var(--muted);grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;font-size:12px;font-weight:700;display:grid}.graph-text-flat-target select{border:1px solid var(--border);width:100%;min-height:42px;color:var(--text);background:var(--panel-raised);font:inherit;border-radius:9px;padding:0 32px 0 11px}.graph-text-warning{color:#f0ad73;margin:0;font-size:10px;line-height:1.55}@media (width<=560px){.graph-text-backdrop{align-items:end;padding:0}.graph-text-dialog{border-radius:18px 18px 0 0;width:100%;max-height:94dvh;padding:16px}.graph-text-preview,.graph-text-input{min-height:230px}.graph-text-export-grid{grid-template-columns:1fr}.graph-text-actions{grid-template-columns:1fr 1fr;display:grid}}.node-create-dialog{background:#242429;border:1px solid #45454e;border-radius:16px;gap:17px;width:min(480px,100%);padding:20px;display:grid;box-shadow:0 24px 70px #00000080}.node-create-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.node-create-heading h2{color:var(--text);margin:0;font-size:20px}.node-create-heading small{color:var(--subtle);margin-top:5px;font-size:10px;display:block}.node-create-tabs{background:#1d1d22;border-radius:999px;grid-template-columns:1fr 1fr;gap:5px;padding:4px;display:grid}.node-create-tabs button{min-height:42px;color:var(--muted);font:inherit;background:0 0;border:0;border-radius:999px;font-size:11px;font-weight:750}.node-create-tabs button.is-active{color:var(--accent);background:#15d8c51a}.node-create-field{color:var(--muted);gap:7px;font-size:10px;font-weight:700;display:grid;position:relative}.node-create-field input,.node-create-field textarea{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:#1e1e23;border-radius:10px;outline:none;font-size:13px}.node-create-field input{height:46px;padding:0 12px}.node-create-field textarea{resize:vertical;min-height:170px;padding:12px;line-height:1.65}.node-create-field input:focus,.node-create-field textarea:focus{border-color:#15d8c5a8}.node-create-field small{color:var(--subtle);text-align:right;font-size:9px;font-weight:500}.node-create-actions{grid-template-columns:1fr 1fr;gap:9px;padding-top:3px;display:grid}.node-create-actions button{min-height:44px}.node-create-actions button:disabled{cursor:not-allowed;opacity:.38}@media (width<=560px){.node-create-backdrop{align-items:end;padding:0}.node-create-dialog{border-radius:18px 18px 0 0;width:100%;max-height:92dvh;padding:17px;overflow-y:auto}}.image-editor-dialog{background:#242429;border:1px solid #45454e;border-radius:16px;gap:18px;width:min(780px,100%);max-height:calc(100dvh - 36px);padding:20px;display:grid;overflow:auto;box-shadow:0 28px 90px #00000094}.image-editor-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.image-editor-heading-actions{align-items:center;gap:8px;display:flex}.image-editor-heading-actions .ghost-button{min-height:36px;padding-inline:10px}.image-editor-heading p{color:var(--accent);letter-spacing:.16em;margin:0 0 4px;font-size:9px;font-weight:800}.image-editor-heading h2{color:#f1f1f4;margin:0;font-size:20px}.image-editor-layout{grid-template-columns:minmax(260px,360px) minmax(240px,1fr);align-items:start;gap:22px;display:grid}.image-editor-preview{gap:8px;min-width:0;display:grid}.image-editor-canvas-shell{border:1px solid #15b8a6b8;border-radius:11px;min-width:0;position:relative}.image-editor-canvas-shell canvas{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#18181d;border-radius:10px;width:100%;height:auto;display:block}.image-editor-canvas-shell canvas.is-dragging{cursor:grabbing}.image-editor-resize-handle{cursor:nwse-resize;touch-action:none;background:#242429;border:2px solid #15b8a6;border-radius:3px;place-items:center;width:16px;height:16px;display:grid;position:absolute;box-shadow:0 1px 5px #00000073}.image-editor-resize-handle.top-left{cursor:nwse-resize;top:-7px;left:-7px}.image-editor-resize-handle.top-right{cursor:nesw-resize;top:-7px;right:-7px}.image-editor-resize-handle.bottom-left{cursor:nesw-resize;bottom:-7px;left:-7px}.image-editor-resize-handle.bottom-right{cursor:nwse-resize;bottom:-7px;right:-7px}.image-editor-resize-handle:hover,.image-editor-resize-handle:focus-visible{background:#15b8a6;border-color:#15b8a6}.image-editor-gesture-hint{color:#a4a4ad;margin:0;font-size:10px;line-height:1.5}.image-editor-preview small{color:#85858e;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.image-editor-controls{gap:11px;display:grid}.image-editor-online-candidates{border-bottom:1px solid #3e3e46;gap:8px;padding-bottom:12px;display:grid}.image-editor-online-heading{gap:3px;display:grid}.image-editor-online-heading strong{color:#f1f1f4;font-size:12px}.image-editor-online-heading small{color:#92929c;font-size:10px;line-height:1.45}.image-editor-online-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:214px;display:grid;overflow:auto}.image-editor-online-candidate{color:#c5c5cc;text-align:left;background:#2c2c32;border:1px solid #45454e;border-radius:9px;gap:4px;min-width:0;padding:5px;display:grid;position:relative}.image-editor-online-candidate:hover:not(:disabled),.image-editor-online-candidate:focus-visible,.image-editor-online-candidate.is-selected{border-color:#15b8a6}.image-editor-online-candidate.is-selected{box-shadow:inset 0 0 0 1px #15b8a666}.image-editor-online-candidate img{aspect-ratio:3/4;object-fit:cover;object-position:center;background:#18181d;border-radius:6px;width:100%;display:block}.image-editor-online-candidate.is-bangumi img{object-fit:cover}.image-editor-online-candidate.is-bangumi.is-character img,.image-editor-online-candidate.is-bangumi.is-singer img{object-position:center top}.image-editor-online-candidate em{color:#fff;background:#101218c7;border-radius:999px;padding:2px 5px;font-size:8px;font-style:normal;position:absolute;top:9px;left:9px}.image-editor-online-candidate span{text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;font-size:9px;display:block;overflow:hidden}.image-editor-controls p{color:#85858e;margin:2px 0 0;font-size:10px;line-height:1.6}.image-editor-actions{border-top:1px solid #3a3a42;grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;padding-top:16px;display:grid}.image-editor-actions .secondary-button,.image-editor-actions .primary-button{min-width:88px}@media (width<=720px){.image-editor-backdrop{align-items:end;padding:0}.image-editor-dialog{border-radius:18px 18px 0 0;width:100%;max-height:94dvh;padding:16px}.image-editor-layout{grid-template-columns:1fr}.image-editor-preview{justify-self:center;width:min(290px,100%)}}@media (width<=1180px) and (width>=900px){.workspace{grid-template-columns:62px 328px minmax(0,1fr)}.editor-panel{padding-inline:14px}}@media (width<=899px){.canvas-display-controls{display:none}.app-shell{min-height:520px}.brand-copy,.mobile-status{display:none}.topbar{gap:10px;height:62px;padding:0 12px}.workspace{flex-direction:column;height:calc(100dvh - 62px);display:flex}.tool-rail{display:none}.canvas-stage{flex:auto;order:1;padding:0 13px}.canvas-stage-header{align-items:center;min-height:44px;margin-bottom:8px}.canvas-stage-header h1{font-size:14px}.canvas-stage-actions{gap:6px}.canvas-size,.zoom-controls{display:none}.canvas-hint{margin-top:7px;font-size:9px}.editor-panel{width:100%;height:46%;padding:16px 16px calc(22px + env(safe-area-inset-bottom));border-top:1px solid var(--border);border-right:0;border-radius:20px 20px 0 0;flex:0 0 46%;order:2;box-shadow:0 -18px 42px #00000047}.panel-header:before{content:"";background:#4a4a52;border-radius:999px;width:38px;height:4px;margin-top:-13px;position:absolute;left:50%;transform:translate(-50%)}.session-status,.canvas-size{display:none}}@media (width<=560px){.topbar{gap:8px;min-width:0;padding-inline:9px}.brand-copy{width:72px}.brand-mark{width:40px;height:36px}.brand-mark img{width:38px}.history-controls{gap:2px}.history-button{width:44px;height:44px}.export-button{width:46px;min-width:46px;min-height:46px;padding:0}.export-button span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.canvas-size{padding:6px 8px;font-size:9px}.canvas-stage-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;display:grid}.canvas-stage-header>div:first-child{min-width:0}.mobile-status{grid-column:1/-1;justify-self:start;max-width:100%}.editor-panel{flex-basis:48%;height:48%;padding-inline:12px}.selected-editor,.panel-section{padding:14px}.image-field{flex-direction:column;align-items:flex-start}.image-field p{max-width:250px}.image-actions,.file-button,.ghost-button{width:100%}.node-actions{flex-direction:column}.node-order-control{flex-direction:column;align-items:stretch}.node-order-control .node-order-actions button{width:100%}.secondary-button,.danger-button{min-height:44px}}@media (width<=899px) and (height<=650px){.editor-panel{flex-basis:52%;height:52%}.canvas-stage-header,.canvas-hint{display:none}}@media (width<=899px){.project-popover{width:auto;max-height:calc(100dvh - 82px);position:fixed;top:70px;left:12px;right:12px}}@media (width<=560px){.project-manager-trigger{width:44px;min-width:44px;height:44px;padding:0}.project-manager-trigger-label{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.project-popover{max-height:calc(100dvh - 74px);top:66px;left:8px;right:8px}}@media (width<=899px){.editor-panel-slot{border-top:1px solid var(--border);border-right:0;border-radius:20px 20px 0 0;flex:0 0 46%;order:2;width:100%;height:46%;box-shadow:0 -18px 42px #00000047}.mobile-panel-tabs{flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:10px 12px 0;display:grid}.mobile-panel-tabs button{min-height:48px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 8px;font-size:11px;font-weight:750;display:flex}.mobile-panel-tabs .editor-panel-icon{width:18px;height:18px}.mobile-panel-tabs button.is-active{color:var(--accent);background:0 0}.editor-panel-slot.is-collapsed{height:auto;box-shadow:none;border-radius:0;flex:none}.editor-panel-slot.is-collapsed+.canvas-stage{padding-inline:0}.editor-panel-slot.is-collapsed .mobile-panel-tabs{padding:8px 16px calc(8px + env(safe-area-inset-bottom))}.editor-panel-slot.is-collapsed .mobile-panel-tabs button{gap:3px;min-height:50px}.editor-panel-slot.is-collapsed .mobile-panel-tab-label{font-size:10px;line-height:1;display:block}.editor-panel-slot.is-collapsed>.editor-panel,.editor-panel-slot.is-collapsed>.template-panel-content,.editor-panel-slot.is-collapsed>.profile-panel-content,.editor-panel-slot.is-collapsed>.appearance-panel-content{display:none}.editor-panel-slot>.editor-panel{order:initial;width:auto;height:auto;box-shadow:none;border-top:0;border-radius:0;flex:auto;padding-top:12px}.template-panel-content,.bounds-panel-content,.appearance-panel-content{padding:12px 16px calc(22px + env(safe-area-inset-bottom))}.editor-panel-slot .panel-header:before{display:none}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}@media (width<=560px){.editor-panel-slot{flex-basis:48%;height:48%}.template-panel-content,.bounds-panel-content,.appearance-panel-content{padding-inline:12px}.canvas-custom-size{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.canvas-custom-size .compact-button{grid-column:1/-1}}@media (width<=899px) and (height<=650px){.editor-panel-slot{flex-basis:52%;height:52%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dialog-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14161bad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog-card{border:1px solid var(--border);background:var(--panel);border-radius:20px;width:min(820px,100%);max-height:min(780px,100dvh - 40px);overflow:hidden;box-shadow:0 24px 80px #0a0c1259}.dialog-header,.image-search-status,.image-search-form{align-items:center;gap:12px;display:flex}.dialog-header{justify-content:space-between;padding:18px 20px 12px}.dialog-header h2{margin:2px 0 0}.dialog-close-button{width:36px;height:36px;color:var(--muted);font:inherit;background:0 0;border:0;flex:none;place-items:center;margin-left:auto;padding:0;font-size:24px;font-weight:300;line-height:1;display:grid}.dialog-close-button:hover,.dialog-close-button:focus-visible{color:var(--text);background:0 0}.image-search-dialog{flex-direction:column;display:flex}.image-search-kind{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 20px 12px;display:grid}.image-search-kind button{border:1px solid var(--border);min-height:42px;color:var(--muted);background:var(--panel-raised);border-radius:999px}.image-search-kind button.is-active{border-color:var(--accent);color:var(--text);background:color-mix(in srgb, var(--accent) 18%, var(--panel-raised));box-shadow:none;outline:none}.image-search-kind button:focus-visible{border-color:var(--accent);box-shadow:none;outline:none}.image-search-form{padding:0 20px 12px}.image-search-input-wrap{background:#1e1f26b8;border:1px solid #d2d6e06b;border-radius:999px;flex:1;align-items:center;min-width:0;min-height:46px;transition:border-color .14s,box-shadow .14s;display:flex}.image-search-input-wrap:focus-within{border-color:#d2d6e0bd;box-shadow:0 0 0 1px #d2d6e029}.image-search-input-wrap .text-input{border-radius:inherit;background:0 0;border:0;outline:none;flex:1;min-width:0;height:44px;padding:0 14px 0 16px}.image-search-input-wrap .text-input:hover,.image-search-input-wrap .text-input:focus{border-color:#0000}.image-search-submit{color:#e8ebf3a8;width:44px;height:44px;font:inherit;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;font-size:28px;line-height:1;display:grid}.image-search-submit-icon{border:2px solid;border-radius:50%;width:14px;height:14px;display:block;position:relative}.image-search-submit-icon:after{content:"";transform-origin:0;background:currentColor;border-radius:999px;width:6px;height:2px;position:absolute;top:10px;left:10px;transform:rotate(45deg)}.image-search-submit-icon{transform:translateY(-1px)}.image-search-submit:hover:not(:disabled),.image-search-submit:focus-visible{color:var(--text);background:#ffffff0f;outline:none}.image-search-submit:disabled{cursor:wait;opacity:.46}.image-search-history{align-items:center;gap:10px;min-height:32px;padding:0 20px 12px;display:flex}.image-search-history>span{color:var(--subtle);flex:none;font-size:11px}.image-search-history>div{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.image-search-history button{border:1px solid var(--border);max-width:116px;color:var(--muted);background:var(--panel-raised);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:10px;overflow:hidden}.image-search-history button:hover:not(:disabled),.image-search-history button:focus-visible{color:var(--accent);border-color:#15d8c57a}.image-search-status{min-height:44px;color:var(--muted);padding:0 20px 12px;font-size:13px}.image-search-status-copy,.image-search-hints{align-items:center;gap:8px;min-width:0;display:flex}.image-search-status-copy{flex-wrap:wrap}.image-search-hints{color:var(--subtle);font-size:12px}.image-search-hints button{color:var(--accent);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:12px;font-weight:750;text-decoration:underline}.image-search-results{min-height:180px;padding:0 20px 16px;overflow:auto}.image-search-results-flow{columns:4;column-gap:10px}.image-search-loading-more{color:var(--muted);text-align:center;margin:0;padding:14px 0 4px;font-size:11px}.image-search-bottom-hint{color:var(--subtle);flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;font-size:12px;font-weight:700;display:flex}.image-search-hint-example{border:1px solid var(--border);background:var(--panel-soft);border-radius:999px;align-items:center;gap:3px;padding:3px 7px;font-size:11px;display:inline-flex}.image-search-hint-example b{font-size:13px;line-height:1}.image-search-hint-example.is-wrong b{color:var(--danger,#ef6b73)}.image-search-hint-example.is-right b{color:var(--success,#55c878)}.image-search-result{break-inside:avoid;flex-direction:column;gap:5px;min-width:0;margin-bottom:10px;display:flex}.image-search-result-select{border:1px solid var(--border);width:100%;min-width:0;color:var(--text);text-align:left;background:var(--panel-raised);border-radius:12px;flex-direction:column;flex:none;gap:4px;padding:8px;display:flex;position:relative;overflow:hidden}.image-search-result-select:hover:not(:disabled),.image-search-result-select:focus-visible{border-color:var(--accent)}.image-search-result img{object-position:center;background:var(--panel);border-radius:8px;flex:none;width:100%;height:auto;display:block}.image-search-result.is-bangumi img,.image-search-result.is-anilist img{height:auto}.image-search-result.is-character img,.image-search-result.is-singer img{object-position:center top}.image-search-result strong,.image-search-result span,.image-search-result small{text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;min-height:18px;display:block;overflow:hidden}.image-search-result span,.image-search-result small,.image-search-result a{color:var(--muted);font-size:12px}.image-rights-note{border-top:1px solid var(--border);color:var(--subtle);margin:0;padding:12px 20px 18px;font-size:12px;line-height:1.55}@media (width<=720px){.dialog-backdrop{align-items:end;padding:0}.dialog-card{border-radius:20px 20px 0 0;width:100%;max-height:88dvh}.image-search-backdrop{align-items:center;padding:16px}.image-search-backdrop .image-search-dialog{border-radius:16px;width:min(640px,100%);max-height:min(720px,100dvh - 32px)}.image-search-results{padding-inline:14px}.image-search-results-flow{columns:3}.dialog-header,.image-search-kind,.image-search-form,.image-search-history,.image-search-status,.image-rights-note{padding-inline:14px}}@media (width<=430px){.image-search-results-flow{columns:2}.image-search-status{flex-direction:column;align-items:flex-start}}.project-manager-trigger-icon{opacity:.86;width:20px;height:20px}.project-manager-trigger>span[aria-hidden=true]{display:none}.project-manager-trigger[aria-expanded=true] .project-manager-trigger-icon{filter:brightness(0)saturate();opacity:1}.project-popover-summary+small,.project-list-mark,.project-storage{display:none}.project-graph-thumbnail{background:#292a30;border:1px solid #ffffff14;border-radius:7px;width:100%;height:78px;display:block;overflow:hidden}.project-graph-thumbnail svg{width:100%;height:100%;display:block}.project-graph-thumbnail-empty{fill:none;stroke:#ffffff2e;stroke-linecap:round;stroke-width:5px}.project-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px;display:grid}.project-secondary-actions .project-duplicate-button,.project-secondary-actions .project-delete-button{border-radius:10px;min-height:44px;margin-top:0;font-size:11px;font-weight:750}.project-duplicate-button{border:1px solid var(--border);color:var(--text);background:var(--panel-raised)}.project-duplicate-button:hover:not(:disabled){color:var(--accent);border-color:#15d8c55c}@media (width>=900px){.project-popover{width:412px}.project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:318px;display:grid}.project-list-item{flex-direction:column;align-items:stretch;gap:7px;min-height:126px;padding:7px;display:flex;position:relative}.project-list-item em{position:absolute;top:12px;right:12px}.project-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-action-grid button:nth-child(2){display:none}.tool-button{background:0 0;border:0;border-radius:0}.editor-panel-icon-frame{flex:none;place-items:center;width:20px;height:20px;display:grid}}.project-action-grid button:nth-child(2){display:none}.project-action-grid .project-create-button{grid-column:1/-1}@media (width>=900px){.tool-button.is-active{border-color:#0000}}@media (width<=899px){.project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:340px;display:grid}.project-list-item{grid-template-columns:minmax(0,1fr) auto;gap:7px 9px;padding:7px}.project-graph-thumbnail{grid-column:1/-1;height:clamp(92px,26vw,118px)}.project-list-copy{grid-area:2/1}.project-list-item em{grid-area:2/2}}.project-graph-thumbnail img{object-fit:contain;background:#292a30;width:100%;height:100%;display:block}.project-thumbnail-loading{background:#292a30;width:100%;height:100%;display:block}.project-manager-trigger[aria-expanded=true]{border-color:var(--accent);color:#1c1c1f;background:var(--accent)}.project-manager-trigger[aria-expanded=true] .project-manager-trigger-label{color:#1c1c1f}@media (width>=900px){.tool-button.is-active{color:var(--muted);background:0 0;border-color:#0000}.tool-button.is-active .editor-panel-icon-frame{color:#1c1c1f;background:var(--accent);border-radius:10px;width:35px;height:35px}.tool-button.is-active small{font-size:12px;font-weight:800}.tool-button{gap:4px;min-height:58px;margin-bottom:12px}.tool-button .editor-panel-icon-frame,.tool-button.is-active .editor-panel-icon-frame{width:35px;height:35px}.tool-button small,.tool-button.is-active small{font-size:12px}.project-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-action-grid button:first-child{grid-column:1/-1}.tool-button:not(.is-active) small{font-weight:600}.editor-panel-slot{border:1px solid #1a1b1c;border-radius:8px;margin:10px 0;box-shadow:0 2px 8px #0000002e}.tool-rail{padding-top:34px}.tool-button{margin-bottom:17px}.editor-panel-slot{border-radius:16px}.template-card,.template-card-copy{text-align:center}.template-card-copy{align-items:center}}.template-card{text-align:center;align-items:stretch}.template-preview{width:100%}.template-card-copy{text-align:center;align-items:center}.template-selected-mark{border-radius:6px;font-size:0}.template-selected-mark>span{border:2px solid #111216;border-width:0 2px 2px 0;border-radius:1px;width:7px;height:12px;display:block;transform:rotate(45deg)translate(-1px,-1px)}.graph-tree{gap:0}.tree-category-group{border-bottom:1px solid var(--border-soft);padding:13px 0 14px}.tree-category-group:first-child{padding-top:0}.tree-row{border:0;border-radius:6px;min-height:34px;margin-left:0;position:relative}.tree-row-depth-0{margin-left:-8px}.tree-row-main{grid-template-columns:18px 20px 21px 21px minmax(0,1fr) minmax(92px,118px);min-height:34px}.tree-row-depth-0 .tree-row-main{grid-template-columns:0 22px minmax(0,1fr) 22px 22px 22px minmax(92px,120px);column-gap:1px}.tree-row-depth-0 .tree-control-spacer{display:none}.tree-row-depth-0 .tree-node-button{grid-area:1/3}.tree-row-depth-0 .tree-remove-button{grid-area:1/4}.tree-row-depth-0 .tree-visibility-button{grid-area:1/5}.tree-row-depth-0 .tree-weight-control{grid-area:1/7}.tree-category-settings-button img{width:12px;height:12px;display:block}.tree-branch,.tree-expand-spacer,.tree-control-spacer{min-width:0;min-height:34px}.tree-branch{position:relative}.tree-row-depth-2 .tree-branch:before{content:"";border-bottom:1px solid #4a4a51;border-left:1px solid #4a4a51;width:17px;height:18px;position:absolute;top:-1px;left:28px}.tree-row-depth-2 .tree-branch:after{content:"";background:#585860;border-radius:50%;width:6px;height:6px;position:absolute;top:15px;left:42px}.tree-expand-button,.tree-icon-button,.tree-visibility-button{color:#bebec6;background:0 0;border:1px solid #5d5d65;border-radius:6px;place-items:center;width:20px;min-width:20px;height:20px;min-height:20px;padding:0;font-size:15px;line-height:1;display:grid}.tree-expand-button{color:#8c8c94;border:0;margin:8px 0;font-size:0}.tree-expand-button:before{content:"";background:0 0;border:1.6px solid;border-width:1.6px 1.6px 0 0;width:10px;height:10px;transition:transform .12s;transform:rotate(135deg)}.tree-expand-button[aria-expanded=false]:before{transform:rotate(45deg)}.tree-row-depth-1 .tree-expand-button,.tree-row-depth-1 .tree-icon-button,.tree-row-depth-2 .tree-icon-button{margin:8px 0}.tree-icon-button:hover,.tree-expand-button:hover,.tree-visibility-button:hover{color:var(--accent);background:0 0;border-color:#15d8c594}.tree-add-child-button{font-size:22px;font-weight:420}.tree-remove-button{font-size:20px;font-weight:520}.tree-visibility-button{margin:8px 0}.tree-visibility-button img{opacity:.92;width:11px;height:9px}.tree-row.is-hidden .tree-visibility-button img{opacity:.42}.tree-node-button{border:0;border-radius:5px;align-items:center;min-height:34px;padding:0 8px;display:flex}.tree-row-depth-0 .tree-node-button{max-width:118px;padding-inline:6px 3px}.tree-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:620;overflow:hidden}.tree-row-depth-0 .tree-name{font-size:18px;font-weight:760}.tree-row-depth-1 .tree-name,.tree-row-depth-2 .tree-name{font-weight:520}.tree-color{display:none}.tree-weight-control{grid-template-columns:minmax(60px,1fr) 26px;gap:7px;padding-right:2px}.tree-weight-control input[type=range]{height:34px}.tree-weight-control input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) 0 var(--tree-progress), #4b4b52 var(--tree-progress) 100%);border-radius:999px;height:2px}.tree-weight-control input[type=range]::-moz-range-track{background:#4b4b52;border-radius:999px;height:2px}.tree-weight-control input[type=range]::-moz-range-progress{background:var(--accent);border-radius:999px;height:2px}.tree-weight-control input[type=range]::-webkit-slider-thumb{border-color:var(--accent);width:10px;height:10px;margin-top:-4px}.tree-weight-control input[type=range]::-moz-range-thumb{border-color:var(--accent);width:10px;height:10px;margin-top:-4px}.tree-value{font-size:13px}.tree-add-row,.tree-add-category-row{color:#aaaab3;background:#ffffff06;border:1px solid #505058;border-radius:7px;place-items:center;width:100%;min-height:24px;padding:0;font-size:19px;line-height:1;display:grid}.tree-add-row{width:calc(100% - 28px);margin:8px 0 0 28px}.tree-add-category-row{background:#ffffff08;border-radius:12px;min-height:38px;margin-top:16px;font-size:24px}.tree-add-row:hover,.tree-add-category-row:hover{color:var(--accent);background:#15d8c50f;border-color:#15d8c58f}.tree-expand-button:before{border-width:1.6px 1.6px 0 0;width:5px;height:5px}.tree-icon-button,.tree-visibility-button{width:20px;min-width:20px;height:20px;min-height:20px}.tree-visibility-button img{width:10px;height:8px}.tree-row-depth-0 .tree-weight-control{justify-self:end;width:120px}.tree-weight-control input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) 0 var(--tree-progress), transparent var(--tree-progress) 100%), linear-gradient(#4b4b52, #4b4b52) center / 100% 2px no-repeat;height:4px}.tree-weight-control input[type=range]::-webkit-slider-thumb{width:9px;height:9px;margin-top:-2.5px}.tree-weight-control input[type=range]::-moz-range-track{height:2px}.tree-weight-control input[type=range]::-moz-range-progress{height:4px}.tree-weight-control input[type=range]::-moz-range-thumb{width:9px;height:9px}.tree-row-depth-0 .tree-weight-control{grid-column:7;justify-self:stretch;width:auto}.tree-row-depth-0 .tree-name{display:block;transform:translateY(-2px)}.tree-row-depth-2 .tree-branch:before{width:23px}.tree-add-row{font-size:0}.tree-add-row:before{content:"+";font-size:22px;line-height:1;transform:translateY(-1px)}.tree-row-depth-0 .tree-selection-spacer{grid-column:7}.tree-row-main{grid-template-columns:13px 20px 21px 21px minmax(0,1fr) minmax(92px,118px)}.tree-row-depth-0 .tree-node-button{transform:translate(-5px)}.tree-row-depth-0 .tree-name-input{grid-column:3;max-width:118px;transform:translate(-5px)}.tree-row-depth-0 .tree-remove-button{grid-column:4}.tree-row-depth-0 .tree-visibility-button{grid-column:5}.tree-row-depth-0 .tree-weight-control{grid-column:7;justify-self:stretch}.tree-selection-spacer{cursor:pointer;background:0 0;border:0;grid-area:1/6;min-width:0;min-height:34px;padding:0}.tree-selection-spacer:focus-visible{outline-offset:-3px;border-radius:4px;outline:1px solid #15d8c5ad}.tree-row-depth-2 .tree-row-main{grid-template-columns:54px 0 0 21px minmax(0,1fr) minmax(92px,118px)}.tree-row-depth-2 .tree-branch:before{width:22px;left:23px}.tree-row-depth-2 .tree-branch:after{left:42px}.tree-add-row{width:calc(100% - 33px);margin-left:33px}.tree-add-child-button,.tree-remove-button{font-size:0}.tree-add-child-button:before,.tree-remove-button:before{color:currentColor;font-size:18px;line-height:1;display:block;transform:translateY(-1px)}.tree-add-child-button:before{content:"+";font-weight:420}.tree-remove-button:before{content:"−";font-weight:520}.image-search-kind{grid-template-columns:repeat(auto-fit,minmax(52px,1fr))}.image-search-kind button,.image-search-custom-tab{border:1px solid var(--border);min-height:42px;color:var(--muted);background:var(--panel-raised);font:inherit;cursor:pointer;border-radius:999px;place-items:center;font-size:13px;display:grid}.image-search-custom-tab:hover{color:var(--text);border-color:#15d8c55c}.tree-custom-dialog{width:min(480px,100%)}.tree-custom-file-input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tree-custom-image-picker{aspect-ratio:16/10;width:100%;color:var(--muted);background:#1e1e23;border:1px dashed #595963;border-radius:10px;place-items:center;padding:0;display:grid;overflow:hidden}.tree-custom-image-picker:hover{color:var(--accent);background:#15d8c50d;border-color:#15d8c5a8}.tree-custom-image-picker span{font-family:Arial,sans-serif;font-size:50px;font-weight:300;line-height:1}.tree-custom-image-picker img{object-fit:contain;width:100%;height:100%;display:block}.tree-custom-name-input{width:100%}.tree-custom-dialog .node-create-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.tree-row-depth-0 .tree-row-main{grid-template-columns:0 22px max-content 22px 22px 22px minmax(0,1fr) minmax(92px,118px)}.tree-row-depth-0 .tree-category-settings-button{grid-area:1/6}.tree-row-depth-0 .tree-selection-spacer{grid-area:1/7}.tree-row-depth-0 .tree-weight-control{grid-column:8}