:root{--c-bg: #f6f7f9;--c-surface: #ffffff;--c-surface-2: #f1f3f6;--c-surface-3: #e8ebf0;--c-border: #e2e5ea;--c-border-strong: #cdd3dc;--c-text: #1a1f2b;--c-text-muted: #5c6575;--c-text-subtle: #8a92a1;--c-text-inverse: #ffffff;--c-accent: #2563eb;--c-accent-hover: #1d4ed8;--c-accent-soft: #eaf0ff;--c-accent-text: #ffffff;--c-success: #15803d;--c-success-soft: #e8f5ec;--c-warning: #b45309;--c-warning-soft: #fdf3e3;--c-danger: #b91c1c;--c-danger-soft: #fdecec;--c-paper: #ffffff;--c-canvas: #dfe3e9;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-full: 999px;--sh-sm: 0 1px 2px rgba(16, 24, 40, .06);--sh-md: 0 2px 8px rgba(16, 24, 40, .08);--sh-lg: 0 8px 28px rgba(16, 24, 40, .12);--sh-panel: 0 0 0 1px var(--c-border);--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .875rem;--fs-md: .9375rem;--fs-lg: 1.0625rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--lh-tight: 1.25;--lh-normal: 1.5;--z-base: 0;--z-sticky: 100;--z-drawer: 200;--z-modal: 300;--z-toast: 400;--motion-fast: .12s;--motion-base: .18s;--motion-slow: .26s;--ease: cubic-bezier(.2, 0, .2, 1);--sidebar-w: 236px;--topbar-h: 56px;--mobilebar-h: 60px}@media(prefers-color-scheme:dark){:root:not([data-wsm-theme=light]){--c-bg: #0f1218;--c-surface: #161a21;--c-surface-2: #1c212a;--c-surface-3: #242a35;--c-border: #282f3a;--c-border-strong: #3a4351;--c-text: #e9ecf2;--c-text-muted: #9aa3b2;--c-text-subtle: #6f7889;--c-text-inverse: #0f1218;--c-accent: #6f9cff;--c-accent-hover: #8db0ff;--c-accent-soft: #1b2334;--c-accent-text: #0d1017;--c-success: #4ade80;--c-success-soft: #14251b;--c-warning: #fbbf24;--c-warning-soft: #2a2113;--c-danger: #f87171;--c-danger-soft: #2b1717;--c-canvas: #0a0d12;--sh-sm: 0 1px 2px rgba(0, 0, 0, .4);--sh-md: 0 2px 10px rgba(0, 0, 0, .45);--sh-lg: 0 12px 32px rgba(0, 0, 0, .55)}}:root[data-wsm-theme=dark]{--c-bg: #0f1218;--c-surface: #161a21;--c-surface-2: #1c212a;--c-surface-3: #242a35;--c-border: #282f3a;--c-border-strong: #3a4351;--c-text: #e9ecf2;--c-text-muted: #9aa3b2;--c-text-subtle: #6f7889;--c-text-inverse: #0f1218;--c-accent: #6f9cff;--c-accent-hover: #8db0ff;--c-accent-soft: #1b2334;--c-accent-text: #0d1017;--c-success: #4ade80;--c-success-soft: #14251b;--c-warning: #fbbf24;--c-warning-soft: #2a2113;--c-danger: #f87171;--c-danger-soft: #2b1717;--c-canvas: #0a0d12;--sh-sm: 0 1px 2px rgba(0, 0, 0, .4);--sh-md: 0 2px 10px rgba(0, 0, 0, .45);--sh-lg: 0 12px 32px rgba(0, 0, 0, .55)}.editor{--rail-w: 76px;--panel-w: 312px;--inspector-w: 292px;--bottom-h: 56px;display:grid;grid-template-columns:var(--rail-w) var(--panel-w) minmax(0,1fr) var(--inspector-w);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"rail panel canvas inspector" "bottom bottom bottom bottom";height:calc(100dvh - var(--topbar-h));min-height:0;background:var(--c-canvas)}.editor[data-panel=closed]{grid-template-columns:var(--rail-w) 0 minmax(0,1fr) var(--inspector-w)}.rail{grid-area:rail;background:var(--c-surface);border-right:1px solid var(--c-border);display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:var(--s-2) var(--s-1);overflow-y:auto;overflow-x:hidden}.rail__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:var(--s-2) 2px;min-height:58px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--c-text-muted);font-size:10.5px;font-weight:600;line-height:1.2;text-align:center;cursor:pointer;transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.rail__btn:hover{background:var(--c-surface-2);color:var(--c-text)}.rail__btn[aria-selected=true]{background:var(--c-accent-soft);color:var(--c-accent)}.rail__icon{display:grid;place-items:center;width:22px;height:22px;font-size:16px;line-height:1}.rail__spacer{flex:1;min-height:var(--s-2)}.panel{grid-area:panel;background:var(--c-surface);border-right:1px solid var(--c-border);display:flex;flex-direction:column;min-width:0;overflow:hidden}.editor[data-panel=closed] .panel{display:none}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:var(--s-4) var(--s-4) var(--s-3);border-bottom:1px solid var(--c-border);flex:none}.panel__title{margin:0;font-size:var(--fs-lg);font-weight:650;letter-spacing:-.01em}.panel__body{flex:1;min-height:0;overflow-y:auto;padding:var(--s-4)}.panel__intro{margin:0 0 var(--s-4);color:var(--c-text-muted);font-size:var(--fs-sm);line-height:1.5}.canvas{grid-area:canvas;min-width:0;overflow:auto;padding:var(--s-5);display:flex;flex-direction:column;align-items:center;gap:var(--s-5)}.canvas__pages{display:flex;flex-direction:column;align-items:center;gap:var(--s-5);width:100%}.inspector{grid-area:inspector;background:var(--c-surface);border-left:1px solid var(--c-border);overflow-y:auto;padding:var(--s-4);min-width:0}.inspector__hint{margin:var(--s-6) 0 0;padding:0 var(--s-2);text-align:center;color:var(--c-text-muted);font-size:var(--fs-md);line-height:1.6}.inspector__hint+.inspector__hint{margin-top:var(--s-4)}.inspector__title{margin:0 0 var(--s-1);font-size:var(--fs-md);font-weight:650}.inspector__sub{margin:0 0 var(--s-4);color:var(--c-text-muted);font-size:var(--fs-sm)}.inspector__question{padding:var(--s-3);border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface-2);font-size:var(--fs-md);margin-bottom:var(--s-4);overflow-wrap:anywhere}.inspector__actions{display:flex;flex-direction:column;gap:var(--s-2)}.bottombar{grid-area:bottom;display:flex;align-items:center;gap:var(--s-3);min-height:var(--bottom-h);padding:var(--s-2) var(--s-4);background:var(--c-surface);border-top:1px solid var(--c-border);overflow-x:auto}.bottombar__chip{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);border:1px solid var(--c-border-strong);border-radius:var(--r-full);font-size:var(--fs-sm);font-weight:600;white-space:nowrap;background:var(--c-surface)}.bottombar__meta{font-size:var(--fs-sm);color:var(--c-text-muted);white-space:nowrap}.bottombar__spacer{flex:1;min-width:var(--s-2)}.bottombar__group{display:flex;align-items:center;gap:var(--s-1);flex:none}.qlist{display:flex;flex-direction:column;gap:var(--s-2);margin:0;padding:0;list-style:none}.qlist__item{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface);cursor:pointer;text-align:left;width:100%;font-size:var(--fs-sm)}.qlist__item:hover{border-color:var(--c-accent)}.qlist__item[aria-current=true]{border-color:var(--c-accent);background:var(--c-accent-soft)}.qlist__num{flex:none;width:22px;font-weight:700;color:var(--c-text-muted)}.qlist__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qlist__flag{flex:none;font-size:12px;color:var(--c-warning)}.stylegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2)}.stylegrid__btn{padding:var(--s-3);border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface);cursor:pointer;text-align:left;font-size:var(--fs-sm);font-weight:600}.stylegrid__btn:hover{border-color:var(--c-accent)}.stylegrid__btn[aria-pressed=true]{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent)}.stylegrid__desc{display:block;margin-top:2px;font-weight:400;font-size:var(--fs-xs);color:var(--c-text-muted);white-space:normal}.typelist{display:flex;flex-direction:column;gap:var(--s-2)}.typelist__btn{padding:var(--s-3);border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface);cursor:pointer;text-align:left;width:100%}.typelist__btn:hover{border-color:var(--c-accent)}.typelist__btn[aria-current=true]{border-color:var(--c-accent);background:var(--c-accent-soft)}.typelist__name{display:block;font-size:var(--fs-sm);font-weight:620}.typelist__meta{display:block;margin-top:2px;font-size:var(--fs-xs);color:var(--c-text-muted)}@media(max-width:1399px){.editor{grid-template-columns:var(--rail-w) var(--panel-w) minmax(0,1fr);grid-template-areas:"rail panel canvas" "bottom bottom bottom"}.editor[data-panel=closed]{grid-template-columns:var(--rail-w) 0 minmax(0,1fr)}.inspector{position:fixed;top:var(--topbar-h);right:0;bottom:0;width:var(--inspector-w);max-width:90vw;z-index:var(--z-drawer);box-shadow:var(--sh-lg);transform:translate(100%);transition:transform var(--motion-base) var(--ease)}.inspector[data-open=true]{transform:translate(0)}}@media(min-width:1400px){.inspector__close,.inspector-toggle{display:none}}@media(max-width:1099px){.editor{grid-template-columns:var(--rail-w) minmax(0,1fr);grid-template-areas:"rail canvas" "bottom bottom"}.editor[data-panel=closed]{grid-template-columns:var(--rail-w) minmax(0,1fr)}.panel{position:fixed;top:var(--topbar-h);left:var(--rail-w);bottom:var(--bottom-h);width:var(--panel-w);max-width:calc(100vw - var(--rail-w));z-index:var(--z-drawer);box-shadow:var(--sh-lg)}}@media(max-width:768px){.editor{--bottom-h: 60px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"canvas" "bottom" "rail"}.editor[data-panel=closed]{grid-template-columns:minmax(0,1fr)}.rail{flex-direction:row;border-right:0;border-top:1px solid var(--c-border);padding:0;overflow-x:auto;overflow-y:hidden;padding-bottom:env(safe-area-inset-bottom,0)}.rail__btn{flex:1 0 auto;min-width:68px;min-height:56px;border-radius:0}.rail__spacer{display:none}.panel,.inspector{position:fixed;inset:auto 0 0;width:auto;max-width:none;max-height:76dvh;border:1px solid var(--c-border);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--sh-lg);z-index:var(--z-modal);transform:none;overflow-y:auto}.inspector{display:none;padding-bottom:var(--s-7)}.inspector[data-open=true]{display:block}.canvas{padding:var(--s-3)}.bottombar,.bottombar__chip{padding:var(--s-2) var(--s-3)}}.editor-backdrop{position:fixed;inset:0;background:#090c1259;border:0;z-index:calc(var(--z-drawer) - 1)}@media(min-width:1100px){.editor-backdrop{display:none}}*,*:before,*:after{box-sizing:border-box}body.wsm-app{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font-ui);font-size:var(--fs-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased}.wsm-app-root{min-height:100vh;min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:var(--r-sm)}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100dvh}.shell__main{min-width:0;display:flex;flex-direction:column}.shell__content{flex:1;min-height:0;min-width:0}.page{padding:var(--s-6);max-width:1200px}.page--wide{max-width:none}.sidebar{background:var(--c-surface);border-right:1px solid var(--c-border);display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-4) var(--s-3);position:sticky;top:0;height:100dvh;overflow-y:auto}.sidebar__brand{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);font-weight:650;font-size:var(--fs-md);color:var(--c-text);text-decoration:none;margin-bottom:var(--s-2)}.sidebar__brand img{max-height:26px;width:auto}.sidebar__group{display:flex;flex-direction:column;gap:2px}.sidebar__label{padding:var(--s-3) var(--s-3) var(--s-1);font-size:var(--fs-xs);font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--c-text-subtle)}.navlink{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);min-height:38px;border-radius:var(--r-sm);color:var(--c-text-muted);text-decoration:none;background:none;border:0;width:100%;text-align:left;cursor:pointer;transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.navlink:hover{background:var(--c-surface-2);color:var(--c-text)}.navlink[aria-current=page]{background:var(--c-accent-soft);color:var(--c-accent);font-weight:600}.navlink__icon{flex:none;width:18px;height:18px;display:grid;place-items:center}.sidebar__footer{margin-top:auto;padding-top:var(--s-4);border-top:1px solid var(--c-border)}.topbar{display:flex;align-items:center;gap:var(--s-3);min-height:var(--topbar-h);padding:0 var(--s-5);background:var(--c-surface);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:var(--z-sticky)}.topbar__title{margin:0;min-width:0;flex:0 1 auto;font-size:var(--fs-lg);font-weight:650;letter-spacing:-.01em}.topbar__titleinput{width:100%;min-width:0;max-width:min(42vw,30rem);padding:var(--s-1) var(--s-2);margin-inline-start:calc(var(--s-2) * -1);border:1px solid transparent;border-radius:var(--r-sm);background:transparent;font:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit;text-overflow:ellipsis}.topbar__titleinput:hover{border-color:var(--c-border)}.topbar__titleinput:focus{outline:none;border-color:var(--c-accent);background:var(--c-surface)}.topbar__titleinput::placeholder{color:var(--c-text-muted)}.topbar__spacer{flex:1;min-width:var(--s-2)}.topbar__status{font-size:var(--fs-sm);color:var(--c-text-muted);white-space:nowrap}.topbar__status--error{color:var(--c-danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:36px;padding:0 var(--s-4);border-radius:var(--r-sm);border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text);font-size:var(--fs-base);font-weight:550;cursor:pointer;white-space:nowrap;transition:background var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease)}.btn:hover:not(:disabled){background:var(--c-surface-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-accent-text)}.btn--primary:hover:not(:disabled){background:var(--c-accent-hover);border-color:var(--c-accent-hover)}.btn--ghost{border-color:transparent;background:transparent;color:var(--c-text-muted)}.btn--ghost:hover:not(:disabled){background:var(--c-surface-2);color:var(--c-text)}.btn--danger{border-color:var(--c-danger);color:var(--c-danger);background:transparent}.btn--danger:hover:not(:disabled){background:var(--c-danger-soft)}.btn--sm{min-height:30px;padding:0 var(--s-3);font-size:var(--fs-sm)}.btn--lg{min-height:44px;padding:0 var(--s-5);font-size:var(--fs-md)}.btn--block{width:100%}@media(pointer:coarse){.btn,.navlink,.iconbtn{min-height:44px}}.iconbtn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--c-text-muted);cursor:pointer}.iconbtn:hover:not(:disabled){background:var(--c-surface-2);color:var(--c-text)}.iconbtn[aria-pressed=true]{background:var(--c-accent-soft);color:var(--c-accent)}.field{display:flex;flex-direction:column;gap:var(--s-2);margin-bottom:var(--s-4)}.field__label{font-size:var(--fs-sm);font-weight:600;color:var(--c-text)}.field__help{font-size:var(--fs-xs);color:var(--c-text-muted);margin:0}.field__error{font-size:var(--fs-xs);color:var(--c-danger);margin:0}.input,.select,.textarea{width:100%;min-height:38px;padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text);font-size:var(--fs-base)}.textarea{min-height:90px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--c-accent);outline-offset:-1px;border-color:var(--c-accent)}.input[aria-invalid=true]{border-color:var(--c-danger)}.checkbox{display:flex;align-items:flex-start;gap:var(--s-3);cursor:pointer;padding:var(--s-1) 0}.checkbox input{margin:3px 0 0;width:16px;height:16px;accent-color:var(--c-accent);flex:none}.checkbox__text{font-size:var(--fs-base)}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--c-surface-2);border-radius:var(--r-sm);border:1px solid var(--c-border)}.segmented button{border:0;background:transparent;color:var(--c-text-muted);padding:var(--s-2) var(--s-3);border-radius:4px;font-size:var(--fs-sm);font-weight:550;cursor:pointer;min-height:30px}.segmented button[aria-pressed=true]{background:var(--c-surface);color:var(--c-text);box-shadow:var(--sh-sm)}.range-row{display:flex;align-items:center;gap:var(--s-3)}.range-row input[type=range]{flex:1;accent-color:var(--c-accent);min-width:0}.range-row output{min-width:3ch;text-align:right;font-variant-numeric:tabular-nums;font-size:var(--fs-sm);color:var(--c-text-muted)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--s-5)}.card--tight{padding:var(--s-4)}.cardgrid{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}.preset-card{display:flex;flex-direction:column;gap:var(--s-2);text-align:left;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--s-4);cursor:pointer;transition:border-color var(--motion-fast) var(--ease),box-shadow var(--motion-fast) var(--ease)}.preset-card:hover{border-color:var(--c-accent);box-shadow:var(--sh-md)}.preset-card__title{margin:0;font-size:var(--fs-md);font-weight:620}.preset-card__text{margin:0;color:var(--c-text-muted);font-size:var(--fs-sm)}.preset-card__meta{margin-top:auto;padding-top:var(--s-2);display:flex;gap:var(--s-2);flex-wrap:wrap}.tag{display:inline-block;padding:2px 8px;border-radius:var(--r-full);background:var(--c-surface-2);color:var(--c-text-muted);font-size:var(--fs-xs);font-weight:600;white-space:nowrap}.tag--accent{background:var(--c-accent-soft);color:var(--c-accent)}.pagehead{margin-bottom:var(--s-5)}.pagehead__title{margin:0 0 var(--s-1);font-size:var(--fs-2xl);font-weight:680;letter-spacing:-.015em}.pagehead__lead{margin:0;color:var(--c-text-muted)}.pagehead__row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap}.sectiontitle{font-size:var(--fs-lg);font-weight:640;margin:var(--s-6) 0 var(--s-3)}.sectiontitle:first-child{margin-top:0}.empty{text-align:center;padding:var(--s-8) var(--s-5);border:1px dashed var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface)}.empty__title{margin:0 0 var(--s-2);font-size:var(--fs-lg);font-weight:620}.empty__text{margin:0 auto var(--s-5);color:var(--c-text-muted);max-width:46ch}.skeleton{background:linear-gradient(90deg,var(--c-surface-2) 25%,var(--c-surface-3) 37%,var(--c-surface-2) 63%);background-size:400% 100%;animation:skeleton 1.4s ease infinite;border-radius:var(--r-sm)}@keyframes skeleton{0%{background-position:100% 50%}to{background-position:0 50%}}.notice{display:flex;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-sm);font-size:var(--fs-sm);margin-bottom:var(--s-4);border:1px solid transparent}.notice--info{background:var(--c-accent-soft);color:var(--c-accent)}.notice--warning{background:var(--c-warning-soft);color:var(--c-warning)}.notice--error{background:var(--c-danger-soft);color:var(--c-danger)}.notice--success{background:var(--c-success-soft);color:var(--c-success)}.toasts{position:fixed;bottom:var(--s-5);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--s-2);z-index:var(--z-toast);pointer-events:none;width:min(420px,calc(100vw - var(--s-5) * 2))}.toast{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--c-text);color:var(--c-text-inverse);border-radius:var(--r-md);box-shadow:var(--sh-lg);font-size:var(--fs-base);pointer-events:auto;animation:toast-in var(--motion-base) var(--ease)}.toast--error{background:var(--c-danger);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.overlay{position:fixed;inset:0;background:#090c128c;display:grid;place-items:center;padding:var(--s-4);z-index:var(--z-modal)}.dialog{background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--sh-lg);width:min(480px,100%);max-height:90dvh;overflow-y:auto;padding:var(--s-5)}.dialog__title{margin:0 0 var(--s-2);font-size:var(--fs-lg);font-weight:640}.dialog__text{margin:0 0 var(--s-5);color:var(--c-text-muted)}.dialog__actions{display:flex;gap:var(--s-2);justify-content:flex-end;flex-wrap:wrap}.builder{display:grid;grid-template-columns:320px 1fr;height:calc(100dvh - var(--topbar-h));min-height:0}.builder__panel{border-right:1px solid var(--c-border);background:var(--c-surface);overflow-y:auto;padding:var(--s-5);min-width:0}.builder__stage{background:var(--c-canvas);overflow:auto;padding:var(--s-5);min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--s-5)}.paper{background:var(--c-paper);box-shadow:var(--sh-lg);border-radius:2px;max-width:100%}.paper svg{display:block;max-width:100%;height:auto}.paper--key{outline:2px solid var(--c-warning);outline-offset:3px}.pagelabel{font-size:var(--fs-xs);color:var(--c-text-muted);text-align:center;margin-bottom:var(--s-2)}.stage__toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-full);box-shadow:var(--sh-sm);flex-wrap:wrap;justify-content:center}.qbar{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-md);flex-wrap:wrap}.qbar__label{font-size:var(--fs-sm);font-weight:620;margin-right:var(--s-2)}.group{border-top:1px solid var(--c-border);padding-top:var(--s-4);margin-top:var(--s-4)}.group:first-child{border-top:0;padding-top:0;margin-top:0}.group__title{font-size:var(--fs-xs);font-weight:680;letter-spacing:.04em;text-transform:uppercase;color:var(--c-text-subtle);margin:0 0 var(--s-3)}.disclosure{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:var(--s-3) 0;background:none;border:0;border-top:1px solid var(--c-border);color:var(--c-text);font-size:var(--fs-base);font-weight:600;cursor:pointer;margin-top:var(--s-4)}.project-card{display:flex;flex-direction:column;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden}.project-card__body{padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-1);flex:1}.project-card__title{margin:0;font-size:var(--fs-md);font-weight:620;overflow-wrap:anywhere}.project-card__meta{font-size:var(--fs-xs);color:var(--c-text-muted)}.project-card__actions{display:flex;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-top:1px solid var(--c-border);background:var(--c-surface-2);flex-wrap:wrap}.toolbar-row{display:flex;gap:var(--s-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--s-5)}.toolbar-row .input,.toolbar-row .select{width:auto;min-width:160px;flex:0 1 220px}.table{width:100%;border-collapse:collapse;font-size:var(--fs-base)}.table th,.table td{text-align:left;padding:var(--s-3) var(--s-3);border-bottom:1px solid var(--c-border)}.table th{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-subtle)}.table-wrap{overflow-x:auto;border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface)}.auth{min-height:100dvh;display:grid;place-items:center;padding:var(--s-5);background:var(--c-bg)}.auth__card{width:min(420px,100%);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-6);box-shadow:var(--sh-md)}.auth__title{margin:0 0 var(--s-2);font-size:var(--fs-xl);font-weight:660}.auth__lead{margin:0 0 var(--s-5);color:var(--c-text-muted);font-size:var(--fs-base)}.auth__foot{margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--c-border);font-size:var(--fs-base);color:var(--c-text-muted);text-align:center}.auth a{color:var(--c-accent)}.pw-wrap{position:relative}.pw-wrap .input{padding-right:76px}.pw-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);min-height:30px;padding:0 var(--s-3);border:0;background:transparent;color:var(--c-accent);font-size:var(--fs-sm);font-weight:600;cursor:pointer;border-radius:var(--r-sm)}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.mobilebar,.drawer-backdrop{display:none}@media(max-width:1024px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);z-index:var(--z-drawer);transform:translate(-100%);transition:transform var(--motion-base) var(--ease);box-shadow:var(--sh-lg)}.sidebar[data-open=true]{transform:translate(0)}.drawer-backdrop{display:block;position:fixed;inset:0;background:#090c1273;z-index:calc(var(--z-drawer) - 1);border:0}.builder{grid-template-columns:1fr;height:auto}.builder__panel{border-right:0;border-bottom:1px solid var(--c-border);max-height:none;overflow:visible}}@media(max-width:768px){.page{padding:var(--s-4)}.topbar{padding:0 var(--s-3)}.builder__stage{padding:var(--s-3);padding-bottom:calc(var(--mobilebar-h) + var(--s-5))}.builder__panel{display:none}.builder__panel[data-sheet-open=true]{display:block;position:fixed;inset:auto 0 0;max-height:78dvh;overflow-y:auto;z-index:var(--z-drawer);border:1px solid var(--c-border);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--sh-lg);padding-bottom:var(--s-8)}.mobilebar{display:flex;position:fixed;left:0;right:0;bottom:0;height:var(--mobilebar-h);background:var(--c-surface);border-top:1px solid var(--c-border);z-index:var(--z-sticky);padding-bottom:env(safe-area-inset-bottom,0)}.mobilebar button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:none;color:var(--c-text-muted);font-size:var(--fs-xs);font-weight:600;cursor:pointer;min-height:44px}.mobilebar button[aria-pressed=true]{color:var(--c-accent)}.sheet-handle{width:36px;height:4px;border-radius:var(--r-full);background:var(--c-border-strong);margin:0 auto var(--s-4)}.toasts{bottom:calc(var(--mobilebar-h) + var(--s-4))}.pagehead__title{font-size:var(--fs-xl)}.dialog{width:100%}}.scroll-x{overflow-x:auto;max-width:100%}.wsm-drawer-toggle{display:none}@media(max-width:1024px){.wsm-drawer-toggle{display:inline-grid}}@keyframes wsm-spin{to{transform:rotate(360deg)}}.editor-root{display:flex;flex-direction:column;min-height:100dvh}.sheet{display:flex;flex-direction:column;align-items:center}.texthit{position:absolute;padding:0;border:1px solid transparent;border-radius:2px;background:transparent;cursor:text}.texthit:hover{border-color:var(--c-accent);background:#2563eb0f}.texthit[data-selected=true]{border-color:var(--c-accent);background:#2563eb1a}.texthit:focus-visible{outline:2px solid var(--c-accent);outline-offset:1px}.textedit{position:absolute;z-index:5;padding:0 2px;border:2px solid var(--c-accent);border-radius:2px;background:#fff;font-family:Helvetica,Arial,Liberation Sans,sans-serif;color:#111827;line-height:1.1}.textedit:focus{outline:none}