.viewport.svelte-v1kqv1{position:fixed;inset:0;z-index:50;overflow:hidden;background:#f5f5f4;transition:background-color .4s ease}.dark-viewport.svelte-v1kqv1{background:#131311!important}.stage.svelte-v1kqv1{position:relative;width:100%;height:100%;perspective:2000px;perspective-origin:50% 50%;z-index:1}.mockup.svelte-v1kqv1{position:relative;overflow:hidden;background:#fff;transform-origin:0 0}.panel.svelte-v1kqv1{position:absolute;right:16px;top:16px;z-index:40;width:220px;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:0;background:#ffffffeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 8px 32px #13131114,0 0 0 1px #1313110f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;max-height:calc(100vh - 32px);overflow-y:auto;scrollbar-width:none}.panel.svelte-v1kqv1::-webkit-scrollbar{display:none}.dark-viewport.svelte-v1kqv1 .panel:where(.svelte-v1kqv1){background:#1e1e1ceb;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0f}.panel-header.svelte-v1kqv1{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#131311;padding-bottom:10px;border-bottom:1px solid rgba(19,19,17,.08);margin-bottom:8px}.dark-viewport.svelte-v1kqv1 .panel-header:where(.svelte-v1kqv1){color:#e5e5e3;border-color:#ffffff14}.panel-section.svelte-v1kqv1{margin-bottom:8px}.panel-sublabel.svelte-v1kqv1{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#1313114d;margin-bottom:6px}.dark-viewport.svelte-v1kqv1 .panel-sublabel:where(.svelte-v1kqv1){color:#ffffff40}.slider-row.svelte-v1kqv1{display:flex;align-items:center;gap:4px;margin-bottom:4px;flex-wrap:wrap}.slider-label.svelte-v1kqv1{font-size:11px;color:#131311;white-space:nowrap}.dark-viewport.svelte-v1kqv1 .slider-label:where(.svelte-v1kqv1){color:#e5e5e3}.slider-hint.svelte-v1kqv1{font-size:9px;font-weight:500;padding:1px 5px;border-radius:4px;background:#1313110d;color:#1313114d;margin-left:auto}.dark-viewport.svelte-v1kqv1 .slider-hint:where(.svelte-v1kqv1){background:#ffffff0f;color:#ffffff40}.slider-value.svelte-v1kqv1{width:40px;text-align:right;font-family:SF Mono,ui-monospace,monospace;font-size:10px;color:#13131159;flex-shrink:0}.dark-viewport.svelte-v1kqv1 .slider-value:where(.svelte-v1kqv1){color:#ffffff4d}.slider.svelte-v1kqv1{-webkit-appearance:none;appearance:none;height:2px;border-radius:1px;background:#1313111f;outline:none;cursor:pointer;min-width:0}.dark-viewport.svelte-v1kqv1 .slider:where(.svelte-v1kqv1){background:#ffffff1f}.slider.svelte-v1kqv1::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#131311;border:2px solid #fff;box-shadow:0 1px 3px #13131126;cursor:pointer}.dark-viewport.svelte-v1kqv1 .slider:where(.svelte-v1kqv1)::-webkit-slider-thumb{background:#e5e5e3;border-color:#1e1e1c}.slider.svelte-v1kqv1::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#131311;border:2px solid #fff;box-shadow:0 1px 3px #13131126;cursor:pointer}.dark-viewport.svelte-v1kqv1 .slider:where(.svelte-v1kqv1)::-moz-range-thumb{background:#e5e5e3;border-color:#1e1e1c}.dof-chip.svelte-v1kqv1{font-size:10px;font-weight:500;padding:2px 8px;border-radius:99px;color:#1313114d;transition:all .12s}.dof-chip.svelte-v1kqv1:hover{color:#1313118c}.dof-chip-active.svelte-v1kqv1{background:#131311;color:#fff}.dark-viewport.svelte-v1kqv1 .dof-chip:where(.svelte-v1kqv1){color:#ffffff40}.dark-viewport.svelte-v1kqv1 .dof-chip:where(.svelte-v1kqv1):hover{color:#ffffff80}.dark-viewport.svelte-v1kqv1 .dof-chip-active:where(.svelte-v1kqv1){background:#e5e5e3;color:#131311}.style-chip.svelte-v1kqv1{font-size:10px;font-weight:500;padding:3px 10px;border-radius:6px;border:1px solid rgba(19,19,17,.1);color:#13131166;transition:all .12s}.style-chip.svelte-v1kqv1:hover{border-color:#13131133;color:#13131199}.style-chip-active.svelte-v1kqv1{background:#131311;color:#fff;border-color:#131311}.dark-viewport.svelte-v1kqv1 .style-chip:where(.svelte-v1kqv1){border-color:#ffffff1a;color:#ffffff4d}.dark-viewport.svelte-v1kqv1 .style-chip-active:where(.svelte-v1kqv1){background:#e5e5e3;color:#131311;border-color:#e5e5e3}.panel-btn-primary.svelte-v1kqv1{width:100%;padding:6px 0;border-radius:8px;font-size:11px;font-weight:500;background:#131311;color:#fff;transition:opacity .12s}.panel-btn-primary.svelte-v1kqv1:hover{opacity:.85}.panel-btn-primary.svelte-v1kqv1:disabled{opacity:.4}.dark-viewport.svelte-v1kqv1 .panel-btn-primary:where(.svelte-v1kqv1){background:#e5e5e3;color:#131311}.panel-btn-secondary.svelte-v1kqv1{width:100%;padding:6px 0;border-radius:8px;font-size:11px;font-weight:500;color:#13131173;border:1px solid rgba(19,19,17,.08);transition:all .12s}.panel-btn-secondary.svelte-v1kqv1:hover{background:#13131108;color:#131311a6}.dark-viewport.svelte-v1kqv1 .panel-btn-secondary:where(.svelte-v1kqv1){color:#ffffff59;border-color:#ffffff14}.dark-viewport.svelte-v1kqv1 .panel-btn-secondary:where(.svelte-v1kqv1):hover{background:#ffffff0d;color:#fff9}.btn-overlay.svelte-v1kqv1{border-radius:8px;padding:5px 10px;font-size:11px;font-weight:500;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .12s;background:#1313110d;color:#13131173}.btn-overlay.svelte-v1kqv1:hover{background:#1313111a;color:#131311b3}.dark-viewport.svelte-v1kqv1 .btn-overlay:where(.svelte-v1kqv1){background:#ffffff14;color:#ffffff73}.dark-viewport.svelte-v1kqv1 .btn-overlay:where(.svelte-v1kqv1):hover{background:#ffffff26;color:#ffffffb3}.btn-overlay-active.svelte-v1kqv1{background:#d9770626!important;color:#b45309cc!important}.dark-viewport.svelte-v1kqv1 .btn-overlay-active:where(.svelte-v1kqv1){background:#fbbf2426!important;color:#fbbf24cc!important}.btn-overlay-danger.svelte-v1kqv1:hover{background:#ef44441f!important;color:#dc2626cc!important}.dark-viewport.svelte-v1kqv1 .btn-overlay-danger:where(.svelte-v1kqv1):hover{background:#ef444433!important;color:#f87171e6!important}.toolbar-sep.svelte-v1kqv1{width:1px;height:16px;margin:0 2px;background:#13131114}.dark-viewport.svelte-v1kqv1 .toolbar-sep:where(.svelte-v1kqv1){background:#ffffff1a}.kbd.svelte-v1kqv1{border-radius:3px;padding:1px 4px;font-family:SF Mono,ui-monospace,monospace;background:#1313110f}.dark-viewport.svelte-v1kqv1 .kbd:where(.svelte-v1kqv1){background:#ffffff14}.dark-border.svelte-v1kqv1{border-color:#ffffff14!important}.dark-presets.svelte-v1kqv1{background:#ffffff0d!important}