@font-face{font-family:Inter;src:url(/fonts/InterVariable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 16px;--text-lg: 19px;--text-xl: 23px;--text-2xl: 28px;--text-3xl: 34px;--text-hero: clamp(2.2rem, 5vw, 4rem);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--space-12: 96px;--radius: 10px;--radius-sm: 7px;--radius-lg: 16px;--tap: 34px;--shadow-1: 0 1px 2px rgba(30, 40, 51, .06), 0 1px 3px rgba(30, 40, 51, .09);--shadow: 0 10px 30px rgba(30, 40, 51, .14);--shadow-lg: 0 22px 48px rgba(30, 40, 51, .2);color-scheme:light;--bg: #faf8f5;--surface: #ffffff;--surface-2: #f3efe9;--surface-3: #e8e2d9;--ink: #1e2833;--ink-soft: #55606f;--ink-faint: #68707c;--blueprint: #1f5fa8;--terracotta: #bd5129;--terracotta-hover: #a94824;--sun: #e8a13a;--leaf: #4e7a4e;--grid-line: rgba(31, 95, 168, .08);--border: rgba(30, 40, 51, .12);--border-strong: rgba(30, 40, 51, .22);--on-accent: #ffffff;--danger: #bf3b2c;--good: #2c8a55;--warn: #a56a12;--badge-warn-bg: #996210;--canvas-bg: #e7e2da;--accent-soft: rgba(189, 81, 41, .12);--accent-line: rgba(189, 81, 41, .4);--blueprint-soft: rgba(31, 95, 168, .1);--warn-soft: rgba(232, 161, 58, .16);--good-line: rgba(44, 138, 85, .45);--danger-line: rgba(191, 59, 44, .45);--surface-overlay: rgba(255, 255, 255, .86);--scrim: rgba(30, 33, 40, .45);--panel: var(--surface);--panel-2: var(--surface-2);--panel-3: var(--surface-3);--text: var(--ink);--text-dim: var(--ink-soft);--text-faint: var(--ink-faint);--accent: var(--terracotta);--accent-hover: var(--terracotta-hover)}:root[data-theme=dark]{color-scheme:dark;--bg: #12161c;--surface: #1b222b;--surface-2: #222b35;--surface-3: #2c3742;--ink: #edeae4;--ink-soft: #9aa5b1;--ink-faint: #828d9a;--blueprint: #5b9bd9;--terracotta: #d97a52;--terracotta-hover: #e78e69;--sun: #e8a13a;--leaf: #6e9b6e;--grid-line: rgba(91, 155, 217, .1);--border: rgba(237, 234, 228, .13);--border-strong: rgba(237, 234, 228, .24);--on-accent: #23100a;--danger: #f0776b;--good: #5bc48e;--warn: #e8a13a;--badge-warn-bg: #e8a13a;--canvas-bg: #0e1218;--accent-soft: rgba(217, 122, 82, .16);--accent-line: rgba(217, 122, 82, .45);--blueprint-soft: rgba(91, 155, 217, .14);--warn-soft: rgba(232, 161, 58, .16);--good-line: rgba(91, 196, 142, .45);--danger-line: rgba(240, 119, 107, .45);--surface-overlay: rgba(27, 34, 43, .86);--scrim: rgba(6, 7, 10, .6)}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--blueprint);outline-offset:2px;border-radius:3px}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:var(--text-base);-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;color:inherit;cursor:pointer}input,select{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px;border:2px solid transparent;background-clip:padding-box}.app{display:grid;grid-template-rows:48px 1fr;height:100%;width:100%}.app__body{position:relative;display:flex;min-height:0;overflow:hidden}.stage-wrap{position:relative;flex:1 1 auto;min-width:0;background:var(--canvas-bg)}.topbar{display:flex;align-items:center;gap:12px;padding:0 12px;background:var(--panel);border-bottom:1px solid var(--border);z-index:20}.topbar__brand{display:flex;align-items:center;gap:6px;font-weight:700;letter-spacing:.2px;-webkit-user-select:none;user-select:none}.topbar__cow{cursor:pointer;font-size:15px;transition:transform .15s ease;background:none;border:none;padding:2px}.topbar__cow:hover{transform:rotate(-12deg) scale(1.25)}.topbar__name{background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text);padding:5px 8px;min-width:160px;max-width:280px;font-size:13px;font-weight:500}.topbar__name:hover{border-color:var(--border)}.topbar__name:focus{outline:none;border-color:var(--accent);background:var(--panel-2)}.topbar__spacer{flex:1}.topbar__group{display:flex;align-items:center;gap:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--tap);padding:0 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:13px;font-weight:500;transition:background .12s,border-color .12s}.btn:hover:not(:disabled){background:var(--panel-3);border-color:var(--border-strong)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--icon{width:var(--tap);padding:0}.btn--ghost{background:transparent;border-color:transparent}.btn--ghost:hover:not(:disabled){background:var(--panel-2)}.toolbar{display:flex;flex-direction:column;align-items:center;gap:4px;width:52px;padding:8px 0;background:var(--panel);border-right:1px solid var(--border);z-index:15}.tool{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-dim);transition:background .12s,color .12s}.tool:hover{background:var(--panel-2);color:var(--text)}.tool[data-active=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}.tool__kbd{position:absolute;right:3px;bottom:2px;font-size:9px;color:var(--text-faint);font-weight:600}.toolbar__divider{width:24px;height:1px;background:var(--border);margin:4px 0}.library{display:flex;flex-direction:column;width:288px;background:var(--panel);border-right:1px solid var(--border);z-index:14}.library__head{padding:12px 12px 8px;border-bottom:1px solid var(--border)}.library__title{display:flex;align-items:center;justify-content:space-between;font-weight:600;margin-bottom:10px}.search{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;height:var(--tap)}.search:focus-within{border-color:var(--accent)}.search input{flex:1;background:transparent;border:none;color:var(--text);font-size:13px;outline:none}.chips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border-bottom:1px solid var(--border)}.chip{padding:5px 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--text-dim);font-size:12px;transition:all .12s}.chip:hover{color:var(--text)}.chip[data-active=true]{background:var(--terracotta);border-color:var(--terracotta);color:var(--on-accent)}.library__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;overflow-y:auto;align-content:start}.libcard{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left;transition:border-color .12s,transform .08s}.libcard:hover{border-color:var(--accent);transform:translateY(-1px)}.libcard__thumb{height:70px;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden}.libcard__name{font-size:12px;font-weight:500;line-height:1.25}.libcard__meta{font-size:11px;color:var(--text-faint)}.empty{grid-column:1 / -1;padding:28px 10px;text-align:center;color:var(--text-faint);font-size:12px;line-height:1.5}.inspector{display:flex;flex-direction:column;width:300px;background:var(--panel);border-left:1px solid var(--border);overflow-y:auto;z-index:14}.section{padding:14px;border-bottom:1px solid var(--border)}.section__title{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-faint);font-weight:700;margin:0 0 12px}.field{margin-bottom:12px}.field:last-child{margin-bottom:0}.field__label{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--text-dim);margin-bottom:5px}.field__value{font-variant-numeric:tabular-nums;color:var(--text);font-weight:500}.input{width:100%;height:32px;padding:0 10px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:13px;outline:none}.input:focus{border-color:var(--accent)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seg{display:flex;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;gap:2px}.seg button{flex:1;height:28px;border:none;background:transparent;color:var(--text-dim);border-radius:4px;font-size:12px;font-weight:500}.seg button[data-active=true]{background:var(--accent);color:var(--on-accent);font-weight:600}.presets{display:flex;gap:6px}.preset{flex:1;height:30px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);font-size:12px}.preset[data-active=true]{border-color:var(--terracotta);color:var(--on-accent);background:var(--terracotta)}.stat{display:flex;justify-content:space-between;padding:8px 10px;background:var(--panel-2);border-radius:var(--radius-sm);margin-bottom:6px}.stat__k{color:var(--text-dim);font-size:12px}.stat__v{font-weight:600;font-variant-numeric:tabular-nums}.swatch{width:20px;height:20px;border-radius:4px;border:1px solid var(--border-strong);flex-shrink:0}.range{width:100%;accent-color:var(--accent)}.statusbar{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:14px;padding:7px 12px;background:var(--surface-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:var(--radius);font-size:12px;color:var(--text-dim);z-index:10;font-variant-numeric:tabular-nums}.statusbar b{color:var(--text);font-weight:600}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}.dot--good{background:var(--good)}.dot--warn{background:var(--warn)}.canvas-ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.canvas-ph__card{text-align:center;color:var(--text-faint);max-width:380px;padding:24px}.canvas-ph__badge{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--badge-warn-bg);border:1px solid transparent;color:var(--on-accent);font-size:11px;font-weight:600;margin-bottom:12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100}.modal{width:min(440px,calc(100vw - 32px));background:var(--panel);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.modal__head{padding:16px 18px;border-bottom:1px solid var(--border);font-weight:600;font-size:15px}.modal__body{padding:18px;color:var(--text-dim);line-height:1.55;font-size:13px}.modal__foot{padding:14px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.toasts{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:200;align-items:center}.toast{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius);background:var(--panel-3);border:1px solid var(--border-strong);box-shadow:var(--shadow);font-size:13px;animation:toast-in .2s ease}.toast--good{border-color:var(--good-line)}.toast--error{border-color:var(--danger-line)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.play-row{display:flex;align-items:center;gap:8px}.play-btn{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--accent)}.play-btn[data-active=true]{background:var(--accent);color:var(--on-accent)}.btn--block{width:100%}.btn--danger{background:var(--danger);border-color:var(--danger);color:var(--on-accent);font-weight:600}.btn--danger:hover:not(:disabled){filter:brightness(.94)}.btn--sm{height:28px;padding:0 10px;font-size:12px}.shell{display:grid;grid-template-columns:236px 1fr;height:100%;width:100%}.sidebar{display:flex;flex-direction:column;gap:4px;padding:14px 10px;background:var(--panel);border-right:1px solid var(--border);min-height:0;overflow-y:auto}.sidebar__brand{display:flex;align-items:center;gap:8px;padding:4px 10px 12px;font-weight:700;font-size:15px;color:var(--text);text-decoration:none}.sidebar__spacer{flex:1}.nav{display:flex;flex-direction:column;gap:2px}.nav--foot{border-top:1px solid var(--border);padding-top:8px}.nav__item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--text-dim);text-decoration:none;font-size:13px;font-weight:500;transition:background .12s,color .12s}.nav__item:hover{background:var(--panel-2);color:var(--text)}.nav__item[data-active=true]{background:var(--terracotta);color:var(--on-accent)}.nav__item--foot{font-size:12px;color:var(--text-faint)}.shell__main{display:flex;flex-direction:column;min-width:0;min-height:0}.appbar{display:flex;align-items:center;gap:10px;height:52px;padding:0 20px;background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0}.appbar__crumb{display:flex;align-items:center;gap:8px;font-size:13px;min-width:0}.appbar__crumb-link{color:var(--text-dim);text-decoration:none}.appbar__crumb-link:hover{color:var(--text)}.appbar__crumb-sep{color:var(--text-faint)}.appbar__crumb-current{color:var(--text);font-weight:600}.appbar__spacer{flex:1}.appbar__user{width:var(--tap);height:var(--tap);border-radius:50%;background:var(--panel-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.appbar__user:disabled{opacity:.6;cursor:not-allowed}.appbar__avatar{color:var(--text-dim);font-size:13px}.shell__content{flex:1;min-height:0;overflow-y:auto;padding:26px 28px 60px}.page{max-width:960px;margin:0 auto}.page--wide{max-width:1200px}.page__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.page__title{margin:0;font-size:22px;font-weight:700}.page__sub{margin:4px 0 0;color:var(--text-dim);font-size:13px}.page__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.block{margin-bottom:28px}.block__head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.block__title{margin:0;font-size:15px;font-weight:600}.block__hint{font-size:11px;color:var(--text-faint);font-weight:600;letter-spacing:.4px}.note{margin:10px 0 0;font-size:12px;color:var(--text-faint);line-height:1.5}.stage-note{display:flex;align-items:baseline;gap:8px;margin:0 0 20px;padding:10px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;color:var(--text-dim);line-height:1.5}.stage-note__tag{flex-shrink:0;padding:2px 7px;border-radius:999px;background:var(--terracotta);color:var(--on-accent);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.5;white-space:nowrap}.badge--muted{background:var(--panel-3);color:var(--text-dim)}.badge--accent{background:var(--terracotta);color:var(--on-accent)}.badge--sponsored{background:var(--blueprint);color:var(--on-accent)}.badge--warn{background:var(--badge-warn-bg);color:var(--on-accent)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.card{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);text-align:left;text-decoration:none;color:var(--text);transition:border-color .12s,transform .08s}a.card:hover{border-color:var(--accent);transform:translateY(-1px)}.card__thumb{height:110px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--panel-2),var(--panel-3));border:1px solid var(--border)}.card__title{font-size:13px;font-weight:600}.card__meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-faint)}.card--new{align-items:center;justify-content:center;min-height:168px;gap:8px;color:var(--text-dim);border-style:dashed;font-size:13px;font-weight:500}.card--new:disabled{opacity:.7;cursor:not-allowed}.card--new__plus{font-size:26px;line-height:1}.card--project:disabled{opacity:.75;cursor:default}.card__thumb-link,.card__title-link{text-decoration:none;color:inherit;display:block}.card__title-link:hover .card__title{color:var(--terracotta)}.card--project:hover{border-color:var(--border-strong)}.card__actions{display:flex;gap:var(--space-1);margin-top:auto;padding-top:var(--space-2);border-top:1px solid var(--border)}.card__action-danger:hover:not(:disabled){color:var(--danger)}.empty-state{padding:32px 20px;text-align:center;background:var(--panel);border:1px dashed var(--border-strong);border-radius:var(--radius)}.empty-state__icon{font-size:26px;margin-bottom:10px}.empty-state__title{font-weight:600;margin-bottom:6px}.empty-state__body{margin:0 auto;max-width:420px;color:var(--text-dim);font-size:13px;line-height:1.55}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.kpi{padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.kpi__label{font-size:12px;color:var(--text-dim)}.kpi__value{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;margin:6px 0 2px;color:var(--text)}.kpi__hint{font-size:11px;color:var(--text-faint)}.public{height:100%;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--bg)}.public--scroll{align-items:flex-start}.auth{width:min(400px,100%);display:flex;flex-direction:column;align-items:stretch;gap:14px}.auth__brand{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:16px;color:var(--text);text-decoration:none}.auth__card{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.auth__title{margin:0;font-size:20px;font-weight:700}.auth__sub{margin:-4px 0 4px;color:var(--text-dim);font-size:13px;line-height:1.5}.auth__divider{display:flex;align-items:center;gap:10px;color:var(--text-faint);font-size:12px}.auth__divider:before,.auth__divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth__footer{text-align:center;color:var(--text-dim);font-size:13px}.auth__footer a,.note a,.empty-state a{color:var(--accent)}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;color:var(--text-dim)}.form-hint{margin:2px 0 0;font-size:11px;color:var(--text-faint);line-height:1.5}.form-check{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-dim);line-height:1.45}.form-check input{margin-top:2px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:16px}.plans{width:min(1040px,100%);margin:0 auto}.plans__head{text-align:center;margin-bottom:28px;display:flex;flex-direction:column;gap:8px;align-items:center}.plans__title{margin:8px 0 0;font-size:26px;font-weight:700}.plans__sub{margin:0;max-width:560px;color:var(--text-dim);font-size:14px;line-height:1.55}.plans__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:32px}.plan{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.plan--featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.plan__flag{position:absolute;top:-11px;left:22px;padding:3px 10px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:700}.plan__name{font-size:16px;font-weight:700}.plan__price{font-size:26px;font-weight:700}.plan__cadence{font-size:13px;font-weight:400;color:var(--text-dim)}.plan__blurb{margin:0;flex:1;color:var(--text-dim);font-size:13px;line-height:1.5}.plans__foot{text-align:center;color:var(--text-faint);font-size:12px;line-height:1.55}.table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.feature-table,.data-table{width:100%;border-collapse:collapse;font-size:13px}.feature-table th,.feature-table td,.data-table th,.data-table td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.feature-table thead th,.data-table thead th{background:var(--panel-2);color:var(--text-dim);font-size:12px;font-weight:600}.feature-table tbody th[scope=row]{font-weight:500;color:var(--text)}.feature-table td{color:var(--text-dim);white-space:normal}.feature-table tr:last-child td,.feature-table tr:last-child th,.data-table tr:last-child td{border-bottom:none}.data-table__empty{padding:26px 14px;text-align:center;color:var(--text-faint);white-space:normal}.filterbar{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}.filterbar .search{flex:1;min-width:220px}.filterbar__select{width:auto;min-width:130px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-link{padding:7px 14px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--text-dim);font-size:13px;text-decoration:none;transition:all .12s}.chip-link:hover{color:var(--accent);border-color:var(--accent)}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.asset-ph{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--border)}.quick-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.shared{display:flex;flex-direction:column;height:100%}.shared__bar{display:flex;align-items:center;gap:12px;padding:0 20px;height:52px;background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0}.shared__label{color:var(--text-dim);font-size:13px}.shared__body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 320px}.shared__viewer{min-width:0;display:flex;align-items:center;justify-content:center;background:var(--canvas-bg);padding:24px}.shared__viewer-ph{text-align:center;color:var(--text-faint);font-size:13px}.shared__comments{border-left:1px solid var(--border);background:var(--panel);padding:18px;overflow-y:auto}.comment-box{display:flex;flex-direction:column;gap:10px;margin-top:14px}.comment-box__text{height:84px;padding:8px 10px;resize:none}.subnav{display:flex;gap:4px;margin-bottom:22px;border-bottom:1px solid var(--border);overflow-x:auto}.subnav__item{padding:9px 14px;color:var(--text-dim);text-decoration:none;font-size:13px;font-weight:500;border-bottom:2px solid transparent;white-space:nowrap}.subnav__item:hover{color:var(--text)}.subnav__item[data-active=true]{color:var(--accent);border-bottom-color:var(--accent)}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:16px}.stat-card{padding:14px 16px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.stat-card__k{font-size:12px;color:var(--text-dim);margin-bottom:6px}.stat-card__v{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600}.consent-list{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.flag-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.flag-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.flag-row:last-child{border-bottom:none}.flag-row__label{font-size:13px;font-weight:500}.flag-row__key{font-size:11px;color:var(--text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.switch{position:relative;display:inline-block;flex-shrink:0}.switch input{position:absolute;opacity:0}.switch__track{display:block;width:38px;height:22px;border-radius:999px;background:var(--panel-3);border:1px solid var(--border-strong);position:relative;opacity:.6}.switch__track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-faint)}.notfound{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.notfound__code{font-size:48px}.notfound__title{margin:0;font-size:22px;font-weight:700}.notfound__body{margin:0 0 8px;color:var(--text-dim)}.editor-root{display:grid;grid-template-rows:36px 1fr;height:100%;width:100%}.editor-root>.app{height:100%;min-height:0}.editor-return{display:flex;align-items:center;gap:12px;padding:0 12px;background:var(--panel-2);border-bottom:1px solid var(--border)}.editor-return__crumb{color:var(--text-dim);font-size:12px}.editor-return__crumb b{color:var(--text)}.inspector__tabs{display:flex;gap:2px;padding:6px 6px 0;border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0}.inspector__tab{padding:8px 10px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-dim);font-size:12px;font-weight:500;white-space:nowrap}.inspector__tab:hover{color:var(--text)}.inspector__tab[data-active=true]{color:var(--accent);border-bottom-color:var(--accent)}.layers{display:flex;flex-direction:column;gap:2px}.layer-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--border)}.layer-row__name{flex:1;min-width:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row__ctrls{display:flex;align-items:center;gap:4px;flex-shrink:0}.iconbtn{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:4px;font-size:12px;line-height:1}.iconbtn:disabled{opacity:.45;cursor:not-allowed}.layer-row__op{width:56px}.statusbar,.kpi__value,.stat__v,.stat-card__v,.plan__price,.field__value,.libcard__meta,.flag-row__key,.editor-return__crumb{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.section__title,.block__hint{font-family:var(--font-mono);color:var(--blueprint)}.page__title{font-size:var(--text-2xl);letter-spacing:-.01em}.block__title{font-size:var(--text-md)}.card,.kpi,.stat-card,.plan,.auth__card,.empty-state{box-shadow:var(--shadow-1)}.shell__content,.public{background-color:var(--bg);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:24px 24px}.auth__footer a,.note a,.empty-state__body a{color:var(--blueprint);text-decoration:none;font-weight:500}.auth__footer a:hover,.note a:hover{text-decoration:underline}.theme-toggle{width:var(--tap);height:var(--tap);display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink-soft);font-size:15px;transition:background .12s,color .12s,border-color .12s}.theme-toggle:hover{background:var(--surface-2);color:var(--ink);border-color:var(--border-strong)}.landing{width:min(1120px,100%);margin:0 auto;padding-inline:var(--space-5);padding-block:0 var(--space-10)}@media(min-width:720px){.landing{padding-inline:var(--space-8)}}.landing>section{margin-top:var(--space-10)}@media(min-width:720px){.landing>section{margin-top:var(--space-12)}}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.landing__nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding-block:var(--space-3);margin-bottom:var(--space-6);background:var(--surface-overlay);-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.landing__nav{background:var(--surface)}}.landing__nav--scrolled{border-bottom-color:var(--border);box-shadow:var(--shadow-1)}.landing__brand{display:flex;align-items:center;gap:var(--space-2);font-weight:800;font-size:var(--text-md);color:var(--ink);text-decoration:none;min-height:44px}.landing__nav-spacer{flex:1}.landing__nav-link{display:inline-flex;align-items:center;min-height:44px;padding-inline:var(--space-2);color:var(--ink-soft);text-decoration:none;font-weight:500;font-size:var(--text-base)}.landing__nav-link:hover{color:var(--ink)}.landing__nav .theme-toggle,.landing__nav .btn{min-height:44px}.landing__nav-cta{height:44px}.hero{display:grid;grid-template-columns:1fr;gap:var(--space-7);align-items:center;margin-block:var(--space-8) var(--space-10)}@media(min-width:960px){.hero{grid-template-columns:1.05fr .95fr;gap:var(--space-9);margin-block:var(--space-10) var(--space-12)}}.hero__copy{min-width:0}.hero__kicker{font-family:var(--font-mono);color:var(--blueprint);font-size:var(--text-sm);letter-spacing:.14em;text-transform:uppercase;margin:0 0 var(--space-4)}.hero__title{font-size:var(--text-hero);line-height:1.04;font-weight:800;letter-spacing:-.02em;margin:0 0 var(--space-5)}.hero__title em{font-style:normal;color:var(--terracotta)}.hero__tagline{font-size:var(--text-lg);color:var(--ink-soft);line-height:1.5;max-width:54ch;margin:0 0 var(--space-6)}.hero__tagline strong{color:var(--ink);font-weight:600}.hero__cta{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.hero__cta .btn{height:44px;padding:0 var(--space-5);font-size:var(--text-md)}.hero__reassure{font-family:var(--font-mono);color:var(--ink-faint);font-size:var(--text-sm);margin:var(--space-4) 0 0}.hero__visual{display:flex;justify-content:center}.plan-motif{width:100%;max-width:520px;height:auto}@media(max-width:959px){.plan-motif{max-width:420px}}.section-head{margin-bottom:var(--space-6)}.dimension-rule{display:block;margin-bottom:var(--space-3)}.section-head__label{display:block;font-family:var(--font-mono);color:var(--blueprint);font-size:var(--text-sm);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-2)}.section-head__title{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.01em;line-height:1.1;margin:0;max-width:20ch}@media(min-width:720px){.section-head__title{font-size:var(--text-3xl)}}.section-head__dek{margin:var(--space-2) 0 0;color:var(--ink-soft);font-size:var(--text-md);max-width:60ch}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.feature{padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);transition:border-color .12s,transform .12s,box-shadow .12s}.feature:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow)}.feature__icon{color:var(--blueprint);margin-bottom:var(--space-3)}.feature__kicker{font-family:var(--font-mono);color:var(--blueprint);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;margin:0 0 var(--space-2)}.feature__title{font-size:var(--text-md);font-weight:700;margin:0 0 var(--space-2)}.feature__body{margin:0;color:var(--ink-soft);font-size:var(--text-base);line-height:1.55}.feature__note{font-family:var(--font-mono);color:var(--ink-faint);font-size:var(--text-xs);margin:var(--space-3) 0 0}.steps{position:relative;display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:720px){.steps{grid-template-columns:repeat(3,1fr)}.steps:before{content:"";position:absolute;top:34px;left:16%;right:16%;height:2px;background:var(--blueprint-soft);transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.22,1,.36,1);z-index:0}.steps.is-in:before{transform:scaleX(1)}}.step{position:relative;z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);box-shadow:var(--shadow-1)}.step__num{display:block;font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;color:var(--terracotta)}.step__icon{color:var(--blueprint);margin:var(--space-2) 0}.step__title{font-size:var(--text-md);font-weight:700;margin:0 0 var(--space-2)}.step__body{margin:0;color:var(--ink-soft);font-size:var(--text-base);line-height:1.55;max-width:40ch}.steps__kicker{text-align:center;font-family:var(--font-mono);color:var(--ink-faint);font-size:var(--text-sm);margin:var(--space-6) 0 0}.sponsor-wall{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.sponsor-chip{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.sponsor-chip__icon{color:var(--ink-soft)}.sponsor-chip__label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase}.sponsor-note{text-align:center;font-family:var(--font-mono);color:var(--ink-faint);font-size:var(--text-sm);line-height:1.5;max-width:62ch;margin:var(--space-6) auto 0}.sponsor-beta{text-align:center;color:var(--ink-soft);font-size:var(--text-md);line-height:1.55;max-width:60ch;margin:var(--space-4) auto 0}.sponsor-beta strong{color:var(--ink)}.cta-band{border-radius:var(--radius-lg);border:1px solid var(--border);background-color:var(--surface-2);background-image:radial-gradient(circle at 50% 28%,var(--accent-soft),transparent 62%);text-align:center;padding:var(--space-10) var(--space-5)}.cta-band__label{display:block;font-family:var(--font-mono);color:var(--blueprint);font-size:var(--text-sm);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-2)}.cta-band__title{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.01em;margin:0 0 var(--space-3)}@media(min-width:720px){.cta-band__title{font-size:var(--text-3xl)}}.cta-band__dek{color:var(--ink-soft);font-size:var(--text-lg);line-height:1.5;max-width:52ch;margin:0 auto var(--space-5)}.cta-band__actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.cta-band__actions .btn{height:44px;padding:0 var(--space-5);font-size:var(--text-md)}.cta-band__reassure{font-family:var(--font-mono);color:var(--ink-faint);font-size:var(--text-sm);margin:var(--space-4) 0 0}.hero__cta .btn--ghost,.cta-band__actions .btn--ghost{border-color:var(--border-strong)}.landing__foot{margin-top:var(--space-10);padding-top:var(--space-7);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-4)}.foot__brand{display:flex;align-items:center;gap:var(--space-2);font-weight:800;font-size:var(--text-md)}.foot__tag{font-family:var(--font-mono);color:var(--ink-faint);font-size:var(--text-sm);font-weight:400}.foot__links{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-5)}.foot__link{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-soft);text-decoration:none;font-size:var(--text-base)}.foot__link:hover{color:var(--ink)}.foot__link--soon{color:var(--ink-faint);cursor:default}.foot__meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);color:var(--ink-faint);font-size:var(--text-sm)}.foot__sheet{margin:0;font-family:var(--font-mono);color:var(--ink-faint);font-size:var(--text-sm);letter-spacing:.06em}[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i, 0) * 70ms)}[data-reveal].is-in{opacity:1;transform:none}.plan-wall{stroke-dasharray:1;stroke-dashoffset:1;animation:plan-draw 1.3s cubic-bezier(.6,0,.2,1) forwards}.plan-w2{animation-delay:.35s}.plan-w3{animation-delay:.7s}.plan-w4{animation-delay:1s}@keyframes plan-draw{to{stroke-dashoffset:0}}.plan-fade{opacity:0;animation:plan-fadein .6s ease forwards}.plan-stage-1{animation-delay:1.3s}.plan-stage-2{animation-delay:1.9s}.plan-stage-3{animation-delay:2.5s}@keyframes plan-fadein{to{opacity:1}}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}.steps:before{transition:none;transform:scaleX(1)}.plan-wall{animation:none;stroke-dashoffset:0}.plan-fade{animation:none;opacity:1}}