@layer tokens,base,components;@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-latin-wght-normal-NRMW37G5.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer tokens{:root{color-scheme:light;--font-sans: "Inter Variable", Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-md: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.375rem;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 16px;--bg: #f3efe9;--panel: #fffdfa;--panel-alt: #f8f4ee;--selected: #ebe6dd;--stage: #e6e0d6;--line: #e3ddd3;--text: #211e19;--muted: #6d6459;--accent: #2a2521;--accent-hover: #100e0c;--accent-ink: #fffdfa;--link: #3d5a78;--error: #9e2b20;--error-bg: #fdf0ed;--device: #34302a;--device-edge: #1e1b17;--device-ink: #efe9e0;--key: #bdb5a7;--key-edge: #8e867a;--key-ink: #24211d;--shadow-raise: inset 0 1px 0 #ffffffcc, 0 10px 24px -12px #2a211540;--shadow-well: inset 0 2px 7px #00000024, inset 0 -1px 0 #ffffff66;--texture-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.16 0 0 0 0 0.13 0 0 0 0 0.1 0.14 0 0 0 -0.063'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--texture-stone-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.16 0 0 0 0 0.13 0 0 0 0 0.1 0.2 0 0 0 -0.090'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--texture-flecks-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='1' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.16 0 0 0 0 0.13 0 0 0 0 0.1 5.88 0 0 0 -3.948'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--texture-flecks-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='1' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 4.90 0 0 0 -3.290'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--texture-strata: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='64' fill='none' stroke='%232a252112' stroke-width='1'%3E%3Cpath d='M0 10 C 260 2 520 18 800 9 S 1340 5 1600 10'/%3E%3Cpath d='M0 21 C 260 16 520 29 800 24 S 1340 16.5 1600 21'/%3E%3Cpath d='M0 32 C 260 30 520 40 800 31 S 1340 28 1600 32'/%3E%3Cpath d='M0 43 C 260 35 520 51 800 46 S 1340 39.5 1600 43'/%3E%3Cpath d='M0 54 C 260 49 520 62 800 53 S 1340 51 1600 54'/%3E%3C/svg%3E");--stage-vignette: #2a25210f}:root[data-theme=dark]{color-scheme:dark;--bg: #141210;--panel: #1c1a17;--panel-alt: #23201c;--selected: #2b2723;--stage: #1f1c19;--line: #332e28;--text: #ece6dd;--muted: #a69c8e;--accent: #ece5da;--accent-hover: #fffaf2;--accent-ink: #1a1815;--link: #9cb8d4;--error: #ff9d92;--error-bg: #3a221f;--device: #3b3733;--device-edge: #171512;--device-ink: #e9e3da;--key: #a49b8e;--key-edge: #6d6659;--key-ink: #1c1a17;--shadow-raise: inset 0 1px 0 #ffffff12, 0 12px 28px -14px #000000b0;--shadow-well: inset 0 2px 9px #00000088, inset 0 -1px 0 #ffffff0f;--texture-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.95 0 0 0 0 0.92 0 0 0 0 0.86 0.1 0 0 0 -0.045'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--texture-stone-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.95 0 0 0 0 0.92 0 0 0 0 0.86 0.1 0 0 0 -0.045'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--texture-flecks-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='1' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 5.60 0 0 0 -3.760'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--texture-flecks-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='1' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.95 0 0 0 0 0.92 0 0 0 0 0.86 3.08 0 0 0 -2.068'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--texture-strata: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='64' fill='none' stroke='%23ffffff12' stroke-width='1'%3E%3Cpath d='M0 10 C 260 2 520 18 800 9 S 1340 5 1600 10'/%3E%3Cpath d='M0 21 C 260 16 520 29 800 24 S 1340 16.5 1600 21'/%3E%3Cpath d='M0 32 C 260 30 520 40 800 31 S 1340 28 1600 32'/%3E%3Cpath d='M0 43 C 260 35 520 51 800 46 S 1340 39.5 1600 43'/%3E%3Cpath d='M0 54 C 260 49 520 62 800 53 S 1340 51 1600 54'/%3E%3C/svg%3E");--stage-vignette: #0000004d}@media(forced-colors:active),(prefers-contrast:more){:root,:root[data-theme=dark]{--texture-grain: none;--texture-stone-grain: none;--texture-flecks-dark: none;--texture-flecks-light: none;--texture-strata: none;--stage-vignette: transparent}}}@layer base{*{box-sizing:border-box}:root{font-family:var(--font-sans);font-size:16px}body{margin:0;background:var(--bg) var(--texture-grain);color:var(--text)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}h1{margin:0;font-size:1.35rem;font-weight:650;letter-spacing:-.025em}h2{margin:0 0 16px;font-size:var(--text-lg);font-weight:650;letter-spacing:-.2px}h3{margin:0 0 10px;font-size:var(--text-base);font-weight:650}p{margin-top:0}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--font-mono)}pre{font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.6}hr{height:1px;margin:24px 0;border:0;background:var(--line)}button,input,select,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font-size:var(--text-md);font-weight:550;line-height:18px;white-space:nowrap;text-decoration:none;cursor:pointer}label{display:block;margin:15px 0 10px;font-size:var(--text-md);font-weight:550}label>input,label>select{display:block;margin-top:7px}input:not([type=range]):not([type=file]):not([type=checkbox]),select{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text)}textarea{display:block;width:100%;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);resize:vertical}input[type=range]{width:100%;margin:8px 0;accent-color:var(--accent)}input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}@media(max-width:780px){input:not([type=range]),select,textarea{font-size:var(--text-base)}}}@layer components{button:hover:not(:disabled){background:var(--panel-alt);border-color:var(--muted)}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.primary:disabled{background:transparent;border-color:var(--line);color:var(--muted);opacity:1}button.selected{background:var(--selected);color:var(--accent)}.text-button{min-height:32px;padding:5px 0;border:0;background:transparent;color:var(--accent);box-shadow:none}.file-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font-size:var(--text-md);font-weight:550;line-height:18px;white-space:nowrap;text-decoration:none;cursor:pointer}.file-button:hover{background:var(--panel-alt);border-color:var(--muted)}.file-button:focus-within{outline:2px solid var(--accent);outline-offset:2px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.actions .file-button{margin:0;font-size:var(--text-sm)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.section-heading h2{margin:0}.section-heading button{padding:6px 8px;font-size:var(--text-xs)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-grid label{min-width:0}.check{display:flex;align-items:center;gap:8px}.check input[type=checkbox]{width:auto;margin:0}.checkbox{display:flex;align-items:center;gap:9px;font-weight:400}.checkbox input{width:auto!important;margin:0!important;accent-color:var(--accent)}.help{margin:10px 0 16px;color:var(--muted);font-size:var(--text-md);font-weight:400;line-height:1.7}.status-message{margin:16px 0 0;padding:12px;border-radius:var(--radius-sm);background:var(--selected);color:var(--text);font-size:var(--text-md);line-height:1.6;overflow-wrap:anywhere}.error{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:12px 16px;border:1px solid var(--error);border-radius:var(--radius-sm);background:var(--error-bg);color:var(--error);line-height:1.6}.error button{padding:0 8px;border:0;background:transparent;color:inherit;font-size:var(--text-xl)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}}@layer components{.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;height:72px;padding:0 28px;border-bottom:1px solid var(--line);background:var(--panel) var(--texture-strata) center / auto 100% repeat-x}@media(max-width:1020px){.topbar{padding:0 16px}}@media(max-width:780px){.topbar{flex-wrap:wrap;gap:8px;height:64px;padding:10px 16px}}.identity{display:flex;align-items:center;gap:10px;color:var(--text);font-size:var(--text-base);font-weight:650;letter-spacing:-.3px}.identity>span{display:grid;line-height:1.15}.identity-mark{display:block;flex:none;color:var(--text)}.identity-detail{margin-top:3px;color:var(--muted);font-size:var(--text-xs);font-weight:400;letter-spacing:0}@media(max-width:780px){.identity-detail{display:none}}.header-actions{display:flex;align-items:center;gap:16px}@media(max-width:780px){.header-actions{flex:initial;justify-content:space-between;gap:4px;margin-left:auto;font-size:var(--text-xs)}.header-actions>a,.header-actions .connection{display:none}}.settings-trigger{min-height:36px;font-weight:500}@media(max-width:780px){.settings-trigger{min-height:40px;padding-inline:6px;border:0;background:transparent;font-size:var(--text-sm)}}.preferences-trigger{min-height:40px;padding-inline:8px;border:0;background:transparent;font-weight:450}@media(max-width:780px){.preferences-trigger{padding-inline:6px;font-size:var(--text-sm)}}.connection{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:var(--text-xs)}.connection i{width:7px;height:7px;border-radius:50%;background:var(--muted)}.connection i.connected{background:#32875c}@media(max-width:780px){.connection{display:none}}main{max-width:1580px;margin:auto;padding:0 28px}@media(max-width:1020px){main{padding:0 16px}}.preview-mode{max-width:1200px}@media(max-width:780px){main.preview-mode{padding:0 12px}}.workspace-modes{display:flex;gap:28px;margin-bottom:24px;border-bottom:1px solid var(--line)}@media(max-width:780px){.workspace-modes{gap:24px;margin-bottom:12px}}.workspace-modes button{padding:18px 0 14px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted)}@media(max-width:780px){.workspace-modes button{min-height:44px;padding:14px 0 10px}}.workspace-modes button.selected{border-bottom-color:var(--accent);color:var(--text)}.machine-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px}.preview-mode .machine-bar{min-height:50px;margin-top:-12px}@media(max-width:780px){.machine-bar{flex-wrap:wrap;gap:6px;padding:16px 0}.preview-mode .machine-bar{display:none}}.machine-bar>div{display:flex;align-items:center;gap:12px}@media(max-width:780px){.machine-bar>div{gap:8px}}.preview-mode .machine-bar .label{display:none}.label{color:var(--muted);font-size:var(--text-xs)}.tag{padding:3px 7px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--muted);font-size:var(--text-xs)}.program-name{max-width:45%;overflow:hidden;color:var(--muted);font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis}@media(max-width:780px){.program-name{max-width:100%}}.workspace{display:grid;grid-template-columns:minmax(400px,1fr) minmax(450px,1fr);align-items:start;gap:20px}@media(min-width:1400px){.workspace{grid-template-columns:minmax(450px,1.05fr) minmax(450px,1fr)}}@media(max-width:1020px){.workspace{grid-template-columns:minmax(340px,1fr) minmax(380px,1fr);gap:12px}}@media(max-width:780px){.workspace{grid-template-columns:1fr}}.workspace:not(.preview-workspace){grid-template-areas:"display tools" "log tools";grid-template-rows:auto 1fr}@media(max-width:780px){.workspace:not(.preview-workspace){grid-template-areas:none;grid-template-rows:auto}}.workspace:not(.preview-workspace)>.display-panel{grid-area:display;position:static}@media(max-width:780px){.workspace:not(.preview-workspace)>.display-panel{grid-area:auto}}.workspace:not(.preview-workspace)>.tools-panel{grid-area:tools}@media(max-width:780px){.workspace:not(.preview-workspace)>.tools-panel{grid-area:auto}}.workspace:not(.preview-workspace)>.console{grid-area:log;align-self:stretch;margin-top:0;position:sticky;top:16px;max-height:calc(100vh - 32px)}@media(max-width:780px){.workspace:not(.preview-workspace)>.console{grid-area:auto;position:static;max-height:none}}.workspace:not(.preview-workspace)>.console .console-lines{height:auto;flex:1 1 0;min-height:240px;overscroll-behavior:contain}@media(max-width:780px){.workspace:not(.preview-workspace)>.console .console-lines{flex:none;height:240px;min-height:0}}.preview-workspace{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"watch content";gap:28px}@media(max-width:780px){.preview-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"watch" "content";gap:24px}.preview-workspace:not(.preview-active){grid-template-areas:"content"}}.panel{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);box-shadow:0 1px 2px #00000004}footer{display:flex;justify-content:space-between;gap:20px;padding:22px 0;color:var(--muted);font-size:var(--text-xs)}.preview-mode footer{padding:24px 0;border:0;font-size:var(--text-sm)}@media(max-width:780px){footer{flex-wrap:wrap}.preview-mode footer{gap:10px;padding:16px 8px}}}@layer components{.display-panel{position:sticky;top:16px}.preview-mode .display-panel{top:20px;border-radius:var(--radius-lg)}@media(max-width:780px){.display-panel{position:static}}.preview-workspace>.display-panel{grid-area:watch}@media(max-width:780px){.preview-workspace:not(.preview-active) .display-panel{display:none}.preview-workspace.preview-active .display-panel{order:-1}}.watch-session{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px 12px}.watch-session>div{min-width:0}.watch-session .label{font-size:var(--text-md)}.watch-session h1{margin-top:3px;overflow:hidden;font-size:var(--text-2xl);line-height:1.35;white-space:nowrap;text-overflow:ellipsis}@media(max-width:780px){.preview-mode .watch-session{padding:16px 16px 8px}.preview-mode .watch-session h1{font-size:var(--text-xl)}}.session-state{padding:5px 9px;border-radius:var(--radius-sm);background:var(--panel-alt);color:var(--muted);font-size:var(--text-sm)}.display-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:12px 18px;border-bottom:1px solid var(--line)}.preview-mode .display-toolbar{min-height:0;padding:8px 24px 16px;border:0}@media(max-width:1020px){.display-toolbar{padding:12px}}@media(max-width:780px){.display-toolbar{flex-wrap:wrap}.preview-mode .display-toolbar{padding:4px 16px 12px}}.segmented{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:6px;background:var(--panel-alt)}.preview-mode .segmented{padding:2px;border:0}.segmented button{padding:5px 10px;border:0;background:transparent;font-size:var(--text-md)}.preview-mode :is(.segmented button){min-height:36px}.segmented button.selected{background:var(--panel);box-shadow:0 1px 3px #00000012;color:var(--accent)}.compact{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:var(--text-xs);font-weight:400}.compact select{margin:0;padding:5px 8px}.display-stage{position:relative;display:flex;align-items:safe center;justify-content:safe center;min-width:0;height:526px;overflow:auto;background-color:var(--stage);background-image:radial-gradient(ellipse at 50% 45%,transparent 40%,var(--stage-vignette)),var(--texture-flecks-dark),var(--texture-flecks-light),var(--texture-stone-grain);box-shadow:inset 0 1px 3px #0000001f}.display-stage:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.display-stage.model-view{overflow:hidden}.preview-mode .display-stage{height:400px;margin:0 12px;border-radius:var(--radius-md)}@media(min-width:1400px){.display-stage{height:570px}}@media(max-width:1020px){.display-stage{height:480px}}@media(max-width:780px){.display-stage{height:510px}.preview-mode .display-stage{height:clamp(230px,35dvh,310px);margin:0 8px}}.watch-layout{--control-size: 35px;--bezel: 22px;--body-radius: 27px;--screen-radius: calc(var(--body-radius) - var(--bezel));position:relative;flex:0 1 auto;width:min(var(--screen-width),360px,calc(100% - 132px));margin:44px 70px}.watch-layout:before{content:"";position:absolute;inset:calc(var(--bezel) * -1);z-index:0;border-radius:var(--body-radius);background:var(--device);box-shadow:0 0 0 1px var(--device-edge),var(--shadow-raise)}.watch-layout.round-watch{--bezel: 26px}.watch-layout.round-watch:before{border-radius:50%}.watch-layout.duo-watch{--body-radius: 10px}@media(max-width:780px){.watch-layout{width:min(var(--screen-width),250px,calc(100% - 116px));margin-inline:58px}}main:not(.preview-mode) .watch-layout:not(.model-controls){flex:0 0 auto;width:var(--screen-width);max-width:none}.preview-mode .watch-layout:not(.model-controls){width:min(260px,calc(100% - 116px));margin:28px 58px}@media(max-width:780px){.preview-mode .watch-layout:not(.model-controls){width:min(205px,calc(100% - 108px),25dvh);margin:24px 54px}}.watch-layout.model-controls{position:absolute;inset:0;width:100%;height:100%;margin:0;pointer-events:none}.watch-layout.model-controls:before{content:none}.pixel-screen{position:relative;flex-shrink:0;height:auto!important;background:#dce3d6;box-shadow:0 0 0 1px #00000020,0 8px 20px #0000000b}.pixel-screen canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.pixel-screen canvas.touch-enabled{touch-action:none;cursor:crosshair}.watch-layout .pixel-screen{position:relative;z-index:1;width:100%;max-width:none;overflow:hidden;border-radius:var(--screen-radius);box-shadow:var(--shadow-well)}.watch-layout.round-watch .pixel-screen{border-radius:50%}.watch-layout.duo-watch .pixel-screen{border-radius:2px}.pixel-view .watch-layout:not(.round-watch) .pixel-screen{border-radius:0}.empty-display{position:absolute;inset:0;display:grid;place-content:center;color:#5d695e;font-size:var(--text-xs)}.watch-control{position:absolute;z-index:0;display:flex;align-items:center;justify-content:center;width:var(--control-size);height:44px;min-height:44px;padding:0;transform:translateY(-50%);border:0;background:var(--key);color:var(--key-ink);box-shadow:0 0 0 1px var(--key-edge),inset 0 1px #ffffff59,inset 0 -1px #00000026,0 2px 5px -2px #00000059;touch-action:none;user-select:none;-webkit-user-select:none}.watch-control.left-control{left:calc(var(--bezel) * -1 - var(--control-size) + 10px);border-radius:9px 2px 2px 9px}@media(max-width:780px){.watch-control.left-control{left:-58px}}.watch-control.right-control{right:calc(var(--bezel) * -1 - var(--control-size) + 10px);border-radius:2px 9px 9px 2px}@media(max-width:780px){.watch-control.right-control{right:-58px}}.watch-control.pressed{background:var(--key-edge);color:var(--key-ink);box-shadow:0 0 0 1px var(--key-edge),inset 0 2px 5px #00000059}.watch-control:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.watch-control-icon{font-size:24px;font-weight:400;line-height:1}.watch-control[aria-label=Select] .watch-control-icon{font-size:var(--text-xs)}.watch-control-label{position:absolute;top:calc(100% + 6px);color:var(--muted);font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.preview-mode .watch-control-label{display:none}.left-control .watch-control-label{right:10px}.right-control .watch-control-label{left:10px}.model-controls .watch-control{right:auto;width:44px;min-width:44px;height:44px;min-height:44px;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;box-shadow:none;opacity:1;pointer-events:auto}.model-controls .control-hidden{visibility:hidden}.model-controls .watch-control-label{display:none}.model-controls .watch-control-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--text);font-size:var(--text-lg);box-shadow:0 2px 5px #0002}.model-controls .watch-control[aria-label=Select] .watch-control-icon{font-size:8px}.model-controls .watch-control.pressed .watch-control-icon{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.preview-mode .watch-control{--control-size: 44px;width:44px;height:44px;min-height:44px;border-radius:var(--radius-md);box-shadow:none}.preview-mode .watch-layout:not(.model-controls) .watch-control.left-control{left:-56px}.preview-mode .watch-layout:not(.model-controls) .watch-control.right-control{right:-56px}.model-host{width:100%;height:100%}.model-host canvas{display:block;width:100%;height:100%;touch-action:none}.model-status{position:absolute;bottom:20px;max-width:90%;padding:10px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel)}.model-credit{margin:10px 18px 0;color:var(--muted);font-size:var(--text-xs)}.watch-context{display:flex;align-items:center;gap:16px;padding:12px 18px;border-bottom:1px solid var(--line);font-size:var(--text-sm)}.preview-mode .watch-context{margin:0 24px;padding:14px 0;border:0;font-size:var(--text-md)}@media(max-width:780px){.watch-context{gap:10px;padding:12px;font-size:var(--text-xs)}.watch-context .help{display:none}.preview-mode .watch-context{margin-inline:16px;padding-block:10px;font-size:var(--text-sm)}}.watch-context>span:first-child{font-weight:600}.preview-mode :is(.watch-context>span:first-child){color:var(--muted);font-weight:400}.watch-context-battery{margin-left:auto;font-variant-numeric:tabular-nums}.app-settings-trigger{width:calc(100% - 48px);margin:12px 24px 0}.preview-mode .app-settings-trigger{min-height:44px;margin:0 24px}@media(max-width:780px){.preview-mode .app-settings-trigger{width:calc(100% - 32px);margin-inline:16px}}.quick-inputs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 24px 0}.quick-inputs button{flex:1;min-height:44px}.touch-hint{margin:8px 24px 0;color:var(--muted);font-size:var(--text-xs)}.execution-controls{display:flex;align-items:center;gap:8px;padding:18px}.preview-mode .execution-controls{gap:10px;padding:16px 24px 20px}@media(max-width:780px){.preview-mode .execution-controls{padding:12px 16px 16px}}.execution-controls>.primary{min-width:90px}.preview-mode :is(.execution-controls>.primary){min-width:0}.preview-mode .execution-controls button{flex:1;min-height:44px}.execution-stats{display:flex;flex-direction:column;gap:3px;margin-left:auto;text-align:right}.execution-stats strong{font-size:var(--text-md);font-weight:550;font-variant-numeric:tabular-nums}.execution-stats span{color:var(--muted);font-size:var(--text-xs)}.display-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:18px;padding:4px 18px;border-top:1px solid var(--line);background:var(--panel-alt)}.preview-mode .display-options{gap:12px 20px;padding:14px 24px}@media(max-width:1020px){.display-options{flex-wrap:wrap}}@media(max-width:780px){.display-options{gap:12px}.preview-mode .display-options{padding-inline:16px}}.display-options label{flex:1;min-width:0;margin:9px 0;font-size:var(--text-xs)}.preview-mode :is(.display-options label){min-width:0;margin:0;font-size:var(--text-sm)}@media(max-width:1020px){.display-options label{min-width:100px}}.display-options label span{float:right;color:var(--muted)}.preview-mode :is(.display-options label span){margin-left:8px}.display-options button{padding:6px 8px;font-size:var(--text-xs)}.preview-mode :is(.display-options button){align-self:end;min-height:36px;font-size:var(--text-sm)}.display-caption{display:flex;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--text-xs)}@media(max-width:780px){.display-caption{flex-wrap:wrap;gap:10px}}.watch-key-help{margin:0;padding:0 18px 18px;color:var(--muted);font-size:var(--text-xs);line-height:1.6}@media(max-width:780px){.watch-key-help{padding-inline:12px;font-size:var(--text-2xs)}}.install-status{margin:0 18px 16px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--selected);font-size:var(--text-xs);line-height:1.6;overflow-wrap:anywhere}.watch-progress{margin:0;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--selected);font-size:var(--text-md)}}@layer components{.tabs{display:flex;overflow:auto;padding:0 10px;border-bottom:1px solid var(--line)}@media(max-width:780px){.tabs{justify-content:space-between}}@media(max-width:520px){.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0}}.tabs button{padding:21px 10px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);font-size:var(--text-md)}@media(max-width:780px){.tabs button{padding-block:16px}}@media(max-width:520px){.tabs button{padding-block:12px}}.tabs button.selected{border-bottom-color:var(--accent);color:var(--accent)}.tool-content{min-height:620px;padding:24px}@media(max-width:1020px){.tool-content{padding:18px}}@media(max-width:780px){.tool-content{min-height:0}}.properties{margin:16px 0}.properties>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;font-size:var(--text-xs)}.properties dt{flex-shrink:0;color:var(--muted)}.properties dd{margin:0;text-align:right;overflow-wrap:anywhere}.registers{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.registers>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:var(--text-xs)}.registers span{color:var(--muted)}.asset-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:var(--text-xs)}.asset-row strong{display:block;font-weight:500;word-break:break-all}.asset-row span{display:block;margin-top:4px;color:var(--muted)}.hash{font-family:monospace;font-size:.9rem;overflow-wrap:anywhere}.range-number{display:flex;align-items:center;gap:12px;margin-top:8px}.range-number span{color:var(--muted)}.source-preview,.build-log,.packet{max-height:240px;overflow:auto;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-alt);white-space:pre-wrap;overflow-wrap:anywhere}.source-preview{line-height:1.65}.sensor-tools fieldset{min-width:0;margin:16px 0;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm)}.sensor-tools legend{padding:0 5px;font-weight:600}.sensor-tools details{margin:14px 0}.sensor-tools summary{margin-bottom:10px;cursor:pointer}.input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:12px}.sensor-plot{width:100%;height:150px;margin:12px 0;border:1px solid var(--line);background:var(--panel-alt)}.sensor-event-log{max-height:220px;overflow:auto;line-height:1.8}.frame-comparison{padding:16px;border-top:1px solid var(--line)}.frame-comparison summary{font-weight:600;cursor:pointer}.frame-difference{display:block;max-width:100%;margin:12px 0;image-rendering:pixelated}.packet-list{max-height:330px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-sm)}.packet-list>p{padding:10px 12px}.packet-list details{padding:10px 12px;border-bottom:1px solid var(--line);font-size:var(--text-xs)}.packet-list details:last-child{border-bottom:0}.packet-list summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;cursor:pointer}.packet-list summary span{color:var(--muted)}.packet-list summary strong{flex:1;font-weight:550}.packet-list pre{margin-bottom:0;padding:10px;background:var(--panel-alt);white-space:pre-wrap;overflow-wrap:anywhere}.console{display:flex;flex-direction:column;min-height:0;margin-top:20px}.console-heading{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}.console-heading h2{margin:0;font-size:var(--text-xs)}.console-heading h2 span{margin-left:8px;color:var(--muted);font-size:var(--text-xs);font-weight:400}.console-heading button{padding:5px 10px;font-size:var(--text-xs)}.console-lines{height:180px;overflow:auto;padding:10px 18px;background:var(--panel-alt)}.console-lines>div{display:grid;grid-template-columns:36px 60px 1fr;align-items:baseline;gap:12px;padding:5px 0;font-size:var(--text-xs)}@media(max-width:780px){.console-lines>div{grid-template-columns:22px 72px 1fr;gap:8px}}.console-lines>div>span{color:var(--muted);font-variant-numeric:tabular-nums}.console-lines strong{color:var(--accent);font-size:var(--text-xs);font-weight:550}.console-lines code{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}}@layer components{.preview-launcher{padding:24px}@media(max-width:1020px){.preview-launcher{padding:20px}}@media(max-width:780px){.preview-launcher{padding:18px}.preview-launcher.phone-open{order:-2}}.preview-launcher h2{margin:0;font-size:var(--text-lg)}.preview-launcher .section-heading{margin-bottom:20px}@media(max-width:780px){.preview-launcher .section-heading{margin-bottom:16px}}.preview-workspace>.preview-launcher{grid-area:content;padding:8px 0;border:0;border-radius:0;background:transparent;box-shadow:none}@media(max-width:780px){.preview-workspace>.preview-launcher{padding:8px}}@media(max-width:780px){.preview-workspace:not(.preview-active) .preview-launcher{justify-self:center;width:100%;max-width:440px;padding:16px 8px}}.preview-chooser summary{padding:4px 0 12px;color:var(--muted);font-size:var(--text-md);cursor:pointer}.preview-chooser>summary{margin-left:16px;list-style-position:outside}.preview-chooser label{margin-top:14px}.launch-actions{display:flex;flex-direction:column;gap:8px;margin-top:20px}.launch-actions>*{width:100%;margin:0}.preview-launcher .launch-actions{gap:10px;margin-top:16px}.preview-launcher .launch-actions>*{min-height:46px}.recent-watchface{display:grid;gap:5px;width:100%;margin-top:16px;padding:12px;text-align:left;white-space:normal;overflow-wrap:anywhere}.recent-watchface span{color:var(--muted);font-size:var(--text-sm);font-weight:400}.recent-watchface strong{font-size:var(--text-md)}.repository-disclosure{margin-top:24px;padding-block:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.repository-disclosure>summary{font-size:var(--text-md);font-weight:550;cursor:pointer}.repository-launch{margin-top:24px;padding-top:6px;border-top:1px solid var(--line)}.repository-launch>button{width:100%;margin-top:8px}.repository-launch details{margin:8px 0}.repository-disclosure .repository-launch{margin-top:8px;border:0}.preview-selection{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 12px;overflow-wrap:anywhere}.preview-selection a{font-size:var(--text-md)}@media(max-width:780px){.preview-selection{margin:12px 0}}.preview-progress{padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-alt);font-size:var(--text-md);line-height:1.6}@media(max-width:780px){.preview-progress{margin:12px 0}}.firmware-setup{margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:6px;background:var(--panel-alt)}.firmware-setup p,.firmware-setup li{font-size:var(--text-md);line-height:1.65}.firmware-setup ol{padding-left:20px}.firmware-setup li{margin:12px 0}.firmware-setup .file-button{text-align:center;white-space:normal}.download-pair{display:grid;gap:8px;margin:10px 0}.download-pair a{text-decoration:underline;text-underline-offset:3px}.preview-sharing{margin-top:20px}.preview-sharing .actions{gap:8px}@media(max-width:780px){.preview-sharing{margin-top:12px}}.preview-launcher .preview-sharing .actions{display:grid;grid-template-columns:1fr 1fr}.preview-launcher .preview-sharing button{min-height:44px;font-weight:450;white-space:normal}.preview-note{margin:16px 0 0;font-size:var(--text-md)}}@layer components{.settings-dialog{position:fixed;inset:0 0 0 auto;width:min(510px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-left:1px solid var(--line);background:var(--panel);color:var(--text);box-shadow:-12px 0 48px #0002}.settings-dialog[open]{display:flex;flex-direction:column}.settings-dialog::backdrop{background:#11182766}.settings-dialog label{font-size:var(--text-sm)}.settings-dialog .check{display:flex;align-items:center;gap:10px;margin:10px 0}.settings-dialog input[type=checkbox]{width:17px;height:17px;margin:0;padding:0;accent-color:var(--accent)}.settings-header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line)}.settings-header h2{margin:0;font-size:1.2rem}.settings-header p{margin:6px 0 0;color:var(--muted);font-size:var(--text-sm)}@media(max-width:780px){.settings-header{padding:18px}}.icon-button{width:40px;height:40px;padding:0;border:0;background:transparent;font-size:24px}.settings-content{flex:1;min-height:0;padding:22px 24px;overflow-y:auto;overscroll-behavior:contain}@media(max-width:780px){.settings-content{padding:18px}}.settings-fields{min-width:0;margin:0;padding:0;border:0}.settings-fields:disabled{opacity:.55}.settings-section{margin-top:20px;padding:20px 0 8px;border-top:1px solid var(--line)}.settings-section h3{margin:0 0 14px}.settings-section .help{font-size:var(--text-xs);line-height:1.65}.settings-section details{margin-top:18px}.settings-section summary{padding:8px 0;font-weight:500;cursor:pointer}.settings-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-section-heading h3{margin:0}.settings-section-heading button{padding:6px 10px;font-size:var(--text-xs)}.battery-setting{display:flex;align-items:center;gap:16px}.battery-setting>input{flex:1;min-width:80px}.battery-number{display:flex;align-items:center;gap:6px;width:100px}.battery-number input{margin:0}.sample-item{min-width:0;margin:18px 0 10px;padding:10px 14px 14px;border:1px solid var(--line);border-radius:var(--radius-md)}.sample-item legend{padding:0 6px;color:var(--muted);font-size:var(--text-xs)}.sample-item label{margin-top:12px}.sample-item .actions{justify-content:space-between;margin-top:10px}.sample-item textarea{resize:vertical}.settings-footer{display:block;flex:0 0 auto;padding:14px 24px 18px;border-top:1px solid var(--line);background:var(--panel-alt);color:var(--text)}.settings-footer .actions{justify-content:space-between}.settings-footer p{margin:0 0 12px;font-size:var(--text-xs);line-height:1.5}.settings-footer>.help{margin:10px 0 0}@media(max-width:780px){.settings-footer{padding:12px 18px}}.preferences-dialog{width:min(520px,calc(100vw - 24px));max-height:min(800px,calc(100dvh - 32px));padding:0;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);color:var(--text)}.preferences-dialog::backdrop{background:#10182080}.preferences-dialog .settings-header{position:sticky;top:0;z-index:1;background:var(--panel)}.preferences-content{padding:0 24px 24px}.preferences-content section{padding-top:24px}.preferences-content h3{margin-bottom:10px}.preferences-content .help,.preferences-content label{font-size:var(--text-md)}.preferences-content progress{display:block;width:100%;height:6px;margin-block:16px 8px;accent-color:var(--accent)}@media(max-width:780px){.preferences-content{padding-inline:20px}}.preferences-message{margin:20px 0 0;padding:12px;border-radius:var(--radius-md);background:var(--selected);font-size:var(--text-md);line-height:1.5}.offline-state{font-size:var(--text-md);font-weight:550}.pwa-update{position:fixed;right:16px;bottom:16px;z-index:25;display:flex;flex-wrap:wrap;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font-size:var(--text-md);box-shadow:0 4px 24px #0002}}