:root{--editor-keyword:#ba38c5;--editor-string:#168946;--editor-number:#b45309;--editor-comment:#78849b;--editor-tag:#1187a7;--editor-attribute:#3e4b62;--editor-operator:#343f56;--editor-boolean:#a34212}:root[data-theme=dark]{--editor-keyword:#d78be0;--editor-string:#86d69b;--editor-number:#f1b663;--editor-comment:#8290a9;--editor-tag:#69c5de;--editor-attribute:#b7c5dc;--editor-operator:#d3dced;--editor-boolean:#efad78}.code-mirror-host.svelte-u15uk2{background:var(--color-surface);width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.code-mirror-host.svelte-u15uk2 .cm-editor{height:100%;font:12px/21px JetBrains Mono,ui-monospace,monospace}.code-mirror-host.svelte-u15uk2 .cm-content{min-height:100%}.raw-workbench.svelte-1u3ug7{grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;display:grid}.raw-source-panel.svelte-1u3ug7,.raw-preview-panel.svelte-1u3ug7{border:1px solid var(--color-divider);background:var(--color-surface);min-width:0;box-shadow:var(--fskk-shadow-panel,0 2px 8px #131b2e14);border-radius:14px;overflow:hidden}.raw-source-tools.svelte-1u3ug7{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.raw-hidden-input.svelte-1u3ug7{display:none}.raw-tool-message.svelte-1u3ug7{border-bottom:1px solid var(--color-divider);background:color-mix(in srgb,var(--color-primary) 7%,var(--color-surface));color:var(--color-base-content-secondary);overflow-wrap:anywhere;margin:0;padding:7px 16px;font-size:11px}.raw-tool-message.error.svelte-1u3ug7{background:color-mix(in srgb,#dc2626 8%,var(--color-surface));color:#b91c1c}.raw-tab-list.svelte-1u3ug7{border-bottom:1px solid var(--color-divider);background:var(--color-base-200);gap:4px;padding:8px 12px 0;display:flex}.raw-tab-list.svelte-1u3ug7 button:where(.svelte-1u3ug7){min-width:74px;min-height:38px;color:var(--color-base-content-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px 8px 0 0;padding:8px 12px;font:600 11px JetBrains Mono,monospace}.raw-tab-list.svelte-1u3ug7 button.active:where(.svelte-1u3ug7){border-color:var(--color-divider);border-bottom-color:var(--color-surface);background:var(--color-surface);color:#4648d4}.raw-editor-shell.svelte-1u3ug7{background:var(--color-surface);height:min(65vh,680px);min-height:440px;display:block;overflow:hidden}.raw-editor-footer.svelte-1u3ug7{border-top:1px solid var(--color-divider);color:var(--color-base-content-muted);justify-content:space-between;padding:9px 14px;font:10px JetBrains Mono,monospace;display:flex}.raw-device-controls.svelte-1u3ug7{border:1px solid var(--color-divider);background:var(--color-base-200);border-radius:9px;gap:3px;padding:3px;display:flex}.raw-device-controls.svelte-1u3ug7 button:where(.svelte-1u3ug7){min-height:32px;color:var(--color-base-content-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 8px;font-size:11px}.raw-device-controls.svelte-1u3ug7 button.active:where(.svelte-1u3ug7){background:var(--color-surface);color:#4648d4;box-shadow:0 1px 3px #131b2e1f}.raw-preview-stage.svelte-1u3ug7{background-color:#0e1629;background-image:radial-gradient(circle at 1px 1px,#94a3b826 1px,#0000 0);background-size:18px 18px;place-items:center;min-height:min(70vh,760px);padding:24px;display:grid}.raw-preview-frame.svelte-1u3ug7{background:var(--color-surface);border:1px solid #94a3b852;border-radius:10px;flex-direction:column;width:100%;min-height:min(66vh,700px);transition:width .18s;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000038}.raw-preview-frame.tablet.svelte-1u3ug7{width:min(768px,100%)}.raw-browser-bar.svelte-1u3ug7{border-bottom:1px solid var(--color-divider);background:var(--color-surface);align-items:center;gap:6px;min-height:36px;padding:0 10px;display:flex}.raw-browser-bar.svelte-1u3ug7>span:where(.svelte-1u3ug7){background:#f87171;border-radius:50%;width:8px;height:8px}.raw-browser-bar.svelte-1u3ug7>span:where(.svelte-1u3ug7):nth-child(2){background:#fbbf24}.raw-browser-bar.svelte-1u3ug7>span:where(.svelte-1u3ug7):nth-child(3){background:#34d399}.raw-browser-bar.svelte-1u3ug7 p:where(.svelte-1u3ug7){min-width:0;color:var(--color-base-content-muted);text-overflow:ellipsis;white-space:nowrap;margin:0 auto;font:10px JetBrains Mono,monospace;overflow:hidden}.raw-preview-frame.svelte-1u3ug7 iframe:where(.svelte-1u3ug7){background:#fff;border:0;flex:1;width:100%;min-height:440px}.raw-preview-note.svelte-1u3ug7{color:var(--color-base-content-muted);margin:8px 18px 14px;font-size:11px;line-height:1.5}.raw-console-toggle.svelte-1u3ug7{background:var(--color-surface);width:100%;min-height:42px;color:var(--color-base-content);text-align:left;cursor:pointer;border:0;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:700;display:flex}.raw-console-output.svelte-1u3ug7{border-top:1px solid var(--color-divider);background:var(--color-base-200);max-height:220px;overflow:auto}.raw-console-output.svelte-1u3ug7>p:where(.svelte-1u3ug7){border-bottom:1px solid var(--color-divider);color:var(--color-base-content-secondary);grid-template-columns:50px minmax(0,1fr);gap:8px;margin:0;padding:7px 12px;font:11px/1.5 JetBrains Mono,monospace;display:grid}.raw-console-output.svelte-1u3ug7>p:where(.svelte-1u3ug7)>span:where(.svelte-1u3ug7){color:var(--color-base-content-muted);text-transform:uppercase}.raw-console-output.svelte-1u3ug7 code:where(.svelte-1u3ug7){overflow-wrap:anywhere;white-space:pre-wrap}.raw-console-output.svelte-1u3ug7>p.console-warn:where(.svelte-1u3ug7){color:#a16207}.raw-console-output.svelte-1u3ug7>p.console-error:where(.svelte-1u3ug7){color:#b91c1c}.raw-console-empty.svelte-1u3ug7{color:var(--color-base-content-muted)!important;font-family:inherit!important;display:block!important}.raw-public-preview.svelte-1u3ug7{background:#fff;width:100%;min-height:100vh}.raw-public-preview.svelte-1u3ug7 iframe:where(.svelte-1u3ug7){border:0;width:100%;min-height:100vh;display:block}:root[data-theme=dark] .raw-tab-list.svelte-1u3ug7 button.active:where(.svelte-1u3ug7),:root[data-theme=dark] .raw-device-controls.svelte-1u3ug7 button.active:where(.svelte-1u3ug7){color:#a5a7ff}@media (width>=900px){.raw-workbench.svelte-1u3ug7{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start}}@media (width<=899px){.raw-editor-shell.svelte-1u3ug7{height:500px}.raw-preview-stage.svelte-1u3ug7{min-height:520px}.raw-preview-frame.svelte-1u3ug7{min-height:480px}}@media (width<=560px){.raw-editor-shell.svelte-1u3ug7{height:380px;min-height:380px}.raw-preview-stage.svelte-1u3ug7{min-height:420px;padding:10px}.raw-preview-frame.svelte-1u3ug7{min-height:390px}.raw-preview-frame.svelte-1u3ug7 iframe:where(.svelte-1u3ug7){min-height:350px}}.raw-visually-hidden.svelte-1u3ug7{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.raw-workbench.svelte-1u3ug7{border:1px solid var(--color-divider);border-radius:10px;grid-template-columns:minmax(0,1fr);gap:0;min-height:620px;overflow:hidden;box-shadow:0 8px 24px #131b2e14}.raw-source-panel.svelte-1u3ug7,.raw-preview-panel.svelte-1u3ug7{min-width:0;min-height:0;box-shadow:none;background:var(--color-surface);border:0;border-radius:0;flex-direction:column;display:flex;overflow:hidden}.raw-tab-strip.svelte-1u3ug7{border-bottom:1px solid var(--color-divider);background:var(--color-base-200);justify-content:space-between;align-items:stretch;gap:8px;min-height:42px;padding:0 10px;display:flex}.raw-tab-list.svelte-1u3ug7{background:0 0;border:0;align-items:stretch;gap:2px;min-width:0;padding:0;display:flex}.raw-tab-list.svelte-1u3ug7 button:where(.svelte-1u3ug7){min-width:0;min-height:unset;color:var(--color-base-content-muted);white-space:nowrap;background:0 0;border:0;border-top:2px solid #0000;border-radius:5px 5px 0 0;align-items:center;gap:7px;padding:5px 12px;font:500 11px JetBrains Mono,monospace;display:flex}.raw-tab-list.svelte-1u3ug7 button:where(.svelte-1u3ug7) strong:where(.svelte-1u3ug7){font:700 11px JetBrains Mono,monospace}.raw-tab-list.svelte-1u3ug7 button:where(.svelte-1u3ug7) span:where(.svelte-1u3ug7){opacity:.72;text-overflow:ellipsis;overflow:hidden}.raw-tab-list.svelte-1u3ug7 button.active:where(.svelte-1u3ug7){border-color:var(--color-divider);border-top-color:var(--color-primary);border-bottom-color:var(--color-surface);background:var(--color-surface);color:var(--color-primary);box-shadow:0 1px 2px #131b2e14}.tab-dot.svelte-1u3ug7{border-radius:50%;flex:none;width:8px;height:8px}.html-dot.svelte-1u3ug7{background:#f97316}.css-dot.svelte-1u3ug7{background:#3b82f6}.js-dot.svelte-1u3ug7{background:#facc15}.raw-add-asset.svelte-1u3ug7{color:var(--color-primary);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;align-self:center;align-items:center;gap:4px;padding:6px 8px;font:600 11px JetBrains Mono,monospace;display:inline-flex}.raw-add-asset.svelte-1u3ug7:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.raw-add-asset.svelte-1u3ug7>span:where(.svelte-1u3ug7){font-size:16px;font-weight:700}.raw-utility-bar.svelte-1u3ug7{border-bottom:1px solid var(--color-divider);background:var(--color-surface);justify-content:space-between;align-items:center;gap:12px;min-height:33px;padding:0 15px;display:flex}.raw-editor-metadata.svelte-1u3ug7,.raw-source-tools.svelte-1u3ug7{align-items:center;gap:15px;display:flex}.raw-editor-metadata.svelte-1u3ug7{color:var(--color-base-content-muted);white-space:nowrap;font:500 10px JetBrains Mono,monospace}.raw-editor-metadata.svelte-1u3ug7 span:where(.svelte-1u3ug7){align-items:center;gap:4px;display:inline-flex}.raw-editor-metadata.svelte-1u3ug7 b:where(.svelte-1u3ug7){font-size:13px}.raw-utility-button.svelte-1u3ug7{min-height:28px;color:var(--color-base-content-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:4px 6px;font:600 10px JetBrains Mono,monospace}.raw-utility-button.svelte-1u3ug7:hover:not(:disabled){color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 7%,transparent)}.raw-utility-button.svelte-1u3ug7:disabled{cursor:not-allowed;opacity:.45}.raw-editor-shell.svelte-1u3ug7{flex:1;height:min(69vh,760px);min-height:480px;display:block}.raw-editor-footer.svelte-1u3ug7{background:var(--color-base-200);align-items:center;gap:20px;min-height:31px;padding:0 14px}.raw-save-indicator.svelte-1u3ug7{color:#07835f;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.raw-save-indicator.svelte-1u3ug7 i:where(.svelte-1u3ug7),.raw-runtime-status.svelte-1u3ug7>span:where(.svelte-1u3ug7):first-child i:where(.svelte-1u3ug7){background:#10b981;border-radius:50%;width:7px;height:7px}.raw-preview-toolbar.svelte-1u3ug7{border-bottom:1px solid var(--color-divider);background:var(--color-base-200);justify-content:flex-end;align-items:center;gap:8px;min-height:42px;padding:0 10px;display:flex}.raw-preview-actions.svelte-1u3ug7{gap:8px;min-width:0}.raw-preview-label.svelte-1u3ug7{color:var(--color-base-content-secondary);white-space:nowrap;font:600 11px JetBrains Mono,monospace}.raw-device-controls.svelte-1u3ug7{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-base-200));border-radius:8px;gap:3px;min-width:0;padding:3px}.raw-device-controls.svelte-1u3ug7 button:where(.svelte-1u3ug7){white-space:nowrap;min-height:30px;padding:5px 8px;font:500 10px JetBrains Mono,monospace}.raw-device-controls.svelte-1u3ug7 button:where(.svelte-1u3ug7) small:where(.svelte-1u3ug7){font:inherit;opacity:.72}.raw-device-controls.svelte-1u3ug7 button.active:where(.svelte-1u3ug7){color:var(--color-primary)}.raw-reload-button.svelte-1u3ug7{min-width:32px;font-size:16px}.raw-console-toggle.svelte-1u3ug7{border:1px solid var(--color-divider);background:var(--color-surface);width:auto;min-height:32px;color:var(--color-base-content-secondary);white-space:nowrap;border-radius:6px;flex:none;align-items:center;gap:6px;padding:5px 9px;font:600 10px JetBrains Mono,monospace;display:inline-flex}.raw-console-toggle[aria-expanded=true].svelte-1u3ug7{border-color:var(--color-primary);color:var(--color-primary)}.raw-sandbox-bar.svelte-1u3ug7{border-bottom:1px solid var(--color-divider);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface));min-height:34px;color:var(--color-base-content-secondary);align-items:center;gap:8px;padding:0 14px;font:500 10px JetBrains Mono,monospace;display:flex}.raw-sandbox-bar.svelte-1u3ug7 b:where(.svelte-1u3ug7){color:#047857;background:#d1fae5;border-radius:99px;margin-left:auto;padding:3px 8px;font-size:9px}.raw-shield.svelte-1u3ug7{color:var(--color-primary);font-size:13px}.raw-preview-stage.svelte-1u3ug7{flex:1;min-height:540px;padding:20px;display:grid}.raw-preview-frame.svelte-1u3ug7{width:100%;height:100%;min-height:480px}.raw-preview-frame.mobile.svelte-1u3ug7{width:min(375px,100%);min-height:500px}.raw-browser-bar.svelte-1u3ug7{min-height:34px}.raw-browser-bar.svelte-1u3ug7 button:where(.svelte-1u3ug7){border:1px solid var(--color-divider);background:var(--color-base-200);width:28px;height:27px;color:var(--color-base-content-secondary);cursor:pointer;border-radius:5px;font-size:17px}.raw-preview-frame.mobile.svelte-1u3ug7 iframe:where(.svelte-1u3ug7){min-height:470px}.raw-runtime-status.svelte-1u3ug7{border-top:1px solid var(--color-divider);background:var(--color-base-200);min-height:30px;color:var(--color-base-content-muted);align-items:center;gap:16px;padding:0 12px;font:10px JetBrains Mono,monospace;display:flex}.raw-runtime-status.svelte-1u3ug7>span:where(.svelte-1u3ug7):first-child{color:#07835f;align-items:center;gap:6px;display:inline-flex}.raw-runtime-status.svelte-1u3ug7 a:where(.svelte-1u3ug7){color:var(--color-primary);margin-left:auto;text-decoration:none}.raw-console.svelte-1u3ug7{border-top:1px solid var(--color-divider)}.raw-console-output.svelte-1u3ug7{border-top:0}.raw-preview-note.svelte-1u3ug7{margin:0;padding:7px 12px;font-size:10px}:root[data-theme=dark] .raw-save-indicator.svelte-1u3ug7,:root[data-theme=dark] .raw-runtime-status.svelte-1u3ug7>span:where(.svelte-1u3ug7):first-child{color:#6ee7b7}:root[data-theme=dark] .raw-sandbox-bar.svelte-1u3ug7 b:where(.svelte-1u3ug7){color:#a7f3d0;background:#064e3b}:root[data-theme=dark] .raw-console-output.svelte-1u3ug7>p.console-warn:where(.svelte-1u3ug7){color:#fbbf24}:root[data-theme=dark] .raw-console-output.svelte-1u3ug7>p.console-error:where(.svelte-1u3ug7),:root[data-theme=dark] .raw-tool-message.error.svelte-1u3ug7{color:#fca5a5}:root[data-theme=dark] .raw-tool-message.error.svelte-1u3ug7{background:#450a0a}.raw-workbench.svelte-1u3ug7 :where(.svelte-1u3ug7):is(button:where(.svelte-1u3ug7),a:where(.svelte-1u3ug7)):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (width>=1000px){.raw-workbench.svelte-1u3ug7{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.raw-source-panel.svelte-1u3ug7{border-right:1px solid var(--color-divider)}}@media (width<=999px){.raw-workbench.svelte-1u3ug7{min-height:0}.raw-editor-shell.svelte-1u3ug7{flex:none;height:500px}.raw-preview-stage.svelte-1u3ug7{min-height:520px}}@media (width<=640px){.raw-tab-strip.svelte-1u3ug7{padding:0 5px}.raw-tab-list.svelte-1u3ug7 button:where(.svelte-1u3ug7){gap:5px;padding:5px 7px}.raw-tab-list.svelte-1u3ug7 button:where(.svelte-1u3ug7) span:where(.svelte-1u3ug7){display:none}.raw-add-asset.svelte-1u3ug7{padding:5px;font-size:10px}.raw-editor-metadata.svelte-1u3ug7{gap:8px;font-size:9px}.raw-source-tools.svelte-1u3ug7{gap:4px}.raw-utility-bar.svelte-1u3ug7{padding:0 8px}.raw-utility-button.svelte-1u3ug7{font-size:9px}.raw-preview-toolbar.svelte-1u3ug7{justify-content:flex-start;padding:0 5px}.raw-preview-actions.svelte-1u3ug7{gap:4px;width:100%}.raw-preview-label.svelte-1u3ug7{font-size:9px}.raw-device-controls.svelte-1u3ug7{flex:1}.raw-device-controls.svelte-1u3ug7 button:where(.svelte-1u3ug7){padding:5px 4px;font-size:9px}.raw-device-controls.svelte-1u3ug7 button:where(.svelte-1u3ug7) small:where(.svelte-1u3ug7){display:none}.raw-console-toggle.svelte-1u3ug7{padding:5px;font-size:9px}.raw-sandbox-bar.svelte-1u3ug7{align-items:flex-start;min-height:42px;padding:7px 9px;font-size:9px}.raw-sandbox-bar.svelte-1u3ug7 b:where(.svelte-1u3ug7){flex:none}.raw-preview-stage.svelte-1u3ug7{min-height:420px;padding:10px}.raw-preview-frame.svelte-1u3ug7{min-height:390px}.raw-preview-frame.svelte-1u3ug7 iframe:where(.svelte-1u3ug7){min-height:350px}.raw-preview-frame.mobile.svelte-1u3ug7{min-height:390px}.raw-preview-frame.mobile.svelte-1u3ug7 iframe:where(.svelte-1u3ug7){min-height:350px}.raw-editor-footer.svelte-1u3ug7{gap:8px;padding:0 8px;font-size:9px}}