.fx-inspector{box-sizing:border-box;color:#111511;width:100%;max-width:372px;font:14px/1.45 ui-sans-serif,system-ui,sans-serif}.fx-surface{background:#fff;border:1px solid #1115112e;border-radius:14px}.fx-content{padding:14px 16px}.fx-summary{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.fx-title{min-width:0;display:grid}.fx-merchant{overflow-wrap:anywhere;font-weight:550}.fx-meta,.fx-status,.fx-lines dt{color:#5a5e5a;font-size:13px}.fx-amount{font-variant-numeric:tabular-nums}.fx-open{margin-top:12px}.fx-form{border-top:1px solid #11151117;gap:12px;margin-top:14px;padding-top:14px;display:grid}.fx-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fx-field{color:#444944;gap:4px;min-width:0;font-size:13px;display:grid}.fx-field input,.fx-field select,.fx-field textarea{box-sizing:border-box;width:100%;font:inherit;color:#111511;resize:none;background:#fff;border:1px solid #1115112e;border-radius:8px;padding:7px 9px;font-size:14px}.fx-field [aria-invalid=true]{border-color:#a4332a}.fx-error{color:#a4332a;margin:0;font-size:13px}.fx-actions{justify-content:flex-end;gap:8px;display:flex}.fx-button{color:#111511;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #1115112e;border-radius:999px;padding:0 14px}.fx-primary{color:#fff;background:#121412;border-color:#121412}.fx-quiet{background:0 0}.fx-button:focus-visible,.fx-field :focus-visible{outline-offset:2px;outline:2px solid #1d3a2a}.fx-receipt{border-top:1px solid #11151117;outline:none;margin-top:14px;padding-top:14px}.fx-status{margin:0}.fx-lines{gap:6px;margin:10px 0 14px;display:grid}.fx-lines div{justify-content:space-between;gap:16px;display:flex}.fx-lines dd{text-align:right;overflow-wrap:anywhere;margin:0}.sc{--sc-paper:#fff;--sc-ground:#fbfaf7;--sc-ink:#111511;--sc-body:#444944;--sc-muted:#535753;--sc-faint:#8d918e;--sc-forest:#1d3a2a;--sc-line:#11151117;--sc-line-strong:#1115112e;--sc-wash:#1115110a;--sc-wash-strong:#11151117;--sc-danger:#9c2f25;--sc-shadow:0 1px 1px #1115110a, 0 3px 6px -2px #11151114, 0 14px 28px -14px #1115112e;--sc-field:32px;box-sizing:border-box;width:100%;color:var(--sc-ink);font-synthesis:none;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-align:left;font:400 14px/20px Geist,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.sc *,.sc :before,.sc :after{box-sizing:border-box}@media (pointer:coarse){.sc{--sc-field:44px}}.sc .sc-button,.sc .fx-button{appearance:none;min-height:var(--sc-field);border:1px solid var(--sc-line-strong);background:var(--sc-paper);color:var(--sc-ink);font:inherit;letter-spacing:-.003em;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:9px;justify-content:center;align-items:center;margin:0;padding:0 13px;font-size:13px;font-weight:400;line-height:16px;transition:background-color .12s,border-color .12s,box-shadow .12s;display:inline-flex;box-shadow:0 1px #1115110a}.sc .sc-button:active,.sc .fx-button:active{background:var(--sc-wash-strong);box-shadow:none}.sc .fx-quiet{box-shadow:none;color:var(--sc-body);background:0 0;border-color:#0000}.sc .sc-primary,.sc .fx-primary,.sc .fx-open .fx-button{border-color:var(--sc-ink);background:var(--sc-ink);color:#fff;font-weight:500;box-shadow:inset 0 1px #ffffff1f,0 1px 2px #11151133}.sc .sc-primary:active,.sc .fx-primary:active,.sc .fx-open .fx-button:active{background:#000;border-color:#000}.sc .sc-primary[aria-disabled=true],.sc .sc-primary[aria-disabled=true]:active{border-color:var(--sc-line-strong);background:var(--sc-ground);color:var(--sc-faint);box-shadow:none;cursor:default}.sc :focus{outline:none}.sc :focus-visible{outline:2px solid var(--sc-forest);outline-offset:2px}@media (hover:hover){.sc .sc-button:hover,.sc .fx-button:hover{background:var(--sc-ground);border-color:#11151147}.sc .fx-quiet:hover{background:var(--sc-wash);color:var(--sc-ink);border-color:#0000}.sc .sc-button:active,.sc .fx-button:active,.sc .fx-quiet:active{background:var(--sc-wash-strong)}.sc .sc-primary:hover,.sc .fx-primary:hover,.sc .fx-open .fx-button:hover{background:#2a2d2a;border-color:#2a2d2a}.sc .sc-primary:active,.sc .fx-primary:active,.sc .fx-open .fx-button:active{background:#000;border-color:#000}.sc .sc-primary[aria-disabled=true]:hover{border-color:var(--sc-line-strong);background:var(--sc-ground)}}.sc .fx-field,.sc .sc-field{min-width:0;color:var(--sc-muted);gap:3px;font-size:12px;font-weight:500;line-height:16px;display:grid}.sc .fx-field input,.sc .fx-field select,.sc .fx-field textarea,.sc .sc-field input{width:100%;min-height:var(--sc-field);border:1px solid var(--sc-line-strong);background:var(--sc-ground);color:var(--sc-ink);font:inherit;resize:none;border-radius:9px;margin:0;padding:5px 10px;font-size:14px;font-weight:400;line-height:20px;transition:border-color .12s,background-color .12s;box-shadow:inset 0 1px 1px #1115110a}.sc .fx-field textarea{display:block}.sc .fx-field select{appearance:none;background:var(--sc-ground) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23535753' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 11px center;padding-right:28px}.sc .fx-field :focus-visible,.sc .sc-field :focus-visible{outline-offset:0;border-color:var(--sc-forest);background-color:var(--sc-paper)}.sc .fx-field [aria-invalid=true]{border-color:var(--sc-danger)}@media (hover:hover){.sc .fx-field input:hover,.sc .fx-field select:hover,.sc .fx-field textarea:hover,.sc .sc-field input:hover{border-color:#11151147}}.sc-card-wrap{max-width:340px}.sc .fx-inspector{max-width:none;font:inherit;color:inherit}.sc .fx-surface{border:1px solid var(--sc-line-strong);background:var(--sc-paper);box-shadow:var(--sc-shadow);border-radius:14px}.sc .fx-content{padding:14px}.sc .fx-summary{align-items:center;gap:12px;min-height:40px;padding-left:52px;position:relative}.sc .fx-summary:before{content:"";background:#1d3a2a12 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%231d3a2a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 2.5h9v13l-2.25-1.5L9 15.5 6.75 14 4.5 15.5z'/%3E%3Cpath d='M7 6.5h4M7 9.5h4'/%3E%3C/svg%3E") 50% no-repeat;border:1px solid #1d3a2a24;border-radius:11px;width:40px;height:40px;position:absolute;top:0;left:0}.sc .fx-title{gap:1px}.sc .fx-merchant{font:inherit;letter-spacing:-.01em;font-size:15px;font-weight:500;line-height:20px}.sc .fx-meta{color:var(--sc-muted);font-size:13px;line-height:18px}.sc .fx-amount{font:inherit;letter-spacing:-.01em;align-self:start;font-size:15px;font-weight:500;line-height:20px}.sc .fx-open{margin-top:12px}.sc .fx-open .fx-button{width:100%}.sc .fx-form{border-top:1px solid var(--sc-line);gap:8px;margin-top:12px;padding-top:11px}.sc .fx-row{gap:8px}.sc .fx-error{color:var(--sc-danger);margin:0;font-size:13px;line-height:18px}.sc .fx-actions{gap:6px;padding-top:3px}.sc .fx-receipt{border-top:1px solid var(--sc-line);margin-top:12px;padding-top:12px}.sc .fx-status{color:var(--sc-body);align-items:center;gap:8px;margin:0;font-size:13px;line-height:18px;display:flex}.sc .fx-status:before{content:"";background:var(--sc-forest);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #1d3a2a1f}.sc .fx-lines{gap:6px;margin:10px 0 12px;font-size:13px;line-height:18px}.sc .fx-lines dt{color:var(--sc-muted);font-size:13px}.sc-menu-wrap{width:248px}.sc-menu{width:172px}.sc-menu[data-state=open]{width:248px}.sc-menu-surface{border:1px solid var(--sc-line-strong);background:var(--sc-paper);box-shadow:var(--sc-shadow);border-radius:12px}.sc-menu-content{padding:4px}.sc .sc-menu-trigger{appearance:none;width:100%;min-height:36px;color:var(--sc-ink);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;margin:0;padding:0 10px;transition:background-color .12s;display:flex}.sc .sc-menu-trigger:active{background:var(--sc-wash-strong)}.sc-menu-kind{color:var(--sc-muted);display:none}.sc-menu-value{letter-spacing:-.005em;white-space:nowrap;font-weight:500}.sc-chevron{color:var(--sc-muted);flex:none;margin-left:2px;transition:transform .18s}.sc-menu[data-state=open] .sc-chevron{transform:rotate(180deg)}.sc-menu-list{border-top:1px solid var(--sc-line);gap:1px;margin-top:4px;padding-top:4px;display:grid}.sc .sc-menu-item{appearance:none;width:100%;min-height:34px;color:var(--sc-body);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:8px;grid-template-columns:14px minmax(0,1fr) 12px 18px;align-items:center;column-gap:8px;margin:0;padding:0 8px 0 10px;transition:background-color .12s,color .12s;display:grid}.sc .sc-menu-item:active{background:var(--sc-wash-strong)}.sc .sc-menu-item[aria-checked=true]{color:var(--sc-ink);font-weight:500}.sc .sc-menu-item:focus-visible{outline-offset:-2px}.sc-check{color:var(--sc-forest);opacity:0}.sc-menu-item[aria-checked=true] .sc-check{opacity:1}.sc-menu-item kbd{border:1px solid var(--sc-line);min-width:18px;font:inherit;color:var(--sc-muted);text-align:center;border-radius:5px;justify-self:end;padding:0 5px;font-size:11px;font-weight:400;line-height:16px}@media (hover:hover){.sc .sc-menu-trigger:hover{background:var(--sc-wash)}.sc .sc-menu-item:hover{background:var(--sc-wash);color:var(--sc-ink)}.sc .sc-menu-trigger:active,.sc .sc-menu-item:active{background:var(--sc-wash-strong)}}@media (pointer:coarse){.sc .sc-menu-trigger,.sc .sc-menu-item{min-height:44px}}.sc-status{border:1.5px solid var(--sc-faint);border-radius:50%;flex:none;width:12px;height:12px}.sc-status[data-status=backlog]{border-style:dashed}.sc-status[data-status=in-progress]{background:conic-gradient(#8a6a1c 0 50%, transparent 0) content-box;border-color:#8a6a1c;padding:1.5px}.sc-status[data-status=in-review]{border-color:var(--sc-forest);background:conic-gradient(var(--sc-forest) 0 75%, transparent 0) content-box;padding:1.5px}.sc-status[data-status=done]{border-color:var(--sc-forest);background:var(--sc-forest)}.sc-status[data-status=paused]{border-color:var(--sc-muted);background:linear-gradient(90deg, transparent 0 28%, var(--sc-muted) 0 44%, transparent 0 56%, var(--sc-muted) 0 72%, transparent 0) content-box;border-radius:4px;padding:1.5px}.sc-phone-wrap{width:300px;max-width:100%}.sc-phone{--sc-field:44px;border:1px solid var(--sc-line-strong);background:var(--sc-paper);height:352px;box-shadow:var(--sc-shadow);border-radius:22px;overflow:hidden}.sc-screen{grid-template-rows:auto minmax(0,1fr) auto;height:100%;padding:18px 16px 16px;display:grid}.sc-screen-head{border-bottom:1px solid var(--sc-line);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:12px;display:flex}.sc-screen-title{letter-spacing:-.02em;font:400 22px/26px Geist Serif,Times New Roman,serif}.sc-screen-meta{color:var(--sc-muted);font-size:13px;line-height:18px}.sc-plan{margin:0;padding:0;list-style:none}.sc-plan li{border-bottom:1px solid var(--sc-line);grid-template-columns:48px minmax(0,1fr);align-items:baseline;column-gap:10px;padding:11px 0;display:grid}.sc-plan time{color:var(--sc-muted);font-size:13px;line-height:20px}.sc-plan span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sc-plan li[data-new] span{font-weight:500}.sc-add{display:grid}.sc-scrim{cursor:pointer;background:#11151138;position:absolute;inset:0}.sc-sheet{border-top:1px solid var(--sc-line-strong);background:var(--sc-paper);border-radius:18px 18px 0 0;gap:12px;margin:0;padding:8px 16px 16px;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 30px -12px #11151147}.sc-grabber{background:var(--sc-line-strong);border-radius:2px;justify-self:center;width:34px;height:4px}.sc-slots{border:1px solid var(--sc-line-strong);background:var(--sc-ground);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px;display:grid}.sc .sc-slot{appearance:none;min-height:calc(var(--sc-field) - 6px);color:var(--sc-body);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:7px;margin:0;padding:0 4px;font-size:13px;font-weight:400;line-height:16px;transition:background-color .12s,color .12s}.sc .sc-slot:active{background:var(--sc-wash-strong)}.sc .sc-slot[aria-pressed=true]{background:var(--sc-forest);color:#fff;font-weight:500}.sc .sc-slot[aria-pressed=true]:active{background:#142a1e}.sc-sheet-actions{grid-template-columns:auto minmax(0,1fr);gap:8px;display:grid}@media (hover:hover){.sc .sc-slot:hover{background:var(--sc-wash);color:var(--sc-ink)}.sc .sc-slot:active{background:var(--sc-wash-strong)}.sc .sc-slot[aria-pressed=true]:hover{color:#fff;background:#2b4f3b}.sc .sc-slot[aria-pressed=true]:active{color:#fff;background:#142a1e}}@media (prefers-reduced-motion:reduce){.sc *,.sc :before,.sc :after{transition:none!important}}[data-frame-root]{isolation:isolate;position:relative}[data-frame-surface]{z-index:-1;box-sizing:border-box;contain:strict;pointer-events:none;position:absolute;inset:0}[data-frame-target][hidden]:not([data-frame-exiting]){display:none!important}[data-frame-exiting]{pointer-events:none;box-sizing:border-box!important;margin:0!important;position:absolute!important}:where([data-frame-exiting][hidden]){display:block}@font-face{font-family:Geist;src:url(./Geist-Variable-BcGYEO07.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Serif;src:url(./GeistSerif-Regular-mkvjf7at.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Geist Mono;src:url(./GeistMono-Variable-H6ZggvBa.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--paper:#fbfaf7;--white:#fff;--ink:#111511;--body:#444944;--muted:#535753;--quiet:#8d918e;--forest:#1d3a2a;--forest-hover:#2b4f3b;--line:#11151117;--line-strong:#1115112e;--tile:#1115110f;--wash:#1115110a;--warn:#8a2b22;--sans:"Geist", ui-sans-serif, system-ui, sans-serif;--serif:"Geist Serif", "Times New Roman", serif;--mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace}html,body,#root{height:100%}body{background:var(--white);margin:0}.studio{color:var(--ink);font:13px/1.45 var(--sans);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}:where(.ui,.ui *){box-sizing:border-box}:where(.ui) :where(h1,h2,h3,p,dl,dd){margin:0}:where(.ui) :where(h2,h3){font-size:13px;font-weight:550}:where(.ui) :where(button,input,select){font:inherit;color:inherit}:where(.ui) :where(ul){margin:0;padding:0;list-style:none}:where(.ui) :where(select){appearance:none;border:1px solid var(--line-strong);background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23535753' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 8px center;cursor:pointer;border-radius:7px;min-width:0;max-width:100%;min-height:28px;padding:3px 24px 3px 8px;transition:border-color .12s}:where(.ui) :where(select):hover{border-color:#11151147}:where(.ui) :where(:focus-visible){outline:2px solid var(--forest);outline-offset:1px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.studio{grid-template:"top top top"48px"left canvas right"minmax(0,1fr)"transport transport transport"/232px minmax(0,1fr) 296px;height:100%;display:grid}.topbar{border-bottom:1px solid var(--line);grid-area:top;align-items:center;gap:8px;min-width:0;padding:0 14px;display:flex}.ui .brand{font:400 19px/1 var(--serif);font-synthesis:none;letter-spacing:-.02em;margin-right:4px}.ui .brand a{color:inherit;border-radius:4px;text-decoration:none}.project-name{width:190px;min-width:60px;min-height:28px;color:var(--body);text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:7px;padding:2px 8px;transition:border-color .12s}.project-name:hover{border-color:var(--line-strong)}.status{color:var(--muted);white-space:nowrap}.recovered{color:var(--forest);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.grow{flex:1}.pane{min-height:0;padding:14px;overflow:auto}.pane-left{border-right:1px solid var(--line);grid-area:left}.pane-right{border-left:1px solid var(--line);grid-area:right}.canvas{background:var(--paper) radial-gradient(circle, #11151121 1px, transparent 1.2px) 0 0 / 18px 18px;grid-area:canvas;min-width:0;min-height:0;overflow:auto}.stage{box-sizing:border-box;justify-content:center;align-items:flex-start;min-height:100%;padding:clamp(56px,12vh,112px) 24px 64px;display:flex;position:relative}.stage-live,.stage-probe{font:initial;color:initial;line-height:initial;-webkit-font-smoothing:auto}.stage-live{justify-content:center;width:100%;max-width:372px;display:flex}.stage[data-inspecting] .stage-live{cursor:not-allowed}.stage-label{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;top:14px;left:16px}.stage-label b{border:1px solid var(--line-strong);background:var(--white);color:var(--ink);border-radius:999px;padding:1px 7px;font-weight:500}.stage-note{color:var(--muted);text-align:center;pointer-events:none;position:absolute;top:14px;left:0;right:0}.stage-probe{visibility:hidden;pointer-events:none;justify-content:center;width:min(372px,100% - 48px);display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.graph{width:100%;max-width:208px;margin:0 auto 10px;display:block;overflow:visible}.graph-hit{fill:none;stroke:#0000;stroke-width:12px;cursor:pointer}.graph-line{fill:none;stroke:var(--line-strong);stroke-width:1px;pointer-events:none}.graph-edge:hover .graph-line{stroke:var(--muted)}.graph-edge[data-selected] .graph-line{stroke:var(--forest);stroke-width:1.5px}.graph-node{cursor:pointer}.graph-node rect{fill:var(--white);stroke:var(--line-strong)}.graph-node text{fill:var(--ink);font-size:10.5px}.graph-node[data-current] rect{fill:var(--forest);stroke:var(--forest)}.graph-node[data-current] text{fill:var(--white)}.graph-node[data-selected] rect{stroke:var(--forest);stroke-width:1.5px}.state-panel h2{color:var(--muted);font-size:12px;font-weight:500}.list{gap:1px;margin:4px -6px 14px;display:grid}.row{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:baseline;gap:8px;width:100%;min-height:30px;padding:5px 8px;transition:background-color .12s;display:flex}.row:hover{background:var(--wash)}.row:active{background:var(--tile)}.row[aria-pressed=true]{background:var(--tile);box-shadow:inset 2px 0 0 var(--forest);font-weight:500}.row-move{overflow-wrap:anywhere;min-width:0}.tag{color:var(--muted);font-weight:400}.properties,.curve,.section{gap:9px;display:grid}.properties-head{gap:1px;padding-bottom:3px;display:grid}.ui .properties h2{font:400 20px/1.25 var(--serif);font-synthesis:none;letter-spacing:-.015em}.section{border-top:1px solid var(--line);margin-top:5px;padding-top:13px}.ui .section h3{letter-spacing:.01em;color:var(--ink);font-size:12px;font-weight:550}.rule{border:1px solid var(--line);background:var(--paper);border-radius:9px;gap:8px;padding:10px;display:grid}.curve-preview{border:1px solid var(--line);background:var(--paper);border-radius:9px;width:100%;height:56px;display:block}.rule .curve-preview{background:var(--white)}.curve-preview-target{stroke:var(--line-strong);stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.curve-preview-rest{stroke:var(--line);vector-effect:non-scaling-stroke}.curve-preview-path{fill:none;stroke:var(--forest);stroke-width:1.5px;vector-effect:non-scaling-stroke}.presets{flex-wrap:wrap;gap:4px;display:flex}.chip{border:1px solid var(--line-strong);background:var(--white);cursor:pointer;border-radius:7px;min-height:26px;padding:0 10px;transition:background-color .12s,border-color .12s,color .12s}.chip:hover{background:var(--paper);border-color:#11151147}.chip[aria-pressed=true]{background:var(--forest);color:var(--white);border-color:var(--forest);font-weight:500}.chip[aria-pressed=true]:hover{background:var(--forest-hover);border-color:var(--forest-hover)}.field{color:var(--body);grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:2px 8px;display:grid}.field select{width:100%}.number{grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:5px;display:grid}.number input{border:1px solid var(--line-strong);background:var(--white);width:100%;min-width:0;min-height:28px;color:var(--ink);font:12px/1.5 var(--mono);border-radius:7px;padding:3px 8px;transition:border-color .12s}.number input:hover{border-color:#11151147}.number input[aria-invalid=true]{border-color:var(--warn)}.unit{color:var(--muted);white-space:nowrap;font-size:11px}.field-error{color:var(--warn);grid-column:2;font-size:12px}.check{color:var(--body);align-items:center;gap:6px;display:flex}.check input{accent-color:var(--forest)}.hint{color:var(--muted)}.link{color:var(--forest);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;-webkit-text-decoration:underline #1d3a2a59;text-decoration:underline #1d3a2a59}.link:hover{text-decoration-color:currentColor}.button{border:1px solid var(--line-strong);background:var(--white);white-space:nowrap;cursor:pointer;border-radius:8px;min-height:30px;padding:0 12px;transition:background-color .12s,border-color .12s}.button:hover{background:var(--paper);border-color:#11151147}.button:active{background:var(--tile)}.button:disabled,.button:disabled:hover{border-color:var(--line);background:var(--white);color:var(--quiet);cursor:default}.button-dark{color:var(--white);background:#121412;border-color:#121412;font-weight:500}.button-dark:hover{background:#2a2d2a;border-color:#2a2d2a}.button-dark:active{background:#000;border-color:#000}.transport{border-top:1px solid var(--line);background:var(--white);grid-area:transport;gap:8px;min-width:0;padding:9px 14px 12px;display:grid}.transport-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.mono,.time{font-family:var(--mono);font-variant-numeric:tabular-nums}.time{min-width:62px;font-weight:500}.mode{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:12px}.inline{align-items:center;gap:4px;display:inline-flex}.readout{gap:14px;font-size:12px;display:flex}.readout div{gap:5px;display:flex}.readout dt{color:var(--muted)}.readout dd{font-family:var(--mono);font-variant-numeric:tabular-nums;min-width:72px}.warning{color:var(--warn)}.ribbon{border:1px solid var(--line-strong);background:var(--paper);touch-action:none;border-radius:10px;height:132px;position:relative;overflow:hidden}.ribbon-svg{cursor:ew-resize;display:block}.ribbon-axis{stroke:var(--line-strong);stroke-width:1px}.ribbon-tick{font:11px var(--sans);fill:var(--muted)}.ribbon-path{fill:none;stroke:var(--forest);stroke-width:1.75px;stroke-linejoin:round}.ribbon-ghost{fill:none;stroke:var(--muted);stroke-width:1.25px;stroke-dasharray:1 4;stroke-linecap:round}.ribbon-playhead{stroke:var(--ink);stroke-width:1px;opacity:.45}.ribbon-dot{fill:var(--forest);stroke:var(--paper);stroke-width:2px}.ribbon-slider{opacity:0;width:1px;height:1px;position:absolute;top:0;left:0}.ribbon:has(.ribbon-slider:focus-visible){outline:2px solid var(--forest);outline-offset:1px}.ribbon-legend{color:var(--muted);pointer-events:none;font-size:11px;position:absolute;top:5px;right:10px}.marker{cursor:ew-resize;touch-action:none;background:0 0;border:0;width:18px;margin-left:-9px;padding:0;position:absolute;top:0;bottom:18px}.marker:before{content:"";border-left:1px dashed var(--line-strong);position:absolute;top:0;bottom:0;left:8.5px}.marker span{background:var(--tile);color:var(--body);white-space:nowrap;pointer-events:none;border-radius:999px;padding:0 6px;font-size:11px;position:absolute;top:5px;left:12px}.marker[data-active]:before{border-left:1px dashed var(--forest)}.marker[data-active] span{background:var(--forest);color:var(--white)}.marker[data-outcome=reject] span{color:var(--warn);background:0 0;text-decoration:line-through}.ribbon-empty .link{justify-self:center}.ribbon-empty{border:1px dashed var(--line-strong);background:var(--paper);text-align:center;border-radius:10px;align-content:center;justify-items:center;gap:2px;height:132px;padding:0 16px;display:grid}.lede{font:17px/1.3 var(--serif);font-synthesis:none}.transport-inspect{padding-top:2px}.dialog{z-index:10;border:1px solid var(--line-strong);background:var(--white);width:min(560px,100vw - 32px);height:fit-content;max-height:calc(100vh - 32px);color:var(--ink);border-radius:14px;gap:12px;margin:auto;padding:20px;display:grid;position:fixed;inset:0;overflow:auto;box-shadow:0 1px 2px #11151112,0 24px 60px -20px #11151159}.dialog-try{margin-right:auto}.dialog-title{font:20px/1.25 var(--serif);font-synthesis:none}.dialog-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.code{border:1px solid var(--line);background:var(--paper);font:12px/1.6 var(--mono);border-radius:9px;margin:0;padding:12px;overflow:auto}.file-list{gap:3px;margin-top:6px;display:grid}.file-list li{justify-content:space-between;gap:12px;display:flex}.problems{gap:6px;display:grid}.problems code{font:12px var(--mono);overflow-wrap:anywhere}.empty-app{font:15px/1.5 var(--sans);gap:8px;max-width:480px;margin:20vh auto;padding:0 16px;display:grid}@media (width<=767px){html,body,#root{height:auto}.studio{grid-template:"top""canvas""transport""right""left"/minmax(0,1fr);height:auto}.topbar{flex-wrap:wrap;min-height:48px;padding:8px 16px}.project-name,.recovered,.stage-label{display:none}.canvas{overflow:visible}.stage{min-height:0;padding:44px 16px 24px}.stage-probe{width:calc(100% - 32px)}.pane{border:0;border-top:1px solid var(--line);padding:14px 16px;overflow:visible}.graph{display:none}.transport{padding:8px 16px 10px}.readout{flex-wrap:wrap;gap:4px 14px}.button,.chip,select,.number input{min-height:36px}.marker{width:28px;margin-left:-14px}.marker:before{left:13.5px}.marker span{left:16px}}@keyframes studio-in{0%{opacity:0;transform:translateY(6px)}}.topbar{animation:.32s cubic-bezier(.2,.7,.2,1) backwards studio-in}.pane{animation:.36s cubic-bezier(.2,.7,.2,1) 60ms backwards studio-in}@keyframes studio-fade{0%{opacity:0}}.canvas{animation:.4s ease-out .12s backwards studio-fade}.transport{animation:.4s cubic-bezier(.2,.7,.2,1) .12s backwards studio-in}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}.ui,.ui *{transition:none!important}.topbar,.pane,.canvas,.transport{animation:none}}