:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel-width:332px;--edge:14px;--capture-aspect:1.77778;--preview-height:calc(100dvh - var(--edge) * 2)}html,body{color:#e8e8ee;background:#07070b;height:100%;margin:0;font:13px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#workspace{z-index:0;box-sizing:border-box;padding:var(--edge);background:radial-gradient(circle at 72% 42%,#4d537029,#0000 42%),#09090e;justify-content:center;align-items:center;padding-inline-start:calc(var(--panel-width) + var(--edge) * 2);display:flex;position:fixed;inset:0;overflow:hidden}#stage{inline-size:min(100%, calc(var(--preview-height) * var(--capture-aspect)));aspect-ratio:var(--capture-aspect);box-sizing:border-box;background-color:#1b1b21;background-image:linear-gradient(45deg,#2b2b34 25%,#0000 25% 75%,#2b2b34 75%),linear-gradient(45deg,#2b2b34 25%,#0000 25% 75%,#2b2b34 75%);background-position:0 0,13px 13px;background-size:26px 26px;border:1px solid #ffffff80;border-radius:3px;flex:none;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000c,0 24px 70px #0000006b}#stage canvas{z-index:0;width:100%;height:100%;display:block;position:relative}#capture-size{z-index:5;box-sizing:border-box;color:#f1f2f6;letter-spacing:.01em;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#0c0c12c7;border:1px solid #ffffff29;border-radius:6px;max-inline-size:calc(100% - 88px);padding:6px 9px;font:600 .6875rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;transition:opacity .3s;position:absolute;inset-block-start:10px;inset-inline-start:50%;transform:translate(-50%)}#stage.controls-flash #capture-size,#stage.size-adjusting #capture-size{opacity:1}.output-resize-handle{z-index:6;box-sizing:border-box;color:#ffffffc7;touch-action:none;opacity:0;background:#0c0c127a;border:0;block-size:36px;inline-size:36px;transition:opacity .16s;display:grid;position:absolute}#stage:hover .output-resize-handle,#stage.is-resizing .output-resize-handle,#stage.controls-flash .output-resize-handle{opacity:1}.output-resize-handle[data-corner=nw]{cursor:nwse-resize;border-radius:0 0 7px;place-items:start;padding:6px 0 0 6px;inset-block-start:0;inset-inline-start:0}.output-resize-handle[data-corner=ne]{cursor:nesw-resize;border-radius:0 0 0 7px;place-items:start end;padding:6px 6px 0 0;inset-block-start:0;inset-inline-end:0}.output-resize-handle[data-corner=sw]{cursor:nesw-resize;border-radius:0 7px 0 0;place-items:end start;padding:0 0 6px 6px;inset-block-end:0;inset-inline-start:0}.output-resize-handle[data-corner=se]{cursor:nwse-resize;border-radius:7px 0 0;place-items:end;padding:0 6px 6px 0;inset-block-end:0;inset-inline-end:0}.output-resize-handle span{block-size:12px;inline-size:12px}.output-resize-handle[data-corner=nw] span{border-block-start:2px solid;border-inline-start:2px solid}.output-resize-handle[data-corner=ne] span{border-block-start:2px solid;border-inline-end:2px solid}.output-resize-handle[data-corner=sw] span{border-block-end:2px solid;border-inline-start:2px solid}.output-resize-handle[data-corner=se] span{border-block-end:2px solid;border-inline-end:2px solid}.output-resize-handle:hover{color:#fff;background:#1d1e2adb}.output-resize-handle:focus-visible{outline-offset:-3px;outline:2px solid #9dbbff}#stage.is-resizing{border-color:#9dbbff}.wv-output-warning{box-sizing:border-box;border:1px solid #f4b7406b;color:#ffd98a;background:#744c0c47;border-inline-start-width:3px;border-radius:5px;align-items:flex-start;gap:.35rem;margin:6px 4px;padding:7px 8px;font-size:.6875rem;line-height:1.35;display:flex}.wv-output-warning[hidden]{display:none}.wv-ctl-group{background:#ffffff0a;border:1px solid #ffffff21;border-radius:7px;flex-direction:column;gap:4px;margin:8px 4px 4px;padding:5px 7px 7px;display:flex}.wv-ctl-cap{letter-spacing:.13em;color:#ffffff80;margin:0;padding:1px 1px 2px;font-size:.5625rem;font-weight:600}.wv-picker-cap{color:#ffffff9e;padding:7px 0 2px 11px;font-size:.625rem}.wv-ctl-row{align-items:center;gap:8px;display:flex}.wv-ctl-row>*{flex:1 1 0;min-width:0;margin:0}.wv-ctl-row>:last-child{flex:2.2 1 0}.wv-ctl-row .tp-lblv_l{display:none}.wv-ctl-row .tp-lblv_v{flex:1 1 0;width:auto;min-width:0}.wv-ctl-row .tp-lstv,.wv-ctl-row .tp-lstv_s{width:100%;min-width:0}.tp-lblv_l.wv-has-hint{cursor:help;text-underline-offset:2px;-webkit-text-decoration:underline dotted #ffffff61;text-decoration:underline dotted #ffffff61;text-decoration-thickness:1px;transition:color .12s,text-decoration-color .12s}.tp-lblv_l.wv-has-hint:hover{color:#f4f5f8;text-decoration-color:#9dbbffd9}#wv-tooltip{color:#e8e8ee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;opacity:0;background:#12121af5;border:1px solid #ffffff29;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 #00000080}#wv-tooltip.wv-tip-show{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){#wv-tooltip{transition:none;transform:none}}#panel{top:var(--edge);left:var(--edge);width:var(--panel-width);max-height:calc(100dvh - var(--edge) * 2);box-sizing:border-box;z-index:10;scrollbar-width:thin;scrollbar-color:#ffffff47 transparent;border-radius:10px;position:fixed;overflow:hidden auto}#panel::-webkit-scrollbar{width:9px}#panel::-webkit-scrollbar-track{background:0 0}#panel::-webkit-scrollbar-thumb{background:#ffffff3d padding-box content-box;border:2px solid #0000;border-radius:6px}#panel::-webkit-scrollbar-thumb:hover{background:#ffffff6b padding-box content-box}#panel .tp-rotv{--tp-base-background-color:#14141cd1;--tp-base-shadow-color:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media (max-width:760px){:root{--panel-width:calc(100vw - var(--edge) * 2);--preview-height:calc(56dvh - var(--edge) * 2)}#workspace{padding-block-end:calc(44dvh + var(--edge));padding-inline-start:var(--edge)}#panel{max-height:42dvh;inset-block-start:auto;inset-block-end:var(--edge)}}