*{box-sizing:border-box}body{margin:0;background:var(--surface-page);color:var(--ink);font-family:var(--font-body);font-size:var(--strata-text-sm);letter-spacing:var(--strata-tracking-normal);-webkit-font-smoothing:antialiased}.hx__chrome{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:var(--strata-space-6);flex-wrap:wrap;padding:var(--strata-space-3) var(--strata-space-6);background:color-mix(in oklch,var(--surface-sunken) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:var(--strata-border-hair) solid var(--line)}.hx__brand{display:flex;align-items:baseline;gap:var(--strata-space-2);margin-right:auto}.hx__mark{font-family:var(--font-body);font-size:var(--strata-text-md);font-weight:600;letter-spacing:var(--strata-tracking-tight);color:var(--ink)}.hx__sub{font-family:var(--font-mono);font-size:var(--strata-text-xs);font-weight:500;letter-spacing:var(--strata-tracking-caps);text-transform:uppercase;color:var(--ink-faint)}.hx__counts,.hx__seeds{display:flex;gap:var(--strata-space-4);font-family:var(--font-mono);font-size:var(--strata-text-xs);color:var(--ink-faint)}.hx__count b,.hx__seeds b{color:var(--ink-muted);font-weight:500}.hx__count.is-live b{color:var(--accent)}.hx__count--dead b{color:var(--warning)}.hx__seeds .is-moved b{color:var(--accent)}.hx__actions{display:flex;align-items:center;gap:var(--strata-space-3)}.hx__btn{font-family:var(--font-mono);font-size:var(--strata-text-xs);color:var(--ink-faint);background:none;border:var(--strata-border-hair) solid var(--line);border-radius:var(--radius-interactive);padding:.35rem .7rem;cursor:pointer;transition:color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.hx__btn:hover{color:var(--ink);border-color:var(--line-strong)}.hx__toggle{display:inline-flex;align-items:center;gap:var(--strata-space-2);font-family:var(--font-mono);font-size:var(--strata-text-xs);color:var(--ink-muted);cursor:pointer}.hx__toggle input{accent-color:var(--accent)}.mv{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}.mv__box{position:fixed;pointer-events:none;border-radius:inherit}.mv__box--hover{outline:var(--strata-border-hair) solid var(--accent-line);outline-offset:2px}.mv__box--selected{outline:var(--strata-border-hair) solid var(--accent);outline-offset:2px}.mv__label{position:absolute;bottom:100%;left:0;transform:translateY(-6px);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.02em;white-space:nowrap;color:var(--accent-ink);background:var(--accent);padding:.1rem .4rem;border-radius:var(--strata-radius-1)}.mv__box--hover .mv__label{color:var(--ink-muted);background:var(--surface-overlay);border:var(--strata-border-hair) solid var(--line)}.mv__label em{font-style:normal;opacity:.65}.mv__handle{position:absolute;width:.75rem;height:.75rem;margin:-.375rem 0 0 -.375rem;padding:0;border:var(--strata-border-thick, 2px) solid var(--accent);background:var(--surface-page);border-radius:var(--strata-radius-round);pointer-events:auto;cursor:grab;transition:transform var(--motion-fast) var(--motion-ease),background var(--motion-fast) var(--motion-ease)}.mv__handle:hover,.mv__handle.is-active{background:var(--accent);transform:scale(1.25)}.mv__handle:active{cursor:grabbing}.mv__handle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mv__handle--corner{cursor:nwse-resize}.mv__handle--inset{cursor:ew-resize}.mv__handle--gap{cursor:ns-resize}.mv__ruler{position:fixed;pointer-events:none;font-family:var(--font-mono);font-size:.66rem;color:var(--ink-muted)}.mv__ruler-track{position:relative;height:.75rem;border-bottom:var(--strata-border-hair) solid var(--line-strong);margin-bottom:.35rem}.mv__tick{position:absolute;bottom:0;width:1px;height:.4rem;background:var(--line-strong)}.mv__tick.is-snapped{height:.75rem;background:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.mv__cursor{position:absolute;bottom:-.15rem;width:.4rem;height:.4rem;margin-left:-.2rem;border-radius:var(--strata-radius-round);background:var(--accent)}.mv__ruler-value strong{color:var(--accent);font-weight:500}.mv__ruler-value em{font-style:normal;color:var(--ink-faint)}.mv__promote{position:fixed;pointer-events:auto;z-index:70;background:var(--surface-overlay);border:var(--strata-border-hair) solid var(--line-strong);border-radius:var(--radius-interactive);box-shadow:var(--shadow-overlay);padding:var(--strata-space-2);max-width:26rem}.mv__promote-row{display:flex;align-items:center;gap:.25rem}.mv__promote-lede{font-family:var(--font-mono);font-size:.66rem;color:var(--ink-muted);padding-right:var(--strata-space-2);white-space:nowrap}.mv__promote-lede em{font-style:normal;color:var(--ink-faint)}.mv__seg{font-family:var(--font-body);font-size:var(--strata-text-xs);color:var(--ink-muted);background:none;border:var(--strata-border-hair) solid transparent;border-radius:calc(var(--radius-interactive) * .7);padding:.3rem .6rem;cursor:pointer;white-space:nowrap;transition:color var(--motion-fast) var(--motion-ease),background var(--motion-fast) var(--motion-ease)}.mv__seg:hover{color:var(--ink);background:var(--accent-soft)}.mv__seg.is-current{color:var(--accent-ink);background:var(--accent)}.mv__seg.is-armed{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.mv__seg--quiet{color:var(--ink-faint);padding-left:0}.mv__promote-note{margin:var(--strata-space-2) 0 0;font-size:var(--strata-text-xs);color:var(--warning);line-height:var(--strata-leading-normal)}.mv__proposal{margin-top:var(--strata-space-2);padding-top:var(--strata-space-2);border-top:var(--strata-border-hair) solid var(--line);font-family:var(--font-mono);font-size:.66rem;color:var(--ink-faint)}.mv__proposal-head{margin:0 0 .35rem;color:var(--ink-muted)}.mv__proposal-head strong{color:var(--accent);font-weight:500}.mv__proposal-head em{display:block;font-style:normal;color:var(--warning)}.mv__proposal-cost{margin:0 0 .25rem}.mv__proposal-list{list-style:none;margin:0 0 .35rem;padding:0;display:grid;gap:.15rem}.mv__proposal-list li{display:flex;justify-content:space-between;gap:var(--strata-space-4)}.mv__proposal-list code{color:var(--ink-muted)}.mv__proposal-more{color:var(--ink-faint);opacity:.7}.mv__readout{position:fixed;left:0;right:0;bottom:0;pointer-events:auto;background:color-mix(in oklch,var(--surface-sunken) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:var(--strata-border-hair) solid var(--line);padding:var(--strata-space-3) var(--strata-space-6);font-family:var(--font-mono);font-size:.7rem}.mv__readout-head{display:flex;align-items:center;gap:var(--strata-space-4);margin-bottom:var(--strata-space-2)}.mv__readout-node{color:var(--ink)}.mv__readout-node em{font-style:normal;color:var(--accent)}.mv__readout-props{display:flex;gap:.25rem}.mv__chip{font-family:inherit;font-size:.66rem;color:var(--ink-faint);background:none;border:var(--strata-border-hair) solid var(--line);border-radius:var(--strata-radius-1);padding:.1rem .4rem;cursor:pointer}.mv__chip.is-current{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.mv__readout-value{margin-left:auto;color:var(--accent)}.mv__readout-value em{font-style:normal;color:var(--ink-faint)}.mv__chain{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}.mv__step{display:grid;grid-template-columns:6rem 14rem 1fr;gap:var(--strata-space-4);color:var(--ink-faint)}.mv__step.is-applied{color:var(--ink)}.mv__step.is-applied .mv__step-scope:before{content:"● ";color:var(--accent)}.mv__step.is-shadowed .mv__step-scope:before{content:"○ "}.mv__step.is-no-match{opacity:.45}.mv__step.is-no-match .mv__step-scope:before{content:"· "}.mv__step-note{color:var(--ink-faint)}@media(max-width:48rem){.mv__step{grid-template-columns:5rem 1fr}.mv__step-note{display:none}}body[data-malleable-moving]{-webkit-user-select:none;user-select:none;cursor:grabbing}.mv__container{position:fixed;pointer-events:none;outline:var(--strata-border-hair) dashed var(--accent-line);outline-offset:4px;border-radius:var(--radius-surface)}.mv__container .mv__label{color:var(--ink-muted);background:var(--surface-overlay);border:var(--strata-border-hair) solid var(--line)}.mv__line{position:fixed;pointer-events:none;background:var(--accent);border-radius:2px;box-shadow:0 0 0 2px var(--accent-soft)}.mv__ghost{position:fixed;pointer-events:none;transform:translate(12px,12px);font-family:var(--font-mono);font-size:.7rem;color:var(--accent-ink);background:var(--accent);padding:.15rem .5rem;border-radius:var(--strata-radius-1);white-space:nowrap}.mv__status{position:fixed;left:50%;bottom:1.25rem;transform:translate(-50%);pointer-events:none;font-family:var(--font-mono);font-size:.72rem;color:var(--ink);background:var(--surface-overlay);border:var(--strata-border-hair) solid var(--line);padding:.4rem .75rem;border-radius:var(--radius-interactive);max-width:60ch;white-space:pre-wrap}.mv__status.is-error{color:var(--danger)}.hx__btn.is-done{color:var(--positive)}.mv__props{position:fixed;transform:translateY(-100%);pointer-events:auto;display:flex;flex-direction:column;gap:.25rem;padding:.3rem .45rem;background:var(--surface-overlay);border:var(--strata-border-hair) solid var(--line);border-radius:var(--radius-interactive);box-shadow:var(--shadow-floating)}.mv__props-note{font-family:var(--font-mono);font-size:.62rem;color:var(--ink-faint);font-style:normal}.mv__box--group{outline:var(--strata-border-hair) dashed var(--accent-line);outline-offset:3px}.mv__seg--scrub{cursor:ew-resize;min-width:3ch;touch-action:none}:root{--strata-font-display: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter, system-ui, sans-serif;--strata-font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter, system-ui, sans-serif;--strata-font-mono: ui-monospace, "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;--strata-text-xs: clamp(.694rem, .66rem + .17vw, .79rem);--strata-text-sm: clamp(.833rem, .79rem + .21vw, .95rem);--strata-text-md: clamp(1rem, .95rem + .25vw, 1.14rem);--strata-text-lg: clamp(1.2rem, 1.13rem + .34vw, 1.42rem);--strata-text-xl: clamp(1.44rem, 1.34rem + .48vw, 1.77rem);--strata-text-2xl: clamp(1.728rem, 1.58rem + .72vw, 2.22rem);--strata-leading-normal: 1.55;--strata-tracking-tight: -.02em;--strata-tracking-normal: -.01em;--strata-tracking-wide: .08em;--strata-tracking-caps: .14em;--strata-space-1: .25rem;--strata-space-2: .5rem;--strata-space-3: .75rem;--strata-space-4: 1rem;--strata-space-5: 1.5rem;--strata-space-6: 2rem;--strata-space-7: 3rem;--strata-space-8: 4rem;--strata-radius-0: 0;--strata-radius-1: .25rem;--strata-radius-2: .5rem;--strata-radius-3: .75rem;--strata-radius-4: 1.25rem;--strata-radius-round: 999px;--radius-pill: var(--strata-radius-round);--strata-border-hair: 1px;--strata-shadow-1: 0 1px 2px;--strata-shadow-2: 0 4px 12px -2px;--strata-shadow-3: 0 16px 40px -8px;--strata-ease-out: cubic-bezier(.16, 1, .3, 1);--strata-ease-in-out: cubic-bezier(.65, 0, .35, 1);--strata-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--font-display: var(--strata-font-display);--font-body: var(--strata-font-body);--font-mono: var(--strata-font-mono);--shadow-raised: var(--strata-shadow-1) var(--shadow-color);--shadow-floating: var(--strata-shadow-2) var(--shadow-color);--shadow-overlay: var(--strata-shadow-3) var(--shadow-color)}@media(prefers-reduced-motion:reduce){:root{--motion-instant: 0ms;--motion-fast: 0ms;--motion-base: 0ms;--motion-slow: 0ms}}.st-card{display:flex;flex-direction:column;gap:var(--strata-space-3);background:var(--surface-raised);border:var(--strata-border-hair) solid var(--line);border-radius:var(--radius-surface);padding:var(--surface-pad);box-shadow:var(--shadow-raised);transition:border-color var(--motion-base) var(--motion-ease),box-shadow var(--motion-base) var(--motion-ease),border-radius var(--motion-fast) var(--motion-ease),padding var(--motion-fast) var(--motion-ease)}.st-card--interactive{cursor:pointer}.st-card--interactive:hover{border-color:var(--accent-line);box-shadow:var(--shadow-floating)}.st-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--strata-space-3)}.st-card__title{font-family:var(--font-display);font-size:var(--strata-text-lg);font-weight:600;letter-spacing:var(--strata-tracking-tight);color:var(--ink);margin:0}.st-card__meta{font-family:var(--font-mono);font-size:var(--strata-text-xs);color:var(--ink-faint)}.st-card__body{font-size:var(--strata-text-sm);line-height:var(--strata-leading-normal);color:var(--ink-muted);margin:0}.st-card__footer{display:flex;gap:var(--strata-space-2);align-items:center}.st-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--strata-space-2);height:var(--control-h-md);padding:0 var(--control-pad-x);border-radius:var(--radius-interactive);border:var(--strata-border-hair) solid transparent;font-family:var(--font-body);font-size:var(--strata-text-sm);font-weight:600;color:var(--ink);background:transparent;cursor:pointer;white-space:nowrap;transition:background var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),border-radius var(--motion-fast) var(--motion-ease)}.st-button--primary{background:var(--accent);color:var(--accent-ink)}.st-button--secondary{background:var(--surface-raised);border-color:var(--line-strong)}.st-button--ghost{color:var(--ink-muted)}.st-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.st-badge{display:inline-flex;align-items:center;gap:var(--strata-space-1);padding:var(--strata-space-1) var(--strata-space-3);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--strata-text-xs);border:var(--strata-border-hair) solid transparent}.st-badge--neutral{background:var(--surface-sunken);color:var(--ink-muted)}.st-badge--accent{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}.st-badge--positive{background:var(--positive-soft);color:var(--positive)}.gallery,.settings{display:flex;flex-direction:column;gap:var(--stack-gap)}.gallery__head,.settings__head{display:flex;align-items:center;gap:var(--strata-space-3)}.gallery__title,.settings__title{font-family:var(--font-display);font-size:var(--strata-text-xl);font-weight:700;letter-spacing:var(--strata-tracking-tight);color:var(--ink);margin:0}.gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--stack-gap)}.settings__stack{display:flex;flex-direction:column;gap:var(--stack-gap)}.page{display:grid;grid-template-columns:minmax(0,1fr) 16rem;grid-template-areas:"top top" "main aside" "foot foot";gap:var(--strata-space-8) var(--strata-space-6);padding:var(--strata-space-8) var(--strata-space-6) 14rem;max-width:74rem;margin:0 auto}.topbar{grid-area:top;display:flex;align-items:center;justify-content:space-between;gap:var(--strata-space-4);padding-bottom:var(--strata-space-4);border-bottom:var(--strata-border-hair) solid var(--line)}.topbar__logo{font-family:var(--font-display);font-size:var(--strata-text-md);font-weight:600;letter-spacing:var(--strata-tracking-tight);color:var(--ink);text-decoration:none}.topbar__nav{display:flex;align-items:center;gap:var(--strata-space-4)}.topbar__link{font-size:var(--strata-text-sm);color:var(--ink-muted);text-decoration:none}.page__main{grid-area:main;display:flex;flex-direction:column;gap:var(--strata-space-8);min-width:0}.page__aside{grid-area:aside;display:flex;flex-direction:column;gap:var(--strata-space-6)}.page__foot{grid-area:foot;padding-top:var(--strata-space-4);border-top:var(--strata-border-hair) solid var(--line)}.page__note,.notes__body,.publish__body{font-size:var(--strata-text-sm);color:var(--ink-muted);margin:0}.filters{display:flex;gap:var(--strata-space-3);align-items:center}.filters__input{flex:1;min-width:0;height:var(--control-h-md);padding:0 var(--control-pad-x);border-radius:var(--radius-interactive);border:var(--strata-border-hair) solid var(--line);background:var(--surface-sunken);color:var(--ink);font:inherit}.notes,.publish{display:flex;flex-direction:column;gap:var(--strata-space-3)}.notes__title{font-family:var(--font-display);font-size:var(--strata-text-md);font-weight:600;letter-spacing:var(--strata-tracking-tight);color:var(--ink);margin:0}.publish__dialog{display:flex;flex-direction:column;gap:var(--strata-space-3);padding:var(--surface-pad);border-radius:var(--radius-surface);background:var(--surface-overlay);border:var(--strata-border-hair) solid var(--line)}@media(max-width:48rem){.page{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "main" "aside" "foot"}}