:root{--ink:#1b1a1f;--ink-2:#6d6a75;--ink-3:#9a97a2;--hair:#1b1a1f24;--panel:#fbfafa;--accent:#a24bc8;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Helvetica, Arial, sans-serif;--panel-w:320px;--edge:28px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0, 1fr) var(--panel-w);color:var(--ink);font-family:var(--sans);background:#efedeb;display:grid;overflow:hidden}#stage{min-width:0;min-height:0;padding:var(--edge);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}#scene{max-block-size:100%;inline-size:100%;max-inline-size:100%;aspect-ratio:var(--capture-aspect,16 / 9);outline:1px solid var(--hair);outline-offset:0;flex:none;position:relative;box-shadow:0 18px 50px #1b1a1f1a}#stage.actual-size{justify-content:safe center;align-items:safe center;overflow:auto}#stage.actual-size #scene{max-block-size:none;max-inline-size:none}#capture-size{z-index:5;color:var(--ink-3);font-family:var(--mono);letter-spacing:.04em;white-space:nowrap;pointer-events:none;opacity:.75;padding-block-start:6px;font-size:10px;transition:opacity .15s;position:absolute;inset-block-start:100%;inset-inline-start:0}#stage:hover #capture-size,#stage.size-adjusting #capture-size{opacity:1}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.output-resize-handle{z-index:6;opacity:0;touch-action:none;background:0 0;border:0;block-size:26px;inline-size:26px;padding:0;transition:opacity .15s;position:absolute}.output-resize-handle:before{content:"";border:2px solid var(--ink-2);border-radius:1px;position:absolute;inset:5px}#stage:hover .output-resize-handle,#scene.is-resizing .output-resize-handle{opacity:.85}.output-resize-handle:hover,.output-resize-handle:focus-visible{opacity:1!important}.output-resize-handle[data-corner=nw]{cursor:nwse-resize;inset-block-start:0;inset-inline-start:0}.output-resize-handle[data-corner=nw]:before{border-block-end:0;border-inline-end:0}.output-resize-handle[data-corner=ne]{cursor:nesw-resize;inset-block-start:0;inset-inline-end:0}.output-resize-handle[data-corner=ne]:before{border-block-end:0;border-inline-start:0}.output-resize-handle[data-corner=sw]{cursor:nesw-resize;inset-block-end:0;inset-inline-start:0}.output-resize-handle[data-corner=sw]:before{border-block-start:0;border-inline-end:0}.output-resize-handle[data-corner=se]{cursor:nwse-resize;inset-block-end:0;inset-inline-end:0}.output-resize-handle[data-corner=se]:before{border-block-start:0;border-inline-start:0}#scene.is-resizing{-webkit-user-select:none;user-select:none}#scene[data-transparent="1"]{background-image:linear-gradient(45deg,#1b1a1f12 25%,#0000 25%),linear-gradient(-45deg,#1b1a1f12 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1b1a1f12 75%),linear-gradient(-45deg,#0000 75%,#1b1a1f12 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#panel{border-left:1px solid var(--hair);background:var(--panel);flex-direction:column;min-height:0;display:flex}.panel-head{z-index:2;border-bottom:1px solid var(--hair);flex:none;justify-content:space-between;align-items:center;gap:6px;padding:12px 14px;display:flex;position:relative}.brand{align-items:center;gap:9px;min-width:0;display:flex}.brand-mark{border-radius:5.9px;flex:none;display:block;box-shadow:0 1px 2px #1b1a1f1f}.brand b{letter-spacing:-.01em;font-size:13px;display:block}.brand span{color:var(--ink-3);font-family:var(--mono);font-size:10px}button{border:1px solid var(--hair);color:var(--ink);font-family:var(--sans);cursor:pointer;background:#fff;border-radius:7px;padding:6px 10px;font-size:11.5px}button:hover{border-color:#1b1a1f47}#control-search{border-bottom:1px solid var(--hair);flex:none;padding:8px 10px}#control-search-input{border:1px solid var(--hair);background:var(--tp-button-background-color,#fff);width:100%;color:inherit;font:inherit;border-radius:6px;padding:6px 9px;font-size:11px}#control-search-input::placeholder{color:var(--tp-container-foreground-color,#46434d);opacity:.6}#control-search-input:focus-visible{border-color:var(--tp-container-foreground-color,#46434d);outline:none}#pane .tp-search-hidden{display:none!important}#pane{flex:1;min-height:0;padding:10px;overflow-y:auto}#pane .tp-dfwv{width:100%}#pane{--tp-base-background-color:transparent;--tp-base-shadow-color:#0000;--tp-button-background-color:#fff;--tp-button-background-color-active:#ececef;--tp-button-background-color-focus:#f2f2f4;--tp-button-background-color-hover:#f6f6f8;--tp-button-foreground-color:#1b1a1f;--tp-container-background-color:#1b1a1f0a;--tp-container-background-color-active:#1b1a1f1a;--tp-container-background-color-focus:#1b1a1f14;--tp-container-background-color-hover:#1b1a1f0f;--tp-container-foreground-color:#46434d;--tp-groove-foreground-color:#1b1a1f1a;--tp-input-background-color:#fff;--tp-input-background-color-active:#f2f2f4;--tp-input-background-color-focus:#f6f6f8;--tp-input-background-color-hover:#fafafb;--tp-input-foreground-color:#1b1a1f;--tp-label-foreground-color:#6d6a75;--tp-monitor-background-color:#1b1a1f0a;--tp-monitor-foreground-color:#6d6a75}dialog{border:1px solid var(--hair);border-radius:14px;width:min(760px,92vw);max-height:82vh;padding:0;box-shadow:0 40px 80px -30px #1b1a1f73}dialog::backdrop{background:#1b1a1f47}.dialog-head{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.dialog-head b{font-size:13px}.dialog-head button{padding:2px 9px;font-size:15px;line-height:1}.dialog-tabs{gap:4px;padding:10px 16px 0;display:flex}.dialog-tabs button[aria-selected=true]{border-color:var(--ink)}#dialog-body{height:min(48vh,440px);overflow:hidden}#dialog-body .cm-editor{height:100%}#dialog-note[data-error="1"]{color:#d0342c}.dialog-foot{border-top:1px solid var(--hair);align-items:center;gap:8px;padding:12px 16px;display:flex}.dialog-foot .spacer{flex:1}.dialog-foot button{white-space:nowrap;flex:none}#dialog-note{color:var(--ink-3);font-family:var(--mono);font-size:10.5px}.g3-note{color:var(--ink-3);font-family:var(--mono);margin:2px 0 6px;padding:0 4px;font-size:10px;line-height:1.5}.g3-warn{border:1px solid #b25a1e57;color:#8a4416;font-family:var(--mono);background:#b25a1e14;border-inline-start-width:3px;border-radius:5px;margin:0 4px 8px;padding:6px 8px;font-size:10px;line-height:1.45}.g3-warn[hidden]{display:none}.g3-presets{grid-template-columns:repeat(2,1fr);gap:6px;padding:4px 4px 8px;display:grid}.g3-preset{border:1px solid var(--hair);cursor:pointer;text-align:left;background:#fff;border-radius:8px;padding:0;display:block;overflow:hidden}.g3-preset:hover{border-color:#1b1a1f4d}.g3-preset[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.g3-preset-img{aspect-ratio:16/9;background:#f4f3f2 50%/cover no-repeat;display:block}.g3-preset-label{border-top:1px solid var(--hair);color:var(--ink-2);letter-spacing:.02em;padding:5px 7px;font-size:10.5px;display:block}.g3-preset[aria-pressed=true] .g3-preset-label{color:var(--ink)}#pane .tp-fldv.is-focused{box-shadow:0 0 0 2px var(--accent);border-radius:6px}#pane .tp-fldv.is-focused>.tp-fldv_t{animation:1.1s ease-out g3-flash}@keyframes g3-flash{0%{background:color-mix(in srgb, var(--accent) 34%, transparent)}to{background:0 0}}@media (prefers-reduced-motion:reduce){#pane .tp-fldv.is-focused>.tp-fldv_t{animation:none}}#pane.is-restoring,#pane.is-restoring *{transition:none!important}#pane .tp-fldv.g3-group>.tp-fldv_c{border-left:2px solid color-mix(in srgb, var(--accent) 40%, transparent);margin-left:6px;padding-left:4px}#pane .tp-fldv.g3-group>.tp-fldv_t{color:var(--accent)}#toast{z-index:20;opacity:0;background:var(--ink);color:#fff;font-family:var(--mono);letter-spacing:.04em;pointer-events:none;border-radius:9px;padding:9px 16px;font-size:11px;transition:opacity .18s,transform .18s;position:fixed;bottom:22px;left:50%;transform:translate(-50%,12px)}#toast[data-show="1"]{opacity:1;transform:translate(-50%)}@media (max-width:900px){body{grid-template-rows:45vh 1fr;grid-template-columns:1fr}#panel{border-top:1px solid var(--hair);border-left:0}}@media (prefers-reduced-motion:reduce){#toast{transition:none}}.tp-lblv_l.g3-has-hint{cursor:help;text-underline-offset:2px;-webkit-text-decoration:underline dotted #1b1a1f59;text-decoration:underline dotted #1b1a1f59;text-decoration-thickness:1px;transition:color .12s,text-decoration-color .12s}.tp-lblv_l.g3-has-hint:hover{color:var(--ink);text-decoration-color:#1b1a1fb3}.g3-hint-info{vertical-align:-2px;cursor:help;opacity:.55;align-items:center;margin-left:6px;transition:opacity .12s;display:inline-flex}.g3-hint-info:hover{opacity:1}#g3-tooltip{color:#f2f1f4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;opacity:0;background:#1b1a1ff5;border:1px solid #ffffff24;border-radius:8px;max-width:244px;margin:0;padding:8px 10px;font-size:.6875rem;line-height:1.42;transition:opacity .12s ease-out,transform .12s ease-out;position:fixed;inset:auto;transform:translateY(-3px);box-shadow:0 10px 30px #00000047}#g3-tooltip.g3-tip-show{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){#g3-tooltip{transition:none;transform:none}}