@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg-ink:#08121a;--bg-deep:#11222d;--panel:#0a161fc7;--panel-soft:#ffffff0f;--panel-line:#ffffff1c;--text-main:#f1f0ea;--text-soft:#f1f0eabd;--text-muted:#f1f0ea8f;--accent-amber:#ffbb63;--accent-coral:#ff8860;--accent-sea:#77d7c3;--success:#8de0ab;--warning:#ffcf80;--danger:#ff9674;color:var(--text-main);background:radial-gradient(circle at top left, #ffb65f2e, transparent 28%), radial-gradient(circle at top right, #77d7c32e, transparent 24%), linear-gradient(180deg, var(--bg-ink) 0%, var(--bg-deep) 42%, #1d2f3a 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IBM Plex Sans,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{height:100%;min-height:100%;overflow:hidden}body{overscroll-behavior:none;min-height:100svh;margin:0;overflow:hidden}body:before{content:"";pointer-events:none;background:linear-gradient(#08121a0d,#08121a80),radial-gradient(circle at 20% 10%,#ffffff0d,#0000 35%);position:fixed;inset:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-rows:auto minmax(0,1fr);gap:1rem;width:min(100%,1180px);height:100svh;margin:0 auto;padding:1.5rem;display:grid;position:relative;overflow:hidden}.hero-band{align-content:start;gap:.65rem;padding:.5rem 0 .25rem;display:grid;position:relative}.hero-topline{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.chip,.pill,.status-chip{border:1px solid var(--panel-line);min-height:2rem;color:var(--text-soft);background:#ffffff0f;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .8rem;font-size:.88rem;font-weight:500;display:inline-flex}.status-chip[data-tone=good]{color:var(--success);border-color:#8de0ab59}.status-chip[data-tone=warn]{color:var(--warning);border-color:#ffcf8059}.status-chip[data-tone=danger]{color:var(--danger);border-color:#ff967459}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-amber);margin:0;font-size:.77rem;font-weight:600}.hero-title{letter-spacing:-.06em;max-width:12ch;margin:0;font-family:Fraunces,serif;font-size:clamp(2.85rem,8vw,5.8rem);line-height:.92}.hero-copy{max-width:48rem;color:var(--text-soft);margin:0;font-size:1.05rem}.layout{gap:1.25rem;display:grid}.panel{border:1px solid var(--panel-line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:1.7rem;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000040}.stage-panel{grid-template-rows:auto minmax(0,1fr);min-height:0;padding:1.2rem;display:grid}.stage-topbar{flex-wrap:wrap;justify-content:space-between;gap:.8rem;margin-bottom:1rem;display:flex}.progress-strip{flex-wrap:wrap;gap:.5rem;display:flex}.progress-step{min-width:6rem;color:var(--text-muted);background:#ffffff0a;border:1px solid #0000;border-radius:1rem;padding:.55rem .8rem;font-size:.84rem}.progress-step[data-state=active]{color:var(--text-main);background:#ffbb631f;border-color:#ffbb6352}.progress-step[data-state=done]{color:var(--accent-sea);border-color:#77d7c333}.top-actions{flex-wrap:wrap;gap:.75rem;display:flex}.btn,.ghost-button,.primary-button,.secondary-button{border:1px solid #0000;border-radius:1rem;justify-content:center;align-items:center;min-height:2.9rem;padding:.8rem 1rem;text-decoration:none;transition:transform .15s,background .15s,border-color .15s,color .15s;display:inline-flex}.primary-button{background:linear-gradient(180deg, var(--accent-amber) 0%, #ff9d60 100%);color:#17212a;font-weight:700;box-shadow:0 18px 35px #ff9d6038}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.secondary-button{border-color:var(--panel-line);color:var(--text-main);background:#ffffff0a}.ghost-button{color:var(--text-soft);background:0 0;border-color:#ffffff14}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.stage-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:1rem;min-height:0;display:grid}.canvas-card,.guide-card,.result-card,.summary-card{border:1px solid var(--panel-line);background:#ffffff0a;border-radius:1.35rem}.canvas-card{min-height:0;padding:.8rem;display:grid}.canvas-shell{grid-template-rows:auto minmax(0,1fr);gap:.8rem;height:100%;min-height:0;display:grid}.mobile-notices{display:none}.canvas-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.canvas-label{margin:0;font-size:1rem;font-weight:600}.canvas-meta{color:var(--text-muted);font-size:.88rem}.canvas-placeholder{min-height:20rem;color:var(--text-soft);text-align:center;background:linear-gradient(#ffffff08,#ffffff03),radial-gradient(circle at 50% 20%,#ffbb6314,#0000 35%);border:1px dashed #ffffff29;border-radius:1.1rem;place-items:center;padding:1.5rem;display:grid}.canvas-placeholder strong{color:var(--text-main);margin-bottom:.45rem;display:block}.guide-card{overscroll-behavior:contain;align-content:start;gap:1rem;min-height:0;padding:1.1rem;display:grid;overflow:auto}.guide-card h2,.result-card h2,.summary-card h2{margin:0;font-size:1.1rem}.guide-card p,.summary-card p,.result-card p{color:var(--text-soft);margin:0}.instruction-list,.notice-list,.metric-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.instruction-list li,.notice-list li{color:var(--text-soft);padding-left:1.1rem;position:relative}.instruction-list li:before,.notice-list li:before{content:"";background:linear-gradient(180deg, var(--accent-amber) 0%, var(--accent-coral) 100%);border-radius:999px;width:.45rem;height:.45rem;position:absolute;top:.58rem;left:0}.notice-list li[data-tone=good]:before{background:var(--success)}.notice-list li[data-tone=warn]:before{background:var(--warning)}.notice-list li[data-tone=danger]:before{background:var(--danger)}.notice-callout{background:#ffffff0a;border:1px solid #ffffff14;border-radius:1rem;padding:.95rem 1rem}.notice-callout[data-tone=danger]{background:#ff967412;border-color:#ff967433}.notice-callout[data-tone=warn]{background:#ffcf8014;border-color:#ffcf8033}.notice-callout[data-tone=good]{background:#8de0ab12;border-color:#8de0ab33}.field-group{gap:.55rem;display:grid}.field-label{color:var(--text-soft);font-size:.9rem;font-weight:600}.marker-grid{gap:.7rem;display:grid}.marker-option{text-align:left;border:1px solid var(--panel-line);width:100%;color:var(--text-main);background:#ffffff08;border-radius:1rem;gap:.28rem;padding:.9rem 1rem;display:grid}.marker-option[data-active=true]{background:#ffbb6314;border-color:#ffbb6352}.marker-option small{color:var(--text-muted)}.capture-actions{gap:.7rem;display:grid}.hidden-input{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.summary-grid,.results-grid{gap:1rem;display:grid}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card,.result-card{padding:1.1rem}.summary-stat,.result-stat{gap:.3rem;display:grid}.summary-stat strong,.result-stat strong{font-size:1.3rem}.summary-stat span,.result-stat span{color:var(--text-muted);font-size:.88rem}.results-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.result-hero{gap:1rem;display:grid}.result-hero strong{letter-spacing:-.05em;font-family:Fraunces,serif;font-size:clamp(2.2rem,5vw,3.6rem);line-height:.95;display:block}.result-actions{flex-wrap:wrap;gap:.75rem;display:flex}.loading-screen{text-align:center;place-items:center;min-height:65svh;padding:2rem;display:grid}.spinner{border:3px solid #ffffff24;border-top-color:var(--accent-amber);border-radius:999px;width:2.4rem;height:2.4rem;margin:0 auto 1rem;animation:.9s linear infinite spin}.muted{color:var(--text-muted)}.stack{gap:1rem;display:grid}.microcopy{color:var(--text-muted);font-size:.88rem}.divider{background:#ffffff14;height:1px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=960px){.stage-grid,.results-grid,.summary-grid{grid-template-columns:1fr}.stage-grid{grid-template-rows:minmax(0,1fr) auto}.guide-card{max-height:min(28svh,18rem)}}@media (width<=640px){.app-shell{gap:.75rem;padding:.85rem}.hero-band{gap:.35rem;padding:.1rem 0 0}.hero-topline .chip,.progress-strip{display:none}.hero-title{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-copy{display:none}.stage-panel{padding:.8rem}.stage-topbar{justify-content:flex-end;margin-bottom:.75rem}.canvas-header{align-items:start}.canvas-header .ghost-button{flex:none;width:auto;min-height:2.35rem;padding:.5rem .8rem}.canvas-meta{font-size:.8rem}.progress-step{min-width:5.1rem;padding:.45rem .65rem;font-size:.78rem}.guide-card,.summary-card,.result-card,.canvas-card{border-radius:1.15rem}.guide-card{display:none}.stage-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr}.mobile-notices{gap:.5rem;display:grid}.mobile-notices .notice-callout{padding:.7rem .8rem;font-size:.88rem}.primary-button,.secondary-button,.ghost-button,.top-actions,.result-actions{width:100%}.result-actions>*{flex:100%}.top-actions{justify-content:flex-end;width:auto;margin-left:auto}.top-actions>*{flex:none}.stage-topbar .ghost-button,.stage-topbar .status-chip,.stage-topbar .pill{width:auto;min-height:2.35rem;padding:.5rem .8rem}.canvas-header{gap:.5rem}.guide-card{max-height:min(16svh,8.5rem);padding:.8rem}}.sr-only.svelte-1nq6dv3{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toolbar.svelte-ie8ne6{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.ghost.svelte-ie8ne6,.primary.svelte-ie8ne6{appearance:none;color:inherit;font:inherit;border:1px solid #ffffff29;border-radius:999px;padding:.72rem 1rem}.ghost.svelte-ie8ne6{background:#ffffff0d}.primary.svelte-ie8ne6{background:#ffffff1f}.primary[data-accent=amber].svelte-ie8ne6{background:#fbbf242e}.primary[data-accent=blue].svelte-ie8ne6{background:#60a5fa3d}.primary.svelte-ie8ne6:disabled,.ghost.svelte-ie8ne6:disabled{opacity:.45}@media (width<=640px){.toolbar.svelte-ie8ne6{gap:.55rem}.ghost.svelte-ie8ne6,.primary.svelte-ie8ne6{flex:1 1 0;min-width:0;padding:.64rem .8rem}}.editor-shell.svelte-1sahjn8{color:#f5f7fb;grid-template-rows:auto minmax(0,1fr);gap:.9rem;height:100%;min-height:0;display:grid}.stage-viewport.svelte-1sahjn8{background:radial-gradient(circle at 0 0,#60a5fa1f,#0000 40%),linear-gradient(#101828f2,#070a10f5);border:1px solid #ffffff1f;border-radius:24px;place-items:center;width:100%;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 48px #00000059,inset 0 1px #ffffff0f}canvas.svelte-1sahjn8{touch-action:none;-webkit-user-select:none;user-select:none;display:block}@media (width<=640px){.editor-shell.svelte-1sahjn8{gap:.7rem}.stage-viewport.svelte-1sahjn8{height:100%;min-height:0}}.picker-shell.svelte-150oe15{color:#f5f7fb;grid-template-rows:auto minmax(0,1fr);gap:.9rem;height:100%;min-height:0;display:grid}.stage-viewport.svelte-150oe15{background:radial-gradient(circle at 0 0,#fbbf241f,#0000 40%),linear-gradient(#101828f2,#070a10f5);border:1px solid #ffffff1f;border-radius:24px;place-items:center;width:100%;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 48px #00000059,inset 0 1px #ffffff0f}canvas.svelte-150oe15{touch-action:none;-webkit-user-select:none;user-select:none;display:block}@media (width<=640px){.picker-shell.svelte-150oe15{gap:.7rem}.stage-viewport.svelte-150oe15{height:100%;min-height:0}}