@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--brand-violet: oklch(.62 .2 288);--brand-violet-strong: oklch(.55 .22 288);--brand-violet-soft: oklch(.94 .05 288);--hue-blue: oklch(.66 .16 245);--hue-teal: oklch(.72 .14 190);--hue-green: oklch(.75 .16 150);--hue-lime: oklch(.82 .17 128);--hue-amber: oklch(.8 .15 78);--hue-orange: oklch(.72 .17 52);--hue-coral: oklch(.68 .19 25);--hue-pink: oklch(.7 .18 350);--hue-magenta:oklch(.64 .2 320);--hue-blue-soft: oklch(.95 .04 245);--hue-teal-soft: oklch(.95 .04 190);--hue-green-soft: oklch(.95 .05 150);--hue-amber-soft: oklch(.95 .05 78);--hue-coral-soft: oklch(.95 .04 25);--hue-pink-soft: oklch(.95 .04 350);--hue-magenta-soft:oklch(.95 .04 320);--block-events: oklch(.72 .17 52);--block-control: oklch(.8 .15 78);--block-logic: oklch(.75 .16 150);--block-variables: oklch(.68 .19 25);--block-data: oklch(.66 .16 245);--block-style: oklch(.64 .2 320);--block-motion: oklch(.72 .14 190);--n-0: oklch(1 0 0);--n-25: oklch(.985 .004 90);--n-50: oklch(.972 .005 90);--n-100:oklch(.95 .006 90);--n-150:oklch(.925 .007 90);--n-200:oklch(.9 .008 90);--n-300:oklch(.84 .009 90);--n-400:oklch(.72 .01 90);--n-500:oklch(.6 .012 90);--n-600:oklch(.5 .012 90);--n-700:oklch(.4 .012 90);--n-800:oklch(.3 .012 90);--n-850:oklch(.24 .012 285);--n-900:oklch(.19 .012 285);--n-950:oklch(.15 .012 285);--surface-app: var(--n-50);--surface-panel: var(--n-0);--surface-raised: var(--n-0);--surface-sunken: var(--n-100);--surface-canvas: var(--n-150);--surface-hover: var(--n-100);--surface-active: var(--brand-violet-soft);--border-subtle: var(--n-200);--border-default: var(--n-300);--border-strong: var(--n-400);--text-strong: var(--n-900);--text-body: var(--n-800);--text-muted: var(--n-500);--text-faint: var(--n-400);--text-on-brand: var(--n-0);--accent: var(--brand-violet);--accent-strong: var(--brand-violet-strong);--accent-soft: var(--brand-violet-soft);--accent-ring: oklch(.62 .2 288 / .35);--success: var(--hue-green);--warning: var(--hue-amber);--danger: var(--hue-coral);--info: var(--hue-blue);color-scheme:light}[data-theme=dark]{--surface-app: var(--n-950);--surface-panel: var(--n-900);--surface-raised: var(--n-850);--surface-sunken: oklch(.13 .012 285);--surface-canvas: var(--n-850);--surface-hover: oklch(.26 .014 285);--surface-active: oklch(.32 .06 288);--border-subtle: oklch(.28 .012 285);--border-default: oklch(.34 .014 285);--border-strong: oklch(.44 .016 285);--text-strong: var(--n-25);--text-body: var(--n-200);--text-muted: var(--n-400);--text-faint: var(--n-500);--text-on-brand: var(--n-0);--brand-violet: oklch(.7 .18 288);--accent: var(--brand-violet);--accent-strong: oklch(.76 .16 288);--accent-soft: oklch(.3 .07 288);--accent-ring: oklch(.7 .18 288 / .45);color-scheme:dark}:root{--font-ui: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-display: 40px;--fs-h1: 30px;--fs-h2: 23px;--fs-h3: 18px;--fs-body: 14px;--fs-sm: 13px;--fs-xs: 12px;--fs-2xs: 11px;--lh-tight: 1.12;--lh-snug: 1.32;--lh-body: 1.55;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-caps: .06em}:root{--sp-1: 2px;--sp-2: 4px;--sp-3: 6px;--sp-4: 8px;--sp-5: 12px;--sp-6: 16px;--sp-7: 20px;--sp-8: 24px;--sp-9: 32px;--sp-10: 40px;--sp-12: 56px;--r-xs: 5px;--r-sm: 8px;--r-md: 11px;--r-lg: 15px;--r-xl: 20px;--r-2xl: 28px;--r-pill: 999px;--shadow-xs: 0 1px 2px oklch(.2 .02 285 / .08);--shadow-sm: 0 1px 3px oklch(.2 .02 285 / .1), 0 1px 2px oklch(.2 .02 285 / .06);--shadow-md: 0 4px 14px oklch(.2 .02 285 / .1), 0 2px 6px oklch(.2 .02 285 / .06);--shadow-lg: 0 12px 34px oklch(.2 .02 285 / .14), 0 4px 12px oklch(.2 .02 285 / .08);--shadow-pop: 0 18px 48px oklch(.2 .02 285 / .2);--shadow-brand: 0 6px 18px oklch(.62 .2 288 / .35);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur-med: .2s;--dur-slow: .32s}*{box-sizing:border-box}body{margin:0;background:var(--surface-app);color:var(--text-body);font-family:var(--font-ui);font-size:var(--fs-body);-webkit-font-smoothing:antialiased}h1{font-size:var(--fs-h2);font-weight:var(--fw-extrabold);letter-spacing:var(--tracking-tight);color:var(--text-strong);margin:0}h2{font-size:var(--fs-h3);font-weight:var(--fw-bold);color:var(--text-strong);margin:0}a{color:inherit}.muted{color:var(--text-muted)}.center{display:flex;justify-content:center;padding:48px}.center--page{min-height:100vh;align-items:center}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:99px;border:3px solid transparent;background-clip:content-box}.canvasdots{background-color:var(--surface-canvas);background-image:radial-gradient(var(--border-default) 1px,transparent 1px);background-size:22px 22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1.5px solid transparent;border-radius:var(--r-md);padding:9px 16px;font:inherit;font-weight:var(--fw-bold);font-size:var(--fs-sm);cursor:pointer;text-decoration:none;white-space:nowrap;transition:all var(--dur-fast) var(--ease-out)}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.55;cursor:default}.btn--sm{padding:7px 13px}.btn--block{width:100%}.btn--primary{background:var(--accent);color:var(--text-on-brand)}.btn--primary:not(:disabled):hover{background:var(--accent-strong);box-shadow:var(--shadow-brand)}.btn--secondary{background:var(--surface-raised);border-color:var(--border-default);color:var(--text-strong)}.btn--secondary:not(:disabled):hover{border-color:var(--accent);color:var(--accent-strong)}.btn--ghost{background:transparent;color:var(--text-body)}.btn--ghost:not(:disabled):hover{background:var(--surface-hover)}.btn--soft{background:var(--accent-soft);color:var(--accent-strong)}.btn--soft:not(:disabled):hover{background:var(--surface-active)}.btn--danger{background:var(--danger);color:#fff}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1.5px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--text-muted);cursor:pointer;text-decoration:none;transition:all var(--dur-fast) var(--ease-out)}.iconbtn:hover{background:var(--surface-hover);color:var(--text-strong)}.iconbtn:disabled{opacity:.35;cursor:default}.iconbtn.is-active{background:var(--accent-soft);color:var(--accent-strong)}.iconbtn--danger:hover{background:var(--hue-coral-soft);color:var(--danger)}input[type=text],input[type=password],input[type=number],input:not([type]),textarea,select{width:100%;padding:8px 11px;border:1.5px solid var(--border-default);border-radius:var(--r-sm);background:var(--surface-raised);color:var(--text-strong);font:inherit;font-size:var(--fs-sm);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}textarea{resize:vertical}input[type=range]{accent-color:var(--accent);padding:0;border:0;box-shadow:none;background:transparent}input[type=checkbox]{accent-color:var(--accent)}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold)}.chip__dot{width:7px;height:7px;border-radius:99px;background:currentColor}.chip--green{background:var(--hue-green-soft);color:#09672e}.chip--amber{background:var(--hue-amber-soft);color:#835a00;color:oklch(.5 .11 78)}.chip--violet{background:var(--accent-soft);color:var(--accent-strong)}.chip--blue{background:var(--hue-blue-soft);color:#00598f;color:oklch(.45 .13 245)}.chip--pink{background:var(--hue-pink-soft);color:#9b3b6e}.seg{display:inline-flex;gap:2px;padding:3px;border-radius:var(--r-md);background:var(--surface-sunken)}.seg--full{display:flex;width:100%}.seg--full .seg__btn{flex:1}.seg__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:var(--r-sm);padding:6px 12px;background:transparent;color:var(--text-muted);font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.seg__btn.is-active{background:var(--surface-raised);color:var(--text-strong);box-shadow:var(--shadow-xs)}.login{min-height:100vh;display:flex;align-items:center;justify-content:center}.login__card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:36px;width:min(360px,92vw);display:flex;flex-direction:column;gap:14px}.login__brand{display:flex;align-items:center;gap:10px}.login__brand svg{color:#fff;background:linear-gradient(135deg,var(--brand-violet),var(--hue-pink));border-radius:var(--r-md);padding:5px;width:36px;height:36px;box-shadow:var(--shadow-brand)}.login__brand h1{font-size:1.4rem}.login__tagline{margin:0;color:var(--text-muted)}.login__error{color:var(--danger);font-size:.9rem}.shell__top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;background:var(--surface-panel);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:20}.shell__brand{display:flex;align-items:center;gap:10px;font-weight:var(--fw-extrabold);color:var(--text-strong)}.shell__brand svg{color:var(--accent)}.shell__actions{display:flex;align-items:center;gap:8px}.shell__main{max-width:1080px;margin:0 auto;padding:28px 20px 64px}.pagehead{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.tabs{display:flex;gap:4px;padding:0 20px;background:var(--surface-panel);border-bottom:1px solid var(--border-subtle)}.tabs__tab{border:0;background:none;font:inherit;font-weight:var(--fw-bold);font-size:var(--fs-sm);color:var(--text-muted);padding:11px 14px;cursor:pointer;border-bottom:2px solid transparent}.tabs__tab.is-active{color:var(--accent-strong);border-bottom-color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:18px;text-decoration:none;display:flex;flex-direction:column;gap:10px;transition:all var(--dur-fast) var(--ease-out)}.card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card__row{display:flex;align-items:center;justify-content:space-between;gap:8px}.card__meta{display:flex;justify-content:space-between;color:var(--text-muted);font-size:var(--fs-xs);font-family:var(--font-mono)}.empty{text-align:center;color:var(--text-muted);padding:64px 0;display:flex;flex-direction:column;align-items:center;gap:12px}.rows{display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:10px 14px}.row__main{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0;flex:1}.row__main svg{color:var(--text-muted);flex-shrink:0}.row__title{font-weight:var(--fw-bold);color:var(--text-strong)}.row__path{color:var(--text-muted);font-size:var(--fs-xs);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__actions{display:flex;align-items:center;gap:4px}.form{display:flex;flex-direction:column;gap:14px}.form label{display:flex;flex-direction:column;gap:6px;font-weight:var(--fw-semibold);font-size:var(--fs-xs);color:var(--text-muted)}.form__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.form__hint{color:var(--text-muted);font-size:var(--fs-xs);margin:0}.form--settings{max-width:440px}.form--settings h2{margin-top:18px}.slugfield{display:flex;align-items:center;gap:6px}.slugfield span{color:var(--text-muted);font-family:var(--font-mono)}.danger{margin-top:28px;border-top:1px solid var(--border-subtle);padding-top:18px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.danger h2{color:var(--danger)}.assets{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:18px}.asset{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--r-md);overflow:hidden}.asset img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.asset__bar{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px;font-size:var(--fs-xs)}.asset__bar>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset__actions{display:flex}.asset--pickable{cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.asset--pickable:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.ed{display:flex;flex-direction:column;height:100vh;overflow:hidden}.ed__top{display:flex;align-items:center;gap:10px;height:52px;padding:0 14px;background:var(--surface-panel);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.ed__topgroup{display:flex;align-items:center;gap:8px;min-width:0}.ed__topspacer{flex:1}.ed__topdivider{width:1px;height:22px;background:var(--border-subtle);margin:0 4px}.ed__wordmark{font-weight:var(--fw-extrabold);font-size:15px;letter-spacing:var(--tracking-tight);color:var(--text-strong);text-decoration:none;white-space:nowrap}.ed__wordmark:hover{color:var(--accent-strong)}.ed__pagename{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-muted);white-space:nowrap}.ed__body{display:flex;flex:1;min-height:0;min-width:0}.ed__center{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.rail{width:56px;flex-shrink:0;background:var(--surface-panel);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:4px}.rail__brand{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--brand-violet),var(--hue-pink));color:#fff;margin-bottom:10px;box-shadow:var(--shadow-brand)}.rail__btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.rail__btn:hover{background:var(--surface-hover);color:var(--text-strong)}.rail__btn.is-active{background:var(--accent-soft);color:var(--accent-strong)}.lpanel{width:264px;flex-shrink:0;background:var(--surface-panel);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden}.lpanel__title{height:44px;display:flex;align-items:center;padding:0 14px;font-size:14px;font-weight:var(--fw-bold);color:var(--text-strong);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.lpanel__body{flex:1;overflow-y:auto}.lpanel__hint{color:var(--text-muted);font-size:var(--fs-xs);padding:4px 12px}.lpanel__assets{padding:10px 12px}.lpanel__assets .assets{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.addpanel{padding:10px 12px}.addpanel__group{margin-bottom:14px}.addpanel__eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-faint)}.addpanel__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.addpanel__tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:66px;border-radius:12px;border:1.5px solid var(--border-subtle);background:var(--surface-raised);cursor:grab;color:var(--text-body);font-size:11.5px;font-weight:var(--fw-semibold);transition:all var(--dur-fast) var(--ease-out)}.addpanel__tile:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.addpanel__tile:active{cursor:grabbing}.layers{padding:6px 8px}.layers__row{display:flex;align-items:center;gap:8px;height:32px;padding-right:8px;border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-body)}.layers__row svg{opacity:.8;flex-shrink:0}.layers__row:hover{background:var(--surface-hover)}.layers__row.is-active{background:var(--accent-soft);color:var(--accent-strong);font-weight:var(--fw-semibold)}.layers__name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layers__tag{font-family:var(--font-mono);font-size:10px;color:var(--text-faint)}.pagespanel{padding:10px}.pagespanel__new{display:flex;gap:6px;margin-bottom:10px}.pagespanel .btn--block{margin-bottom:10px}.pagespanel__row{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-body);text-decoration:none}.pagespanel__row:hover{background:var(--surface-hover)}.pagespanel__row.is-active{background:var(--accent-soft);color:var(--accent-strong);font-weight:var(--fw-semibold)}.pagespanel__name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ed__canvaswrap{flex:1;min-width:0;overflow-y:auto;overflow-x:hidden;padding:32px 24px;display:flex;justify-content:center;align-items:flex-start}.ed__canvas{max-width:100%;border-radius:16px;box-shadow:var(--shadow-lg);min-height:640px;overflow:hidden;flex-shrink:0;transition:width var(--dur-med) var(--ease-out)}.ed__canvas .ww-page{padding-bottom:8px}.ed__inspector{width:280px;flex-shrink:0;background:var(--surface-panel);border-left:1px solid var(--border-subtle);overflow-y:auto;display:flex;flex-direction:column}.rpanel__head{padding:10px 12px;border-bottom:1px solid var(--border-subtle)}.rpanel__meta{display:flex;align-items:center;gap:8px;margin-bottom:8px;min-height:22px}.rpanel__meta svg{color:var(--accent-strong)}.rpanel__name{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-strong);text-transform:capitalize}.ed__rootdrop{margin:18px 0;border:2px dashed var(--border-default);border-radius:var(--r-md);color:var(--text-muted);text-align:center;padding:18px;font-size:var(--fs-sm)}.ed__rootdrop.is-over{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.ed__rootdrop.is-empty{padding:64px 18px}.ed__canvas .ww-page{position:relative}.ed-gridoverlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:0 24px;display:grid;column-gap:24px;pointer-events:none;z-index:0}.ed-gridoverlay>div{background:#856af509;border-inline:1px dashed oklch(.62 .2 288 / .18)}.ed__canvas .ww-page>.ed-block--section{grid-column:1 / -1;margin-left:calc(50% - 50cqw);margin-right:calc(50% - 50cqw)}.ed-block{position:relative;min-width:0}.ed-block:hover{outline:1.5px dashed var(--accent-ring);outline-offset:-1px}.ed-block.is-selected{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.ed-block__tag{position:absolute;top:-22px;left:-2px;z-index:10;display:none;align-items:center;gap:5px;background:var(--accent);color:#fff;font-size:11px;font-weight:var(--fw-bold);font-family:var(--font-ui);padding:3px 8px;border-radius:6px 6px 6px 0;cursor:grab;white-space:nowrap}.ed-block:hover>.ed-block__tag,.ed-block.is-selected>.ed-block__tag{display:inline-flex}.ed-block .ed-block .ed-block__tag{display:none}.ed-block .ed-block:hover>.ed-block__tag,.ed-block .ed-block.is-selected>.ed-block__tag{display:inline-flex}.ed-block--section>.ed-block__tag{top:0;left:0;border-radius:0 0 6px}.ed-block__span{background:#ffffff40;border-radius:3px;padding:0 4px;font-size:.65rem;font-family:var(--font-mono)}.ed-block__delete{display:inline-flex;border:0;background:transparent;color:inherit;cursor:pointer;padding:1px;margin-left:2px}.ed-block__delete:hover{transform:scale(1.2)}.ed-block.is-drop-top:before,.ed-block.is-drop-bottom:after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--accent);z-index:9;border-radius:2px}.ed-block.is-drop-top:before{top:-2px}.ed-block.is-drop-bottom:after{bottom:-2px}.ed-block.is-drop-left:before,.ed-block.is-drop-right:after{content:"";position:absolute;top:0;bottom:0;width:3px;background:var(--accent);z-index:9;border-radius:2px}.ed-block.is-drop-left:before{left:-13px}.ed-block.is-drop-right:after{right:-13px}.ed-block.is-drop-inside>.ww-section{outline:2px solid var(--accent);outline-offset:-2px;background-color:#856af50d}.ed-column.is-drop-inside{outline:2px solid var(--accent);outline-offset:-2px;background:#856af50d}.ed-emptyhint{border:1px dashed color-mix(in srgb,currentColor 30%,transparent);border-radius:var(--r-sm);padding:16px;text-align:center;font-size:.82rem;opacity:.55}.ed-placeholder{opacity:.45;font-style:italic}.ed-imgplaceholder{display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px 16px;border:1px dashed color-mix(in srgb,currentColor 35%,transparent);border-radius:var(--r-sm);opacity:.6;font-size:.85rem;margin-bottom:1em}.ed-block--spacer .ww-spacer{background:repeating-linear-gradient(45deg,transparent,transparent 8px,color-mix(in srgb,currentColor 7%,transparent) 8px,color-mix(in srgb,currentColor 7%,transparent) 16px)}.insp{padding:14px;display:flex;flex-direction:column;gap:13px}.insp--empty{color:var(--text-muted);align-items:center;text-align:center;padding-top:44px}.insp__head{display:flex;align-items:center;gap:8px;font-weight:var(--fw-bold);color:var(--text-strong);padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.insp__head svg{color:var(--accent-strong)}.insp label{display:flex;flex-direction:column;gap:5px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-muted)}.insp label input,.insp label textarea{color:var(--text-strong);font-weight:var(--fw-regular)}.insp__check{flex-direction:row!important;align-items:center;gap:8px!important}.insp__check input{width:auto}.insp__wide{justify-content:center}.insp__preview{width:100%;border-radius:var(--r-sm);border:1px solid var(--border-subtle)}.insp__code{font-family:var(--font-mono);font-size:.8rem}.insp__alignrow{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-muted)}.insp__aligns{display:flex;gap:4px}.logic{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border-subtle);padding-top:10px}.logic__empty{font-size:.82rem;margin:0}.logic__fields{display:flex;flex-direction:column;gap:6px}.logic__fields input{font-size:.85rem;padding:6px 8px}.varspanel{padding:14px 12px}.varspanel__row{display:flex;align-items:center;gap:5px;margin-bottom:6px}.varspanel__name{font-family:var(--font-mono);font-size:.8rem;font-weight:var(--fw-semibold);color:var(--text-strong);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.varspanel__row input{font-size:.82rem;padding:5px 7px;width:76px;flex-shrink:0;font-family:var(--font-mono)}.varspanel__row input[placeholder]{width:auto;flex:1}.logicsheet{height:280px;flex-shrink:0;background:var(--surface-panel);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column}.logicsheet__head{height:44px;flex-shrink:0;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--border-subtle)}.logicsheet__head>svg{color:var(--accent-strong)}.logicsheet__title{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-strong)}.logicsheet__spacer{flex:1}.logicsheet__body{flex:1;display:flex;overflow:hidden}.logicsheet__palette{width:168px;flex-shrink:0;border-right:1px solid var(--border-subtle);padding:8px;overflow-y:auto}.logicsheet__pal{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 8px;border:0;border-radius:var(--r-sm);background:transparent;cursor:pointer;font:inherit;font-size:12.5px;font-weight:var(--fw-semibold);color:var(--text-body);text-align:left}.logicsheet__pal:hover:not(:disabled){background:var(--surface-hover)}.logicsheet__pal:disabled{opacity:.45;cursor:default}.logicsheet__dot{width:11px;height:11px;border-radius:3px;flex-shrink:0}.logicsheet__work{flex:1;overflow:auto;padding:18px 22px}.logicsheet__empty{color:var(--text-muted);font-size:var(--fs-sm);max-width:420px}.logicsheet__btnlist{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.logicsheet__hint{color:var(--text-muted);font-size:var(--fs-xs);margin:10px 0 0}.scratch{display:flex;flex-direction:column;align-items:flex-start}.scratch__row{position:relative}.scratch__row.is-over{box-shadow:0 -3px 0 var(--accent);border-radius:2px}.blk{display:inline-flex;flex-direction:column;filter:drop-shadow(0 1px 1px oklch(0 0 0 / .18))}.blk__notch{display:block;margin-left:14px;margin-bottom:-1px}.blk__bar{display:flex;align-items:center;gap:8px;min-height:34px;padding:4px 14px;color:#fff;font-size:13.5px;font-weight:var(--fw-semibold);border-radius:var(--r-sm);box-shadow:inset 0 1px #ffffff40,inset 0 -2px #00000024;cursor:grab;white-space:nowrap}.blk--hat .blk__bar{border-radius:16px 16px var(--r-sm) var(--r-sm)}.blk__remove{display:inline-flex;border:0;background:#00000026;border-radius:99px;padding:2px;color:#fff;cursor:pointer;margin-left:4px}.blk__remove:hover{background:#0000004d}.blk__field{display:inline-flex;align-items:center;height:22px;width:90px;padding:0 10px;border:0;background:#ffffffeb;color:var(--n-900);font-family:var(--font-ui);font-size:12.5px;font-weight:var(--fw-semibold);border-radius:var(--r-sm);box-shadow:none}.blk__field:focus{outline:none;box-shadow:0 0 0 2px #ffffff80}.blk__field--num{width:64px;font-family:var(--font-mono);border-radius:999px}.blk__field--wide{width:180px}.blk__field--empty{opacity:.8;font-style:italic;height:auto;background:transparent;color:#fff;padding:0;width:auto}.blk__select .lib-select__btn{height:22px;min-height:22px;padding:0 10px;border:0;border-radius:var(--r-sm);background:#ffffffeb;color:var(--n-900);font-size:12.5px;font-weight:var(--fw-semibold)}.lib-select{position:relative;display:inline-block;font-family:var(--lib-font, system-ui, sans-serif)}.lib-select__btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;font-family:inherit;font-size:var(--lib-control-font-size, 14px);padding:8px 12px;white-space:nowrap;cursor:pointer;background:var(--lib-surface, #fff);color:var(--lib-ink, #1f2a37);border:var(--lib-border-w, 1px) solid var(--lib-line, #d0d3d9);border-radius:var(--lib-radius, 8px)}.lib-select__btn:disabled{opacity:.5;cursor:not-allowed}.lib-select__caret{width:0;height:0;flex:none;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor}.lib-select__menu{position:absolute;top:calc(100% + 6px);left:0;z-index:60;min-width:100%;margin:0;padding:4px;list-style:none;background:var(--lib-surface, #fff);border:var(--lib-border-w, 1px) solid var(--lib-line, #d0d3d9);border-radius:var(--lib-radius, 8px);box-shadow:var(--lib-shadow, 0 8px 24px rgba(0, 0, 0, .12));max-height:280px;overflow-y:auto}.lib-select__menu li{margin:0}.lib-select__opt{display:block;width:100%;text-align:left;cursor:pointer;font-family:inherit;font-size:var(--lib-control-font-size, 14px);background:transparent;color:var(--lib-ink, #1f2a37);border:none;padding:8px 12px;white-space:nowrap;border-radius:calc(var(--lib-radius, 8px) - 4px)}.lib-select__opt:hover{background:var(--lib-track, #eef1f4)}.lib-select__opt.is-active{background:var(--lib-accent, #1d6fb8);color:var(--lib-accent-contrast, #fff)}.lib-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;padding:20px;display:flex;align-items:center;justify-content:center;background:var(--lib-overlay, rgba(18, 38, 58, .45));animation:lib-modal-fade .12s ease-out}.lib-modal{width:min(430px,100%);background:var(--lib-surface, #fff);color:var(--lib-ink, #1f2a37);border:var(--lib-border-w, 0) solid var(--lib-line, #d0d3d9);border-radius:var(--lib-radius-lg, 14px);padding:1.5rem;box-shadow:var(--lib-shadow, 0 8px 24px rgba(0, 0, 0, .18));font-family:var(--lib-font, system-ui, sans-serif);animation:lib-modal-pop .12s ease-out}.lib-modal__title{margin:0 0 .4rem;font-family:var(--lib-font-display, inherit)}.lib-modal__message{color:var(--lib-muted, #6b7a89);margin:0 0 18px}.lib-modal__actions{display:flex;justify-content:space-between;gap:12px}@keyframes lib-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes lib-modal-pop{0%{transform:translateY(6px)}to{transform:translateY(0)}}.lib-btn{font:inherit;font-weight:600;cursor:pointer;font-family:var(--lib-font, system-ui, sans-serif);padding:.55rem 1rem;border:var(--lib-border-w, 1px) solid var(--lib-line, #d0d3d9);border-radius:var(--lib-radius, 8px);background:var(--lib-surface, #fff);color:var(--lib-ink, #1f2a37)}.lib-btn:hover{filter:brightness(.97)}.lib-btn--ghost{background:transparent}.lib-btn--primary{background:var(--lib-accent, #1d6fb8);border-color:var(--lib-accent-strong, #155a95);color:var(--lib-accent-contrast, #fff)}.lib-btn--danger{background:var(--lib-danger, #b3341f);border-color:var(--lib-danger, #b3341f);color:#fff}.lib-toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:400;background:var(--lib-toast-bg, var(--lib-ink, #12263a));color:var(--lib-toast-ink, #fff);border:var(--lib-border-w, 0) solid var(--lib-line, transparent);border-radius:var(--lib-radius, 10px);box-shadow:var(--lib-shadow, 0 8px 24px rgba(0, 0, 0, .18));padding:.8rem 1.1rem;font-weight:600;max-width:calc(100vw - 32px);font-family:var(--lib-font, system-ui, sans-serif);animation:lib-toast-in .2s ease}.lib-toast--ok{border-color:var(--lib-ok, #2e7d52);color:var(--lib-toast-ok-ink, #b6e6c8)}.lib-toast--err{border-color:var(--lib-danger, #b3341f);color:var(--lib-toast-err-ink, #ffc4b8)}@keyframes lib-toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.lib-spinner{display:inline-flex;align-items:center;gap:.5em;color:var(--lib-muted, #6b7a89);font-family:var(--lib-font, system-ui, sans-serif);animation:lib-blink 1s steps(2) infinite}@keyframes lib-blink{50%{opacity:.3}}.lib-badge{display:inline-block;font-family:var(--lib-font-mono, var(--lib-font, monospace));font-size:var(--lib-badge-font-size, 10.5px);letter-spacing:var(--lib-badge-tracking, .1em);text-transform:uppercase;padding:3px 9px;border:1px solid var(--lib-badge-border, var(--lib-line, #d0d3d9));border-radius:var(--lib-badge-radius, 3px);background:var(--lib-badge-bg, transparent);color:var(--lib-badge-ink, var(--lib-muted, #5b6069));cursor:default;white-space:nowrap;flex-shrink:0}.lib-badge--ok{color:var(--lib-ok, #1f7a3d);border-color:var(--lib-ok, #1f7a3d)}.lib-badge--warn{color:var(--lib-warn, #b45309);border-color:var(--lib-warn, #b45309)}.lib-badge--danger{color:var(--lib-danger, #c0362c);border-color:var(--lib-danger, #c0362c)}button.lib-badge{cursor:pointer}.lib-badge.is-active{background:var(--lib-ink, #0a0b0d);color:var(--lib-surface, #fff);border-color:var(--lib-ink, #0a0b0d)}.lib-dropzone{position:relative;display:block;cursor:pointer;padding:var(--lib-dropzone-pad, 28px 18px);text-align:center;font-family:var(--lib-font, system-ui, sans-serif);color:var(--lib-muted, #6b7a89);background:var(--lib-dropzone-bg, var(--lib-surface, #fff));border:var(--lib-dropzone-border-w, 2px) dashed var(--lib-line, #d0d3d9);border-radius:var(--lib-radius, 8px)}.lib-dropzone.is-dragover{border-color:var(--lib-accent, #1d6fb8);background:var(--lib-accent-tint, #eef5fc);color:var(--lib-ink, #1f2a37)}.lib-dropzone.is-disabled{opacity:.5;cursor:not-allowed}.lib-dropzone__input{display:none}.lib-dropzone__label{display:block;font-size:var(--lib-control-font-size, 14px)}.lib-colorfield{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--lib-font, system-ui, sans-serif);color:var(--lib-ink, #1f2a37);font-size:var(--lib-control-font-size, 14px)}.lib-colorfield.is-disabled{opacity:.5}.lib-colorfield__controls{display:inline-flex;align-items:center;gap:10px}.lib-colorfield__hexlabel{font-family:var(--lib-font-mono, monospace);font-size:calc(var(--lib-control-font-size, 14px) - 1px);color:var(--lib-muted, #6b7a89)}.lib-colorfield__swatch{width:40px;height:30px;padding:0;cursor:pointer;border:var(--lib-border-w, 1px) solid var(--lib-line, #d0d3d9);border-radius:var(--lib-radius, 8px)}.lib-colorfield__swatch:disabled{cursor:not-allowed}.lib-colorfield__pop{position:absolute;top:calc(100% + 8px);right:0;z-index:80;display:flex;flex-direction:column;gap:10px;width:220px;padding:12px;background:var(--lib-surface, #fff);border:var(--lib-border-w, 1px) solid var(--lib-line, #d0d3d9);border-radius:var(--lib-radius, 8px);box-shadow:var(--lib-shadow, 0 8px 24px rgba(0, 0, 0, .12))}.lib-colorfield__sv{position:relative;height:130px;cursor:crosshair;border-radius:calc(var(--lib-radius, 8px) - 3px);background-image:linear-gradient(to top,#000,#0000),linear-gradient(to right,#fff,#fff0);touch-action:none}.lib-colorfield__sv-thumb,.lib-colorfield__hue-thumb{position:absolute;width:14px;height:14px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000059;pointer-events:none}.lib-colorfield__hue{position:relative;height:14px;cursor:ew-resize;border-radius:7px;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);touch-action:none}.lib-colorfield__hue-thumb{top:50%}.lib-colorfield__hex{width:100%;box-sizing:border-box;font-family:var(--lib-font-mono, monospace);font-size:var(--lib-control-font-size, 14px);padding:6px 8px;background:var(--lib-surface, #fff);color:var(--lib-ink, #1f2a37);border:var(--lib-border-w, 1px) solid var(--lib-line, #d0d3d9);border-radius:var(--lib-radius, 8px)}.lib-menu{position:fixed;z-index:1000;min-width:180px;padding:5px;background:var(--lib-surface, #1b1f25);border:1px solid var(--lib-line, #2a2f37);border-radius:var(--lib-radius, 8px);box-shadow:0 8px 28px #0007;display:grid;gap:1px}.lib-menu__item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:none;border:none;cursor:pointer;font:inherit;color:var(--lib-ink, #e6e9ee);padding:7px 10px;border-radius:6px}.lib-menu__item:hover:not(:disabled){background:var(--lib-bg, #14171c)}.lib-menu__item:disabled{opacity:.4;cursor:default}.lib-menu__item--danger{color:var(--lib-danger, #e5484d)}.lib-menu__sep{height:1px;background:var(--lib-line, #2a2f37);margin:4px 2px}:root{--lib-font: var(--font-ui, "Segoe UI", system-ui, sans-serif);--lib-font-mono: var(--font-mono, ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace);--lib-font-display: var(--font-display, var(--lib-font));--lib-bg: var(--surface-app, #f5f6fa);--lib-surface: var(--surface-panel, #ffffff);--lib-ink: var(--text-body, #1f2430);--lib-muted: var(--text-muted, #6b7280);--lib-line: var(--border-subtle, #e2e5ec);--lib-accent: var(--accent, #4f46e5);--lib-accent-strong: var(--accent-strong, #4338ca);--lib-accent-contrast: var(--text-on-brand, #ffffff);--lib-accent-tint: var(--accent-soft, #eef0fe);--lib-ok: var(--success, #16a34a);--lib-warn: var(--warning, #d97706);--lib-danger: var(--danger, #dc2626);--lib-radius: var(--r-sm, 8px);--lib-radius-lg: var(--r-lg, 15px);--lib-border-w: 1px;--lib-shadow: var(--shadow-md, 0 10px 30px rgba(20, 24, 40, .12));--lib-track: var(--surface-sunken, #eceef4);--lib-disabled-bg: var(--surface-hover, #f0f1f5);--lib-overlay: oklch(.2 .02 285 / .45);--lib-toast-bg: var(--n-900, #1f2430)}
