*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#16181c;background:#eceeea;font:14px/1.5 system-ui,sans-serif}.app{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);height:100%;display:grid}.panes{grid-area:2/1;grid-template-columns:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.pane{min-width:0;min-height:0;position:relative}.pane.side{width:440px;min-width:300px;max-width:38vw;transition:max-width .25s,min-width .25s;overflow:hidden}.pane.side.collapsed{min-width:0;max-width:0}.splitter{z-index:1;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;width:7px;position:absolute;top:0;bottom:0;left:-3px}.splitter:hover,.splitter:active{background:#b8860b59}.splitter:focus-visible{outline-offset:-2px;outline:2px solid #b8860b}.code-toggle{z-index:2;cursor:pointer;color:#7c827c;background:#ffffffe6;border:1px solid #c8ccc4;border-left:0;border-radius:0 3px 3px 0;width:15px;height:52px;padding:0;font:600 13px/1 system-ui,sans-serif;position:absolute;top:50%;left:0;transform:translateY(-50%)}.code-toggle:hover{color:#b8860b;border-color:#b8860b}.code-toggle:focus-visible{outline-offset:1px;outline:2px solid #b8860b}.pane.side.right{resize:horizontal;direction:rtl;width:360px}.pane.side.right>*{direction:ltr}.pane+.pane{border-left:1px solid #c8ccc4}.view{background:#f6f7f4}.hud{pointer-events:none;flex-wrap:wrap;align-items:flex-start;gap:6px;max-width:calc(100% - 260px);display:flex;position:absolute;top:10px;left:10px}.tag{letter-spacing:.04em;color:#414741;background:#ffffffe6;border:1px solid #c8ccc4;border-radius:2px;padding:5px 7px;font:500 11px/1 ui-monospace,monospace}.tag.busy{color:#b8860b;border-color:#b8860b}.stats{display:contents}.stats.stale .tag{opacity:.45;font-style:italic}.error{white-space:pre-wrap;color:#7a1a4e;background:#fff0f4;border:1px solid #a8256b;border-radius:2px;max-height:42%;margin:0;padding:10px 12px;font:12px/1.5 ui-monospace,monospace;position:absolute;bottom:10px;left:10px;right:10px;overflow:auto}.warnings{white-space:pre-wrap;color:#6b4e00;background:#fff8e6;border:1px solid #b8860b;border-radius:2px;max-height:25%;margin:0;padding:10px 12px;font:12px/1.5 ui-monospace,monospace;position:absolute;bottom:10px;left:10px;right:10px;overflow:auto}.actions{gap:6px;display:flex;position:absolute;top:10px;right:10px}.actions button{cursor:pointer;color:#16181c;background:#fff;border:1px solid #c8ccc4;border-radius:2px;padding:7px 11px;font:500 12px/1 system-ui,sans-serif}.actions button:hover:not(:disabled){color:#b8860b;border-color:#b8860b}.actions button:disabled{opacity:.5;cursor:default}.actions button:focus-visible{outline-offset:1px;outline:2px solid #b8860b}.viewport{width:100%;height:100%;position:relative}.viewport-canvas{width:100%;height:100%}.viewport-canvas canvas{display:block}.view-cube{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:52px;right:10px}.view-cube canvas{cursor:pointer;display:block}.view-cube button{letter-spacing:.06em;cursor:pointer;color:#414741;background:#ffffffe6;border:1px solid #c8ccc4;border-radius:2px;padding:4px 10px;font:500 10px/1 ui-monospace,monospace}.view-cube button:hover{color:#b8860b;border-color:#b8860b}.view-cube button:focus-visible{outline-offset:1px;outline:2px solid #b8860b}.draw-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.viewport.drawing .draw-overlay{pointer-events:auto;cursor:crosshair;touch-action:none}.view-cube button.primary{color:#e0242a;border-color:#e0242a}.chat-thumb.markup{border-color:#e0242a}.chat-phase{letter-spacing:.02em;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-family:ui-monospace,monospace}.chat-phase:hover{color:#b8860b}.chat-phase:focus-visible{outline-offset:2px;outline:2px solid #b8860b}.chat-raw{white-space:pre-wrap;color:#414741;background:#f6f7f4;border:1px solid #dfe2db;border-radius:2px;max-height:60vh;margin:0 0 8px;padding:8px 10px;font:11px/1.5 ui-monospace,monospace;overflow:auto}.spinner{vertical-align:-1px;border:2px solid #c8ccc4;border-top-color:#b8860b;border-radius:50%;width:10px;height:10px;margin-right:6px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.chat{background:#f2f3ef;flex-direction:column;height:100%;min-height:0;display:flex}.chat-log{color:#16181c;flex-direction:column;flex:1;gap:14px;padding:16px 14px 10px;font:13px/1.62 system-ui,sans-serif;display:flex;overflow-y:auto}.chat-empty{color:#7c827c;max-width:34ch;font-size:12px}.msg{overflow-wrap:anywhere;max-width:100%}.msg-user{white-space:pre-wrap;background:#faf3e0;border-radius:3px;align-self:flex-end;max-width:88%;padding:7px 10px}.msg-assistant>*+*{margin-top:9px}.msg-assistant p{margin:0}.msg-assistant h4{margin:0;font:600 13px/1.45 system-ui,sans-serif}.msg-assistant ul,.msg-assistant ol{margin:0;padding-left:20px}.msg-assistant li+li{margin-top:3px}.msg-assistant code{background:#e6e8e2;border-radius:2px;padding:1px 4px;font:11.5px/1.4 ui-monospace,monospace}.chip{letter-spacing:.07em;text-transform:uppercase;color:#7c827c;background:#fff;border:1px solid #dfe2db;border-radius:2px;align-items:center;gap:7px;margin-right:6px;padding:5px 8px;font:500 10px/1 ui-monospace,monospace;display:inline-flex}.chip b{color:#414741;font-weight:600}.chip.ok{color:#4d6b3c;border-color:#ccd6c2}.chat-log>.chip{align-self:flex-start}.chip.bad{color:#a8256b;border-color:#e3b9cd}.caret{vertical-align:-.18em;background:#b8860b;width:.45em;height:1.05em;margin-left:2px;animation:1.1s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{50%{opacity:0}}.chat-reasoning{color:#8a908a;white-space:pre-wrap;border-left:2px solid #dfe2db;max-height:16em;padding-left:9px;font:11.5px/1.55 ui-monospace,monospace;overflow-y:auto}.chat-reasoning>*+*{margin-top:6px}.chat-reasoning h4{color:#6a706a;font:600 11.5px/1.55 ui-monospace,monospace}.chat-reasoning strong{color:#5c625c}.chat-reasoning code{font-size:inherit}.chat-stderr{white-space:pre-wrap;color:#7a1a4e;background:#fff0f4;border:1px solid #e3b9cd;border-radius:2px;max-height:180px;margin:0;padding:8px 10px;font:11px/1.5 ui-monospace,monospace;overflow:auto}.chat-note{letter-spacing:.05em;color:#8a908a;white-space:pre-wrap;font:10.5px/1.5 ui-monospace,monospace}.chat-note.bad{color:#a8256b}.chat-rule{color:#a8ada6;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;font:10px/1 ui-monospace,monospace;display:flex}.chat-rule:before,.chat-rule:after{content:"";background:#dfe2db;flex:1;height:1px}.chat-error{color:#7a1a4e;background:#fff0f4;border:1px solid #a8256b;border-radius:2px;margin:0 12px 8px;padding:8px 10px;font-size:12px}.chat-nokey{color:#6b5200;background:#fdf6e3;border:1px solid #b8860b;border-radius:2px;margin:0 12px 8px;padding:8px 10px;font-size:12px}.chat-nokey button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.chat-form{border-top:1px solid #c8ccc4;padding:10px 12px 6px}.chat-input{background:#fff;border:1px solid #c8ccc4;border-radius:3px;align-items:flex-end;gap:6px;padding:6px 6px 6px 9px;display:flex}.chat-input:focus-within{border-color:#b8860b;box-shadow:0 0 0 2px #faf3e0}.chat-input textarea{resize:none;color:#16181c;background:0 0;border:0;outline:0;flex:1;min-width:0;max-height:38vh;padding:2px 0;font:13px/1.5 system-ui,sans-serif}.chat-input textarea::placeholder{color:#a8ada6}.chat-send{cursor:pointer;color:#414741;background:#fff;border:1px solid #c8ccc4;border-radius:2px;flex:none;place-items:center;width:26px;height:26px;font:600 13px/1 system-ui,sans-serif;display:grid}.chat-send:hover:not(:disabled){color:#b8860b;border-color:#b8860b}.chat-send:disabled{opacity:.4;cursor:default}.chat-send.stop{color:#b8860b;border-color:#b8860b}.chat-tray{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.chat-thumb{cursor:pointer;background:#fff;border:1px solid #c8ccc4;border-radius:3px;flex:none;width:42px;height:42px;padding:0;overflow:hidden}.chat-thumb:hover:not(:disabled){border-color:#a8256b}.chat-thumb:disabled{opacity:.5;cursor:default}.chat-attach{cursor:pointer;color:#414741;background:#fff;border:1px solid #c8ccc4;border-radius:2px;flex:none;place-items:center;width:26px;height:26px;font:600 12px/1 system-ui,sans-serif;display:grid;position:relative}.chat-attach:hover{color:#b8860b;border-color:#b8860b}.chat-attach:has(input:disabled){opacity:.4;cursor:default}.chat-attach:has(input:focus-visible){color:#b8860b;border-color:#b8860b;box-shadow:0 0 0 2px #faf3e0}.chat-attach input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.msg-images{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.msg-images img{object-fit:cover;border-radius:2px;width:88px;height:88px;display:block}.chat-thumb img{object-fit:cover;width:100%;height:100%;display:block}.chat-inspect{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.chat-inspect img{background:#fff;border:1px solid #dfe2db;border-radius:2px;width:auto;max-width:100%;height:192px;display:block}.chat-inspect summary{cursor:pointer;list-style:none}.chat-inspect summary::-webkit-details-marker{display:none}.chat-inspect pre{white-space:pre-wrap;color:#414741;background:#fff;border:1px solid #dfe2db;border-radius:2px;max-height:240px;margin:6px 0 0;padding:8px 10px;font:11px/1.5 ui-monospace,monospace;overflow:auto}.chat-meter{letter-spacing:.05em;color:#8a908a;flex-wrap:wrap;align-items:center;gap:9px;padding:0 13px 10px;font:10px/1.5 ui-monospace,monospace;display:flex}.chat-meter button{font:inherit;letter-spacing:inherit;color:#414741;cursor:pointer;background:0 0;border:0;border-bottom:1px dotted #a8ada6;padding:0}.chat-meter button:hover{color:#b8860b;border-bottom-color:#b8860b}.chat-meter .sep{color:#c8ccc4}.chat-settings{background:#eef0ea;border-top:1px solid #dfe2db;flex-direction:column;gap:8px;padding:10px 13px 12px;display:flex}.chat-settings label{letter-spacing:.07em;text-transform:uppercase;color:#7c827c;flex-direction:column;gap:4px;font:10px/1.4 ui-monospace,monospace;display:flex}.chat-settings input,.chat-settings select{color:#16181c;letter-spacing:0;text-transform:none;background:#fff;border:1px solid #c8ccc4;border-radius:2px;min-width:0;padding:6px 7px;font:12px/1.3 ui-monospace,monospace}.chat-settings input:focus-visible,.chat-settings select:focus-visible{outline-offset:-1px;outline:2px solid #b8860b}.chat-settings .row{align-items:center;gap:7px;display:flex}.chat-settings button{cursor:pointer;color:#16181c;background:#fff;border:1px solid #c8ccc4;border-radius:2px;padding:7px 11px;font:500 11px/1 system-ui,sans-serif}.chat-settings button:hover:not(:disabled){color:#b8860b;border-color:#b8860b}.chat-settings a{color:#b8860b}.chat-hint{color:#7c827c;margin:0;font:11px/1.45 system-ui,sans-serif}@media (prefers-reduced-motion:reduce){.caret{animation:none}}.params{background:#f2f3ef;border-top:1px solid #c8ccc4;flex-direction:column;gap:6px;max-height:34%;padding:8px 10px;display:flex;overflow-y:auto}.params[data-disabled=true]{opacity:.5}.params-group{letter-spacing:.06em;color:#6a706a;margin-top:4px;font:600 10px/1 ui-monospace,monospace}.param{grid-template-columns:1fr auto;align-items:center;gap:2px 8px;display:grid}.param>label{color:#414741;font:11px/1.3 ui-monospace,monospace}.param output{color:#16181c;font:11px/1.3 ui-monospace,monospace}.param input[type=range]{accent-color:#b8860b;grid-column:1/-1;width:100%}.param input[type=number],.param select{grid-column:2;font:11px/1.3 ui-monospace,monospace}.param input[type=checkbox]{accent-color:#b8860b;justify-self:end}.editor-pane{flex-direction:column;height:100%;min-height:0;display:flex}.editor-host{flex:1;min-height:0}.components{background:#f2f3ef;border-top:1px solid #c8ccc4;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 10px;font:11px/1.3 ui-monospace,monospace;display:flex}.components[data-disabled=true]{opacity:.5}.component{color:#414741;background:#fff;border:1px solid #c8ccc4;border-radius:2px;align-items:center;gap:7px;padding:3px 3px 3px 8px;display:inline-flex}.component-size{color:#7c827c}.component button{cursor:pointer;color:#7c827c;background:0 0;border:0;padding:0 4px;font-size:13px}.component button:hover:not(:disabled){color:#a8256b}.component-add{cursor:pointer;color:#b8860b;padding:3px 4px;position:relative}.component-add:hover{text-decoration:underline}.component-add:has(input:focus-visible){outline-offset:1px;outline:2px solid #b8860b}.component-add input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.chat-selection{align-items:center;gap:8px;margin-bottom:6px;display:flex}.chat-selection .chip{text-transform:none;letter-spacing:.03em;margin:0}.chat-selection button{cursor:pointer;background:0 0;border:0;padding:0}.chat-selection button:hover{color:#a8256b}.working{z-index:2;pointer-events:none;opacity:0;width:100%;height:2px;transition:opacity .2s;position:absolute;inset:0 auto auto 0;overflow:hidden}.app[data-working=true] .working{opacity:1}.working:after{content:"";background:linear-gradient(90deg,#0000,#b8860b,#0000);width:40%;animation:1.1s linear infinite working-sweep;position:absolute;inset:0}@keyframes working-sweep{0%{transform:translate(-100%)}to{transform:translate(350%)}}.unit-toggle{pointer-events:auto;cursor:pointer;letter-spacing:.07em;text-transform:uppercase;color:#7c827c;background:#ffffffe6;border:1px dashed #c8ccc4;border-radius:2px;padding:5px 7px;font:500 10px/1 ui-monospace,monospace}.unit-toggle:hover{color:#b8860b;border-color:#b8860b}.unit-toggle:focus-visible{outline-offset:1px;outline:2px solid #b8860b}.app{position:relative}@media (prefers-reduced-motion:reduce){.working:after{width:100%;animation:none}}.menubar{background:#e6e8e2;border-bottom:1px solid #c8ccc4;align-items:center;gap:4px;padding:6px 10px;display:flex}.menubar button{cursor:pointer;color:#414741;background:0 0;border:1px solid #0000;border-radius:2px;padding:6px 9px;font:500 11px/1 system-ui,sans-serif}.menubar button:hover:not(:disabled){color:#16181c;background:#fff;border-color:#c8ccc4}.menubar button.brand{letter-spacing:.02em;color:#16181c;background:0 0;border-color:#0000;margin-right:8px;padding-left:0;font:700 12px/1 system-ui,sans-serif}.menubar button.brand:hover:not(:disabled){color:#b8860b;background:0 0;border-color:#0000}.menubar button:disabled{opacity:.35;cursor:default}.menubar button:focus-visible{outline-offset:1px;outline:2px solid #b8860b}.menubar-doc{letter-spacing:.06em;text-transform:uppercase;color:#7c827c;margin-left:auto;font:10px/1 ui-monospace,monospace}.menu-help{position:relative}.help-pop{z-index:5;color:#414741;background:#fff;border:1px solid #c8ccc4;border-radius:3px;width:380px;padding:10px 12px;font:11.5px/1.45 system-ui,sans-serif;display:none;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 6px 20px #0000001f}.menu-help:hover .help-pop{display:block}.menu-help:has(:focus-visible) .help-pop{display:block}.help-pop dl{grid-template-columns:auto 1fr;gap:3px 10px;margin:8px 0;display:grid}.help-pop dl>div{display:contents}.help-pop dt{color:#16181c;white-space:nowrap;font:500 11px/1.45 ui-monospace,monospace}.help-pop dd{margin:0}.help-pop-hint{color:#7c827c;display:block}.help{z-index:4;background:#eceeea;grid-area:2/1;justify-content:center;align-items:flex-start;padding:24px;display:flex;overflow:auto}.help-card{color:#16181c;background:#fff;border:1px solid #c8ccc4;border-radius:3px;width:min(760px,100%);padding:28px 36px 36px;font:14px/1.6 system-ui,sans-serif}.help-card h1{letter-spacing:-.01em;margin:0 0 4px;font:700 22px/1.2 system-ui,sans-serif}.help-card h2{letter-spacing:.08em;text-transform:uppercase;color:#6a706a;border-bottom:1px solid #dfe2db;margin:26px 0 6px;padding-bottom:4px;font:600 12px/1.4 ui-monospace,monospace}.help-card p{margin:8px 0}.help-card ul{margin:6px 0;padding-left:20px}.help-card li+li{margin-top:3px}.help-card code,.help-card kbd{background:#e6e8e2;border-radius:2px;padding:1px 4px;font:12.5px/1.4 ui-monospace,monospace}.help-card kbd{background:#fff;border:1px solid #c8ccc4}.help-card table{border-collapse:collapse;width:100%;margin:6px 0}.help-card td{vertical-align:top;border-top:1px solid #eef0ea;padding:5px 10px 5px 0}.help-card td:first-child{white-space:nowrap;font:500 12.5px/1.5 ui-monospace,monospace}.help-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.help-close{cursor:pointer;color:#414741;background:#fff;border:1px solid #c8ccc4;border-radius:2px;padding:6px 10px;font:500 11px/1 system-ui,sans-serif}.help-close:hover{color:#b8860b;border-color:#b8860b}.help-close:focus-visible{outline-offset:1px;outline:2px solid #b8860b}.help-lede{color:#6a706a;margin:0 0 6px}.start{z-index:3;background:#eceeea;grid-area:2/1;place-items:center;padding:24px;display:grid;overflow:auto}.start-card{flex-direction:column;width:min(560px,100%);max-height:100%;margin-bottom:6vh;display:flex}.start-card h1{letter-spacing:-.01em;align-items:flex-end;gap:16px;margin:0;font:700 26px/1.1 system-ui,sans-serif;display:flex}.start-icon{width:72px;height:72px}.start-tag{color:#6a706a;max-width:46ch;margin:8px 0 22px;font:13px/1.55 system-ui,sans-serif}.start-list{margin:0 0 14px;padding:0;list-style:none;overflow-y:auto}.start-list li{align-items:stretch;gap:6px;display:flex}.start-list li+li{margin-top:5px}.start-open{text-align:left;cursor:pointer;color:#16181c;background:#fff;border:1px solid #c8ccc4;border-radius:2px;flex:1;align-items:center;gap:10px;min-width:0;padding:10px 12px;font:13px/1.3 system-ui,sans-serif;display:flex}.start-open:hover{border-color:#b8860b}.start-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.start-ver,.start-when{letter-spacing:.06em;text-transform:uppercase;color:#7c827c;flex:none;font:10px/1 ui-monospace,monospace}.start-del{cursor:pointer;color:#7c827c;background:#fff;border:1px solid #c8ccc4;border-radius:2px;flex:none;width:34px;font-size:15px}.start-del:hover{color:#a8256b;border-color:#a8256b}.start-new{cursor:pointer;color:#16181c;background:#fff;border:1px solid #b8860b;border-radius:2px;align-self:flex-start;padding:9px 14px;font:500 12px/1 system-ui,sans-serif}.start-new:hover{background:#faf3e0}.start-examples{color:#6a706a;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;font:13px/1.4 system-ui,sans-serif;display:flex}.start-open:focus-visible,.start-del:focus-visible,.start-new:focus-visible{outline-offset:1px;outline:2px solid #b8860b}@media (width<=720px){#root{height:100dvh}.menubar{overflow-x:auto}.menubar button{white-space:nowrap}.panes{grid-template-rows:minmax(0,45%) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.pane.side{display:none}.pane.side.right{resize:none;direction:ltr;border-top:1px solid #c8ccc4;border-left:0;width:auto;min-width:0;max-width:none;display:block}.pane.view{border-left:0}.actions{flex-wrap:wrap;justify-content:flex-end;top:auto;bottom:10px}.warnings,.viewport-cut{bottom:52px}.hud{max-width:calc(100% - 104px)}.code-toggle,.splitter{display:none}}.menubar select{color:#414741;background:#fff;border:1px solid #c8ccc4;border-radius:2px;max-width:240px;padding:5px 6px;font:500 11px/1 ui-monospace,monospace}.menubar select:disabled{opacity:.35}.menubar select:focus-visible{outline-offset:1px;outline:2px solid #b8860b}.start-durability{color:#8a5a00;margin:0 0 14px;font:12px/1.5 system-ui,sans-serif}.start-footer{color:#6a706a;margin:14px 0 0;font:12px/1.4 system-ui,sans-serif}.start-footer a{color:inherit}.start-footer a:hover{color:#b8860b}.viewport-cut{background:#ffffffe6;border:1px solid #c8ccc4;border-radius:2px;align-items:center;gap:6px;padding:6px 8px;display:flex;position:absolute;bottom:10px;right:10px}.viewport-cut button{color:#414741;cursor:pointer;background:#fff;border:1px solid #c8ccc4;border-radius:2px;padding:4px 7px;font:600 11px/1 ui-monospace,monospace}.viewport-cut button.active,.view-cube button.active{color:#b8860b;border-color:#b8860b}.viewport-cut input[type=range]{width:140px}.viewport-measure{pointer-events:none;position:absolute;bottom:10px;left:10px}.diff{white-space:pre-wrap;margin:0;font:12px/1.5 ui-monospace,monospace}.diff .add{color:#1d5e1d;background:#e6f4e6;width:100%;display:inline-block}.diff .del{color:#8a1f3d;background:#fdecef;width:100%;display:inline-block}.start-thumb{background:#eef0ea;border-radius:2px;flex:none;width:40px;height:40px;overflow:hidden}.start-thumb img{object-fit:cover;width:100%;height:100%;display:block}