.sketch-scene.svelte-cpoz59{color:var(--film-ink);gap:8px;min-width:0;padding:12px 24px 4px;display:grid}.label.svelte-cpoz59{font:10px var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--film-muted);margin:0}.action.svelte-cpoz59,.result.svelte-cpoz59,.counts.svelte-cpoz59{font:12px var(--font-mono);overflow-wrap:anywhere;margin:0}.result.svelte-cpoz59 .label:where(.svelte-cpoz59){min-width:6.5em;display:inline-block}.visually-hidden.svelte-cpoz59{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.grid-wrap.svelte-cpoz59{min-width:0}.grid.svelte-cpoz59{border-collapse:separate;border-spacing:3px;table-layout:fixed;width:100%;font:12px/1.2 var(--font-mono)}th.svelte-cpoz59{color:var(--film-muted);width:2.4em;font-size:10px;font-weight:400}thead.svelte-cpoz59 th:where(.svelte-cpoz59):not(:first-child){width:auto}td.svelte-cpoz59{text-align:center;border:1px solid var(--film-label-border);background:var(--film-label-bg);border-radius:4px;height:26px}td.touched.svelte-cpoz59{border-style:dashed;border-color:var(--film-accent)}td.raised.svelte-cpoz59{background:color-mix(in srgb, var(--film-accent) 20%, transparent)}td.focus.svelte-cpoz59{border:2px solid var(--film-accent);outline:2px solid var(--film-accent);outline-offset:1px;font-weight:700;text-decoration:underline}.counts.svelte-cpoz59{color:var(--film-muted);flex-wrap:wrap;gap:4px 18px;font-size:11px;display:flex}.counts.svelte-cpoz59 strong:where(.svelte-cpoz59){color:var(--film-ink);font-weight:600}@media (width<=640px){.sketch-scene.svelte-cpoz59{gap:4px;padding-inline:16px}.sketch-scene.svelte-cpoz59>.label:where(.svelte-cpoz59){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.grid.svelte-cpoz59{border-spacing:2px}td.svelte-cpoz59{height:22px}}@layer components{.trend-lab{gap:var(--space-5);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.trend-lab h3{font-size:var(--text-xl);font-weight:400}.trend-lab p,.trend-lab li{font-size:var(--text-sm);color:var(--ink-body);line-height:1.7}.trend-lab .fields{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.trend-lab .fields>*{min-width:0}.trend-lab label{font-size:var(--text-sm);margin-block:var(--space-3) var(--space-2);display:block}.trend-lab input[type=text],.trend-lab input[type=range],.trend-lab select{width:100%;max-width:100%;min-height:44px;padding:var(--space-2);background:var(--surface);color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--radius-md);font:inherit;display:block}.trend-lab button{border-radius:var(--radius-pill);border:1px solid var(--border-strong);min-height:44px;padding:var(--space-2) var(--space-4);color:var(--ink);background:var(--surface);font-size:var(--text-sm);margin-top:var(--space-3)}.trend-lab button.primary{color:var(--action-ink);background:var(--action-bg);border-color:var(--action-bg)}.trend-lab button:disabled,.trend-lab input:disabled,.trend-lab select:disabled{opacity:.45;cursor:default}.trend-lab .actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.trend-lab .readout{font:var(--text-sm) var(--font-mono);margin-top:var(--space-2)}.trend-lab .feedback{padding:var(--space-4);background:var(--accent-soft);border-radius:var(--radius-md)}.trend-lab .work-counts{gap:var(--space-4);border-block:1px solid var(--border);padding-block:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.trend-lab dt,.trend-lab .limits{font-size:var(--text-xs);color:var(--ink-muted);line-height:1.7}.trend-lab dd{margin:var(--space-2) 0 0;font:var(--text-xl) var(--font-mono)}.trend-lab summary{cursor:pointer;min-height:44px;font-size:var(--text-sm)}.trend-lab details{min-width:0}.trend-lab details p{margin-block:var(--space-3)}.trend-lab .trace{padding-left:var(--space-5)}.trend-lab [aria-current=step]{color:var(--accent-ink);font-weight:500}.trend-lab .sketch-scene{--film-ink:var(--ink);--film-muted:var(--ink-muted);--film-accent:var(--accent-ink);--film-label-bg:var(--surface);--film-label-border:var(--border-strong);padding-inline:0}.trend-lab fieldset{border:0;min-width:0;padding:0}.trend-lab legend{font:var(--text-md) var(--font-display);line-height:1.6}.trend-lab .choice{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:var(--space-3);align-items:start;display:flex}.trend-lab .choice input{flex-shrink:0;margin-top:5px}@media (width<=40rem){.trend-lab{padding:var(--space-3)}.trend-lab .fields{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.trend-lab .work-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}}.trend-experience.svelte-elb1mk{width:100%;min-width:0}.mode-note.svelte-elb1mk{font-size:var(--text-xs);color:var(--ink-muted);line-height:var(--leading-prose);margin-top:var(--space-3)}.trend-experience.svelte-elb1mk .caption{min-height:105px}.trend-experience.svelte-elb1mk .skip{width:44px}.trend-experience.svelte-elb1mk .stills header{padding-top:14px}.trend-experience.svelte-elb1mk .stills h3{color:var(--film-ink);margin-top:8px;font-size:1.5rem}.trend-experience.svelte-elb1mk .stills .caption{grid-template-columns:32px minmax(0,1fr);gap:8px;min-height:80px;padding-bottom:12px}.trend-experience.svelte-elb1mk .stills .caption>span{font-size:10px}.trend-experience.svelte-elb1mk .stills h4{color:var(--film-ink);font-size:1.2rem}.trend-experience.svelte-elb1mk .stills .navigation,.trend-experience.svelte-elb1mk .stills .step-select{padding-bottom:6px}.trend-experience.svelte-elb1mk .stills nav{padding-block:3px}@media (width<=550px){.trend-experience.svelte-elb1mk .stills .caption{min-height:96px}.trend-experience.svelte-elb1mk .stills h3{font-size:1.2rem}.trend-experience.svelte-elb1mk .stills h4{font-size:1rem}}@container (width<=520px){.trend-experience.svelte-elb1mk .film .caption{min-height:120px}}@container (width<=310px){.trend-experience.svelte-elb1mk .transport-row{flex-wrap:wrap}}.kicker.svelte-1tq4ati{color:var(--accent-ink);font:var(--text-xs) var(--font-mono)}.syntax.svelte-1tq4ati{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}