:root{--bg:#f5f5fa;--panel:#fff;--panel-2:#f4f4f9;--card:#f3f2f8;--border:#e4e4ee;--border-strong:#d2d2de;--text:#1c1b29;--text-dim:#6c6b80;--text-faint:#9f9eb3;--accent:#7c5cff;--accent-hover:#6a48f5;--accent-soft:#7c5cff1f;--accent-2:#ec4899;--danger:#e5484d;--success:#16a34a;--workspace:#e8e8f0;--hover:#1c1b290f;--track:#dddde8;--shadow:0 10px 40px #14123224, 0 2px 8px #1412320f;--shadow-sm:0 1px 3px #14123214;--radius:10px;--radius-sm:7px;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111117;--panel:#1a1a22;--panel-2:#20202a;--card:#23232e;--border:#2c2c39;--border-strong:#3a3a4a;--text:#ececf4;--text-dim:#a2a1b8;--text-faint:#6f6e85;--accent-soft:#7c5cff33;--workspace:#0c0c11;--hover:#ffffff0f;--track:#3a3a4a;--shadow:0 10px 40px #00000080, 0 2px 8px #0000004d;--shadow-sm:0 1px 3px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#111117;--panel:#1a1a22;--panel-2:#20202a;--card:#23232e;--border:#2c2c39;--border-strong:#3a3a4a;--text:#ececf4;--text-dim:#a2a1b8;--text-faint:#6f6e85;--accent-soft:#7c5cff33;--workspace:#0c0c11;--hover:#ffffff0f;--track:#3a3a4a;--shadow:0 10px 40px #00000080, 0 2px 8px #0000004d;--shadow-sm:0 1px 3px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-size:13px;line-height:1.4;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.4}input,select{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;min-width:0;padding:6px 8px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}h1,h2,h3,h4,h5{margin:0}a{color:var(--accent)}.muted{color:var(--text-dim)}.hint{color:var(--text-dim);margin:6px 0;font-size:12px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:3px solid #0000;border-radius:10px}::-webkit-scrollbar-track{background:0 0}.btn{border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--border);white-space:nowrap;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 14px;font-weight:600;transition:background .12s,border-color .12s,transform 80ms;display:inline-flex}.btn:hover:not(:disabled){background:var(--hover);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{background:linear-gradient(135deg, var(--accent), #9b6bff);color:#fff;border-color:#0000;box-shadow:0 2px 10px #7c5cff59}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg, var(--accent-hover), #8b5cf6)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--hover)}.btn.small{height:28px;padding:0 10px;font-size:12px}.btn.big{border-radius:12px;height:44px;padding:0 20px;font-size:15px}.btn.wide{width:100%}.icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text);flex-shrink:0;justify-content:center;align-items:center;transition:background .1s;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--hover)}.icon-btn.active,.icon-btn.on{background:var(--accent-soft);color:var(--accent)}.icon-btn.tiny{width:24px;height:24px}.icon-btn.faint{color:var(--text-faint)}.icon-btn.danger:hover:not(:disabled){color:var(--danger)}.icon-btn.floating{background:var(--panel);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.link-btn{color:var(--accent);align-items:center;gap:4px;font-size:12px;display:inline-flex}.row{align-items:center;display:flex}.btn-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.btn-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;margin-bottom:8px;display:grid}.btn-group{gap:1px;display:flex}.vsep{background:var(--border);align-self:stretch;width:1px;margin:4px 2px}.slider{margin:8px 0}.slider-head{color:var(--text-dim);justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;display:flex}.slider-head .numfield{width:64px}.slider-head .numfield input{text-align:right;height:24px;padding:2px 6px}input[type=range]{appearance:none;background:var(--track);cursor:pointer;border:0;border-radius:4px;width:100%;height:4px;padding:0}input[type=range]:focus{box-shadow:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--accent);background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #00000040}input[type=range]::-moz-range-thumb{border:2px solid var(--accent);background:#fff;border-radius:50%;width:14px;height:14px}.numfield{align-items:center;min-width:0;display:inline-flex;position:relative}.numfield input{width:100%;height:30px}.numfield-label{color:var(--text-faint);cursor:ew-resize;-webkit-user-select:none;user-select:none;z-index:1;font-size:11px;font-weight:600;position:absolute;left:8px}.numfield-label+input{padding-left:22px}.numfield-unit{color:var(--text-faint);pointer-events:none;font-size:11px;position:absolute;right:7px}.numfield:has(.numfield-unit) input{padding-right:22px}.select{align-items:center;min-width:0;display:inline-flex;position:relative}.select select{appearance:none;cursor:pointer;width:100%;height:30px;padding-right:26px}.select svg{pointer-events:none;color:var(--text-dim);position:absolute;right:8px}.segmented{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);gap:2px;padding:2px;display:inline-flex}.segmented button{height:26px;color:var(--text-dim);white-space:nowrap;border-radius:5px;align-items:center;gap:4px;padding:0 9px;font-size:12px;font-weight:500;display:inline-flex}.segmented button.active{background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm)}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.toggle input{display:none}.toggle-track{background:var(--track);border-radius:10px;flex-shrink:0;width:32px;height:18px;transition:background .15s;position:relative}.toggle-thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle input:checked+.toggle-track .toggle-thumb{transform:translate(14px)}.toggle-label{font-size:12px}.check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;display:inline-flex}.check input{accent-color:var(--accent);width:14px;height:14px}.field{color:var(--text-dim);flex-direction:column;gap:5px;margin:10px 0;font-size:12px;display:flex}.field input,.field .select{color:var(--text)}.grid2{grid-template-columns:1fr 1fr;gap:6px;display:grid}.prop-row{align-items:center;gap:8px;min-height:28px;margin:8px 0;display:flex}.prop-row>span:first-child{color:var(--text-dim);flex:1;font-size:12px}.prop-row .select{flex:1.4}.section{border-bottom:1px solid var(--border);padding:12px 14px}.section header{justify-content:space-between;align-items:center;gap:6px;min-height:22px;margin-bottom:6px;display:flex}.section header.collapsible{cursor:pointer}.section header .rot{transform:rotate(-90deg)}.section h4{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.toolrow{flex-wrap:wrap;gap:2px;margin:8px 0}.toolrow .icon-btn{width:30px;height:30px}.empty-hint{color:var(--text-dim);text-align:center;padding:18px 16px;font-size:12px}.empty-hint.error{color:var(--danger)}.popover{z-index:1000;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;max-height:calc(100dvh - 16px);padding:12px;position:fixed;overflow:auto}.popover-title{margin-bottom:8px;font-weight:600}.colorpicker{flex-direction:column;gap:10px;display:flex}.cp-sv{cursor:crosshair;touch-action:none;border-radius:8px;height:150px;position:relative;overflow:hidden}.cp-sv-white{background:linear-gradient(90deg,#fff,#fff0);position:absolute;inset:0}.cp-sv-black{background:linear-gradient(#0000,#000);position:absolute;inset:0}.cp-sv-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;box-shadow:0 0 0 1px #0000004d,0 2px 4px #0000004d}.cp-hue,.cp-alpha{cursor:pointer;touch-action:none;border-radius:8px;height:12px;position:relative}.cp-hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.cp-alpha{background:repeating-conic-gradient(#ccc 0 25%, #fff 0 50%) 0 0 / 10px 10px}.cp-alpha-fill{border-radius:8px;position:absolute;inset:0}.cp-bar-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%;box-shadow:0 0 0 1px #0000004d,0 1px 3px #0000004d}.cp-row{align-items:center;gap:8px;display:flex}.cp-preview{border:1px solid var(--border);border-radius:6px;flex-shrink:0;width:28px;height:28px}.cp-hex{text-transform:uppercase;flex:1;height:30px;font-family:ui-monospace,monospace}.cp-alpha-num{color:var(--text-dim);text-align:right;width:36px;font-size:12px}.cp-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.swatches{grid-template-columns:repeat(auto-fill,minmax(22px,1fr));gap:6px;display:grid}.swatches.big{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:8px;margin-bottom:14px}.swatch{aspect-ratio:1;border:1px solid #00000014;border-radius:6px;transition:transform .1s;box-shadow:inset 0 0 0 1px #ffffff0f}.swatches.big .swatch{border-radius:50%}.swatch:hover{transform:scale(1.1)}.swatch.active{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--accent)}.swatch.transparent{background:repeating-conic-gradient(#ccc 0 25%, #fff 0 50%) 0 0 / 10px 10px;position:relative}.swatch.transparent:after{content:"";background:var(--danger);width:2px;position:absolute;top:8%;bottom:8%;left:50%;transform:rotate(45deg)}.color-btn{border:1px solid var(--border-strong);background:repeating-conic-gradient(#ccc 0 25%, #fff 0 50%) 0 0 / 8px 8px;border-radius:7px;flex-shrink:0;padding:2px}.color-btn span{border-radius:4px;width:100%;height:100%;display:block}.fillpicker{flex-direction:column;gap:10px;display:flex}.fillpicker .segmented{align-self:flex-start}.grad-bar{border-radius:6px;height:22px;margin:0 8px;position:relative}.grad-stop{cursor:ew-resize;touch-action:none;border:2px solid #fff;border-radius:5px;width:16px;height:28px;margin-left:-8px;position:absolute;top:-3px;box-shadow:0 0 0 1px #00000059}.grad-stop.active{box-shadow:0 0 0 2px var(--accent)}.menu-list{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;min-width:220px;padding:5px;font-size:13px}.menu-item{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;display:flex;position:relative}.menu-item:hover:not(.disabled),.menu-item.open{background:var(--accent-soft)}.menu-item.disabled{opacity:.4;cursor:default}.menu-check{width:16px;color:var(--accent);display:inline-flex}.menu-label{flex:1}.menu-shortcut{color:var(--text-faint);margin-left:18px;font-size:11px}.menu-arrow{color:var(--text-dim)}.menu-divider{background:var(--border);height:1px;margin:4px 6px}.submenu{z-index:10;padding-left:4px;position:absolute;top:-6px;left:100%}.submenu.flip{padding:0 4px 0 0;left:auto;right:100%}.context-menu{z-index:1100;position:fixed}.menu-dropdown{z-index:900;position:absolute;top:calc(100% + 4px);left:0}.home{background:radial-gradient(1200px 500px at 85% -10%, #ec48991f, transparent 60%), radial-gradient(900px 500px at 0% 0%, #7c5cff24, transparent 60%), var(--bg);height:100%;overflow:hidden auto}.home-head{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb, var(--bg) 75%, transparent);border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:9px;font-size:19px;font-weight:800;display:inline-flex}.home-main{max-width:1280px;margin:0 auto;padding:10px 28px 40px}.home-main section{margin:34px 0}.home-main h2{letter-spacing:-.01em;margin-bottom:14px;font-size:19px}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;padding:30px 0 10px;display:grid}.hero h1{letter-spacing:-.035em;margin-bottom:16px;font-size:clamp(30px,4.6vw,54px);font-weight:900;line-height:1.05}.grad-text{background:linear-gradient(90deg, var(--accent), var(--accent-2), #f59e0b);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--text-dim);max-width:520px;margin:0 0 22px;font-size:16px}.hero-features{color:var(--text-dim);flex-wrap:wrap;gap:16px;margin-top:22px;font-size:13px;display:flex}.hero-features span{align-items:center;gap:6px;display:inline-flex}.dropzone{text-align:center;border:2px dashed var(--border-strong);color:var(--text-dim);background:color-mix(in srgb, var(--panel) 70%, transparent);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;transition:border-color .15s,background .15s;display:flex}.dropzone strong{color:var(--text);font-size:15px}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}.hero-drop{min-height:260px}.preset-row{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;display:grid}.preset-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px 12px;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.preset-card:hover{box-shadow:var(--shadow);border-color:var(--accent);transform:translateY(-2px)}.preset-shape{background:linear-gradient(135deg, var(--accent-soft), #ec489926);border:1px solid var(--border);max-width:100%;height:64px;color:var(--accent);border-radius:6px;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.preset-card strong{text-align:center;font-size:12px}.preset-card small{color:var(--text-faint);font-size:11px}.preset-card.custom .preset-shape{background:0 0;border-style:dashed}.section-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-title-row h2{margin:0}.template-grid{columns:5 220px;column-gap:14px}.template-grid .template-card{break-inside:avoid;margin-bottom:14px}.template-card{text-align:left;width:100%;display:block}.template-thumb{background:var(--card);border:1px solid var(--border);border-radius:10px;width:100%;transition:transform .12s,box-shadow .12s;overflow:hidden}.template-card:hover .template-thumb{box-shadow:var(--shadow);transform:translateY(-2px)}.template-thumb img{object-fit:cover;width:100%;height:100%;display:block}.template-card>span{color:var(--text-dim);margin-top:6px;font-size:12px;font-weight:500;display:block}.skeleton{background:linear-gradient(90deg, var(--card), var(--panel-2), var(--card));background-size:200% 100%;width:100%;height:100%;min-height:60px;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.project-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;display:grid}.project-card{flex-direction:column;gap:8px;display:flex}.project-thumb{border:1px solid var(--border);background:repeating-conic-gradient(var(--card) 0 25%, var(--panel) 0 50%) 0 0 / 16px 16px;border-radius:10px;justify-content:center;align-items:center;width:100%;max-height:220px;display:flex;overflow:hidden}.project-thumb img{object-fit:contain;width:100%;height:100%}.project-meta{justify-content:space-between;align-items:center;gap:6px;display:flex}.project-meta div{min-width:0}.project-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.project-meta small{color:var(--text-faint);font-size:11px}.home-foot{color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;gap:10px;max-width:1280px;margin:0 auto;padding:18px 28px 26px;font-size:12px;display:flex}.home-foot a{color:var(--text-dim);align-items:center;gap:5px;text-decoration:none;display:inline-flex}.drop-overlay{border:3px dashed var(--accent);background:var(--accent-soft);color:var(--accent);pointer-events:none;z-index:50;border-radius:20px;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex;position:fixed;inset:12px}.editor{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);width:100vw;height:100dvh;display:grid;overflow:hidden}.topbar{background:var(--panel);border-bottom:1px solid var(--border);z-index:30;align-items:center;gap:10px;height:52px;padding:0 10px;display:flex;position:relative}.topbar .brand{border-radius:8px;padding:4px 6px;font-size:16px}.topbar .brand:hover{background:var(--hover)}.menubar{align-items:center;min-width:0;display:flex}.menubar-item{position:relative}.menubar-item>button{height:32px;color:var(--text-dim);border-radius:6px;padding:0 10px;font-weight:500}.menubar-item>button:hover,.menubar-item.open>button{background:var(--hover);color:var(--text)}.topbar-center{flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.docname{text-align:center;background:0 0;border-color:#0000;width:220px;max-width:100%;font-weight:600}.docname:hover{border-color:var(--border)}.docsize{color:var(--text-faint);white-space:nowrap;font-size:12px}.savestate{color:var(--text-faint);display:inline-flex}.savestate.saved{color:var(--success)}.topbar-right{align-items:center;gap:4px;display:flex}.zoombox{border:1px solid var(--border);border-radius:8px;align-items:center;margin:0 4px;display:flex}.zoombox select{cursor:pointer;width:70px;height:30px;box-shadow:none;background:0 0;border:0}.optionsbar{background:var(--panel);border-bottom:1px solid var(--border);scrollbar-width:none;white-space:nowrap;z-index:20;align-items:center;gap:12px;height:44px;padding:0 12px;display:flex;overflow:auto hidden}.optionsbar::-webkit-scrollbar{display:none}.opt-tool{border-right:1px solid var(--border);padding-right:12px;font-size:12px;font-weight:700}.opt-body{align-items:center;gap:10px;display:flex}.opt-hint,.opt-label{color:var(--text-dim);font-size:12px}.opt-sep{background:var(--border);width:1px;height:22px}.opt-slider{color:var(--text-dim);align-items:center;gap:6px;font-size:12px;display:inline-flex}.opt-slider .numfield input{height:26px;padding:2px 20px 2px 6px}.optionsbar .select select{height:28px}.mask-badge{color:#fff;background:#111;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:600}.workspace{min-height:0;display:flex;position:relative}.sidenav{background:var(--panel);border-right:1px solid var(--border);scrollbar-width:none;flex-direction:column;flex-shrink:0;gap:2px;width:72px;padding:8px 6px;display:flex;overflow-y:auto}.sidenav-btn{color:var(--text-dim);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:9px 2px;font-size:10.5px;font-weight:500;transition:background .1s,color .1s;display:flex}.sidenav-btn:hover{background:var(--hover);color:var(--text)}.sidenav-btn.active{background:var(--accent-soft);color:var(--accent)}.sidepanel{background:var(--panel);border-right:1px solid var(--border);z-index:15;flex-direction:column;flex-shrink:0;width:320px;min-height:0;display:flex}.sidepanel-head{justify-content:space-between;align-items:center;padding:12px 12px 8px 16px;display:flex}.sidepanel-head h3{font-size:15px}.sidepanel-body{flex:1;padding:4px 16px 20px;overflow-y:auto}.sidepanel-body h5{color:var(--text);margin:18px 0 8px;font-size:12px;font-weight:700}.toolbar{background:var(--panel);border-right:1px solid var(--border);scrollbar-width:none;z-index:14;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;width:48px;padding:6px 0;display:flex;overflow-y:auto}.toolbar::-webkit-scrollbar{display:none}.tools{flex-direction:column;gap:2px;display:flex}.tool-btn{width:36px;height:34px;color:var(--text-dim);border-radius:8px;justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex}.tool-btn:hover{background:var(--hover);color:var(--text)}.tool-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #7c5cff66}.wells{flex-shrink:0;width:40px;height:44px;margin:10px 0 4px;position:relative}.well{border:2px solid var(--panel);width:24px;height:24px;box-shadow:0 0 0 1px var(--border-strong);border-radius:6px;position:absolute}.well.fg{z-index:1;top:2px;left:2px}.well.bg{bottom:4px;right:2px}.well-swap{color:var(--text-dim);position:absolute;top:0;right:0}.well-reset{width:12px;height:12px;position:absolute;bottom:0;left:0}.well-reset span{border:1px solid var(--text-faint);width:8px;height:8px;position:absolute}.well-reset span:first-child{z-index:1;background:#000;top:0;left:0}.well-reset span:last-child{background:#fff;bottom:0;right:0}.stage{flex:1;min-width:0;position:relative;overflow:hidden}.canvas-wrap{position:absolute;inset:0;overflow:hidden}.main-canvas{touch-action:none;outline:none;display:block}.stage-toggles{z-index:5;gap:6px;display:flex;position:absolute;top:10px;right:10px}.text-editor{border:1px dashed var(--accent);resize:none;white-space:pre-wrap;word-break:break-word;caret-color:var(--accent);box-shadow:none;z-index:4;background:0 0;outline:none;margin:0;padding:0;position:absolute;overflow:hidden}.rightpanel{background:var(--panel);border-left:1px solid var(--border);z-index:15;flex-direction:column;flex-shrink:0;width:300px;min-height:0;display:flex}.tabs{border-bottom:1px solid var(--border);gap:2px;padding:6px;display:flex}.tabs button{height:32px;color:var(--text-dim);border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.tabs button:last-child{flex:0 0 40px}.tabs button.active{background:var(--accent-soft);color:var(--accent)}.tabs .count{background:var(--panel-2);color:var(--text-dim);border-radius:10px;padding:0 6px;font-size:10px}.rightpanel-body{flex:1;min-height:0;overflow-y:auto}.mini-layers{border-top:1px solid var(--border);flex-direction:column;height:38%;min-height:180px;display:flex}.mini-layers-head{color:var(--text-dim);align-items:center;gap:6px;padding:8px 12px 0;font-size:12px;font-weight:700;display:flex}.mini-layers .layers-panel{flex:1;min-height:0}.statusbar{height:24px;color:var(--text-faint);background:var(--panel);border-top:1px solid var(--border);white-space:nowrap;align-items:center;gap:16px;padding:0 12px;font-size:11px;display:flex;overflow:hidden}.status-last{margin-left:auto}.layers-panel{flex-direction:column;height:100%;display:flex}.layers-top{gap:6px;padding:8px 10px;display:flex}.layers-top .select{flex:1}.opacity-field{color:var(--text-dim);align-items:center;gap:4px;font-size:11px;display:flex}.opacity-field input{width:54px;height:30px}.layer-list{flex:1;min-height:0;padding:2px 6px;overflow-y:auto}.layer-row{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:4px;display:flex;position:relative}.layer-row:hover{background:var(--hover)}.layer-row.selected{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.layer-row.hidden .layer-name,.layer-row.hidden .thumb-wrap{opacity:.45}.layer-row.drop-above:before,.layer-row.drop-below:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;left:4px;right:4px}.layer-row.drop-above:before{top:-1px}.layer-row.drop-below:after{bottom:-1px}.thumb-wrap{background:repeating-conic-gradient(#d9d9e3 0 25%, #fff 0 50%) 0 0 / 8px 8px;border:2px solid #0000;border-radius:6px;flex-shrink:0;width:38px;height:38px;overflow:hidden}.thumb-wrap.target{border-color:var(--accent)}.thumb-wrap.mask{background:#000}.thumb-wrap.mask.disabled{opacity:.35}.layer-thumb{width:100%;height:100%;display:block}.bg-thumb{width:100%;height:100%}.layer-name{flex-direction:column;flex:1;min-width:0;display:flex}.layer-name span{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.layer-name small{color:var(--text-faint);align-items:center;gap:4px;font-size:10.5px;display:flex}.layer-name input{height:24px;padding:2px 6px}.layer-row.in-group{margin-left:18px}.layer-row.in-group:after{content:"";border-left:1px solid var(--border);position:absolute;top:0;bottom:0;left:-10px}.layer-row.in-group.drop-below:after{border-left:0;top:auto;bottom:-1px;left:4px}.group-chevron{margin:0 -4px}.thumb-wrap.group-thumb{background:var(--accent-soft);color:var(--accent);justify-content:center;align-items:center;display:flex}.background-row{border-top:1px dashed var(--border);border-radius:0 0 8px 8px;margin-top:2px}.layers-actions{border-top:1px solid var(--border);justify-content:space-between;padding:6px 8px;display:flex}.props .grid2{margin-bottom:6px}.font-picker-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-2);flex:1;justify-content:space-between;align-items:center;gap:6px;min-width:0;height:30px;padding:0 8px;font-size:14px;display:flex}.font-picker-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.font-search{border-bottom:1px solid var(--border);color:var(--text-dim);align-items:center;gap:6px;padding:0 4px 8px;display:flex}.font-search input{flex:1}.font-list{max-height:340px;margin:0 -8px;padding:0 4px;overflow-y:auto}.font-group{text-transform:uppercase;color:var(--text-faint);letter-spacing:.04em;padding:10px 8px 4px;font-size:10.5px;font-weight:700}.font-row{text-align:left;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;width:100%;padding:6px 8px;font-size:17px;display:block;overflow:hidden}.font-row:hover{background:var(--hover)}.font-row.active{background:var(--accent-soft);color:var(--accent)}.preset-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.preset{color:var(--text-dim);flex-direction:column;align-items:center;gap:4px;font-size:10.5px;display:flex}.preset img,.preset-ph{aspect-ratio:1;object-fit:cover;background:var(--card);border:2px solid #0000;border-radius:8px;width:100%;display:block}.preset.active img{border-color:var(--accent)}.preset.active{color:var(--accent);font-weight:600}.search{background:var(--panel-2);border:1px solid var(--border);color:var(--text-dim);border-radius:10px;align-items:center;gap:8px;margin-bottom:10px;padding:0 10px;display:flex}.search input{height:36px;box-shadow:none;background:0 0;border:0;flex:1;padding:0}.chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.chip{background:var(--panel-2);border:1px solid var(--border);height:26px;color:var(--text-dim);white-space:nowrap;border-radius:20px;padding:0 10px;font-size:12px}.chip:hover{color:var(--text)}.chip.active{background:var(--text);color:var(--panel);border-color:var(--text)}.masonry{columns:2;column-gap:10px}.masonry .template-card{break-inside:avoid;margin-bottom:12px}.el-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.el-item{aspect-ratio:1;background:var(--card);color:var(--text);border-radius:10px;justify-content:center;align-items:center;transition:transform .1s,background .1s;display:flex}.el-item:hover{background:var(--accent-soft);transform:scale(1.04)}.el-item img{object-fit:contain;pointer-events:none;width:82%;height:82%}.el-grid.icons{grid-template-columns:repeat(5,1fr)}.el-grid.stickers{grid-template-columns:repeat(6,1fr)}.el-grid.stickers span{font-size:26px}.tab-elements .btn.wide{margin-top:8px}.text-preset{text-align:left;background:var(--card);border:1px solid #0000;border-radius:10px;width:100%;margin-bottom:8px;padding:12px 14px;display:block}.text-preset:hover{border-color:var(--accent)}.text-preset.level-0{font-size:24px;font-weight:800}.text-preset.level-1{font-size:17px;font-weight:600}.text-preset.level-2{font-size:13px}.tab-text .btn.primary{margin-bottom:4px}.combo-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.combo{border:1px solid var(--border);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:96px;padding:10px;line-height:1.1;display:flex;overflow:hidden}.combo:hover{border-color:var(--accent)}.photo-cols{gap:8px;display:flex}.photo-col{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.photo{background:var(--card);border-radius:8px;position:relative;overflow:hidden}.photo img{object-fit:cover;cursor:pointer;width:100%;height:100%;transition:transform .2s;display:block}.photo:hover img{transform:scale(1.04)}.photo-author{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#0009);padding:14px 6px 4px;font-size:10px;transition:opacity .15s;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.photo-bg-btn{color:#fff;opacity:0;background:#0000008c;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:opacity .15s;display:flex;position:absolute;top:5px;right:5px}.photo:hover .photo-author,.photo:hover .photo-bg-btn{opacity:1}.sentinel{color:var(--text-dim);justify-content:center;padding:14px;display:flex}.upload-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.upload{aspect-ratio:1;background:repeating-conic-gradient(var(--card) 0 25%, var(--panel) 0 50%) 0 0 / 12px 12px;border-radius:8px;position:relative;overflow:hidden}.upload img{object-fit:cover;cursor:pointer;width:100%;height:100%}.upload-del{color:#fff;background:#0000008c;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:none;position:absolute;top:5px;right:5px}.upload:hover .upload-del{display:flex}.bg-photos{grid-template-columns:1fr 1fr;gap:8px;display:grid}.bg-photo{aspect-ratio:10/7;background:var(--card);border-radius:8px;overflow:hidden}.bg-photo img{object-fit:cover;width:100%;height:100%;display:block}.action-card{text-align:left;background:var(--card);border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:12px;transition:border-color .12s,transform .12s;display:flex}.action-card:hover{border-color:var(--accent);transform:translateY(-1px)}.action-icon{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.action-card strong{font-size:13px;display:block}.action-card small{color:var(--text-dim);font-size:11.5px}.tab-edit .section{padding:10px 0}.modal-backdrop{z-index:800;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0a1473;justify-content:center;align-items:center;padding:16px;animation:.12s fade;display:flex;position:fixed;inset:0}.modal-backdrop.see-through{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;justify-content:flex-end;align-items:flex-start;padding:108px 316px 16px 16px}.modal-backdrop.see-through .modal{pointer-events:auto}@keyframes fade{0%{opacity:0}}.modal{background:var(--panel);border:1px solid var(--border);max-width:100%;max-height:calc(100dvh - 32px);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;animation:.15s pop;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.97)}}.modal-head{justify-content:space-between;align-items:center;padding:14px 14px 6px 20px;display:flex}.modal-head h3{font-size:16px}.modal-body{padding:6px 20px 14px;overflow-y:auto}.modal-body p{margin:0 0 10px}.modal-foot{border-top:1px solid var(--border);align-items:center;gap:8px;padding:12px 20px 16px;display:flex}.preset-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;max-height:300px;display:grid;overflow-y:auto}.preset-list.compact{max-height:260px}.size-preset{border:1px solid var(--border);text-align:left;color:var(--text-dim);border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px;display:flex}.size-preset span{color:var(--text);font-size:12px;font-weight:600}.size-preset small{font-size:11px}.size-preset:hover{border-color:var(--border-strong)}.size-preset.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.anchor-grid{grid-template-columns:repeat(3,28px);gap:4px;display:grid}.anchor-grid button{border:1px solid var(--border);border-radius:6px;width:28px;height:28px}.anchor-grid button.active{background:var(--accent);border-color:var(--accent)}.shortcut-list{grid-template-columns:1fr;gap:2px;display:grid}.shortcut{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:6px 4px;display:flex}kbd{background:var(--panel-2);border:1px solid var(--border);white-space:nowrap;border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:11px}.histogram{background:var(--panel-2);border-radius:6px;width:100%;height:70px;margin-bottom:6px;display:block}.curves-box{aspect-ratio:1;background:var(--panel-2);border-radius:8px;margin:8px 0;position:relative;overflow:hidden}.curves-box .histogram{background:0 0;height:100%;position:absolute;inset:0}.curves-svg{cursor:crosshair;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.param-heading{text-transform:uppercase;color:var(--text-dim);letter-spacing:.04em;margin:14px 0 2px;font-size:11px}.toasts{z-index:2000;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:36px;left:50%;transform:translate(-50%)}.toast{color:#fff;box-shadow:var(--shadow);background:#1c1b29;border-radius:12px;align-items:center;gap:8px;max-width:90vw;padding:10px 16px;font-weight:500;animation:.18s pop;display:flex}.toast.success svg{color:#4ade80}.toast.error svg{color:#f87171}.toast.info svg{color:#a78bfa}.busy{z-index:1500;cursor:progress;background:#0a0a141f;justify-content:center;align-items:flex-start;padding-top:90px;display:flex;position:fixed;inset:0}.busy-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:10px;padding:12px 18px;font-weight:600;display:flex}.busy-card svg{color:var(--accent)}.show-sm{display:none!important}@media (max-width:1180px){.menubar-item>button{padding:0 7px}.docsize{display:none}}@media (max-width:1000px){.hide-sm{display:none!important}.menubar{scrollbar-width:none;overflow-x:auto}.topbar-center{display:none}.topbar .menubar{flex:1}.sidepanel{box-shadow:var(--shadow);width:min(320px,100vw - 80px);position:absolute;top:0;bottom:0;left:72px}.rightpanel{box-shadow:var(--shadow);width:min(300px,88vw);position:absolute;top:0;bottom:0;right:0}.modal-backdrop.see-through{justify-content:center;padding:100px 16px 16px}}@media (max-width:700px){.show-sm{display:inline-flex!important}.hide-xs{display:none!important}.topbar .brand span{display:none}.topbar{gap:4px;padding:0 6px}.topbar .zoombox,.topbar .theme-btn{display:none}.topbar .btn.primary{padding:0 10px}.workspace{flex-direction:column-reverse}.sidenav{border-right:0;border-top:1px solid var(--border);flex-direction:row;width:100%;padding:4px;overflow-x:auto}.sidenav-btn{min-width:64px;padding:6px 2px}.sidepanel{border-right:0;border-top:1px solid var(--border);border-radius:16px 16px 0 0;width:100%;height:55%;inset:auto 0 60px}.toolbar{border:1px solid var(--border);width:44px;box-shadow:var(--shadow-sm);border-radius:12px;height:auto;position:absolute;top:6px;bottom:66px;left:6px}.stage{flex:1}.rightpanel{bottom:60px}.statusbar{display:none}.hero{grid-template-columns:1fr;gap:20px}.hero-drop{min-height:140px}.home-head,.home-main{padding-left:16px;padding-right:16px}.template-grid{columns:2}}