.wrap.svelte-1154bze{box-sizing:border-box;flex-direction:column;gap:2rem;width:100%;max-width:74rem;margin:0 auto;padding:2.5rem 1rem 4rem;display:flex}.page-header.svelte-1154bze{flex-direction:column;gap:.45rem;display:flex}.page-header.svelte-1154bze h1:where(.svelte-1154bze){letter-spacing:-.045em;margin:0;font-size:clamp(1.65rem,4vw,2.15rem);line-height:1.1}.layout.svelte-1154bze{flex-direction:column;gap:1.5rem;width:100%;display:flex}.panel.svelte-1154bze{flex-direction:column;gap:1.1rem;min-width:0;display:flex}.panel-head.svelte-1154bze{justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel-head.svelte-1154bze h2:where(.svelte-1154bze){color:#d8d8d8;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem}.panel-head.svelte-1154bze .step:where(.svelte-1154bze){color:#8b8b8b;letter-spacing:0;margin-right:.5rem;font-size:.72rem;font-weight:700}.meta.svelte-1154bze{color:#686868;white-space:nowrap;font-size:.7rem}.controls.svelte-1154bze{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;display:grid}.source-area.svelte-1154bze{position:relative}.source-input{tab-size:4;min-height:15rem;line-height:1.6}.drop-overlay.svelte-1154bze{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#bbb;pointer-events:none;background:#111111d1;border:1px dashed #555;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;font-size:.85rem;animation:.15s ease-out svelte-1154bze-drop-in;display:flex;position:absolute;inset:0}@keyframes svelte-1154bze-drop-in{0%{opacity:0}to{opacity:1}}.preview-panel.svelte-1154bze{gap:1rem}.download-row.svelte-1154bze{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.preview-shell.svelte-1154bze{overscroll-behavior-x:contain;background:#0b0b0b;border:1px solid #292929;border-radius:6px;width:100%;max-width:100%;padding:1rem;overflow-x:auto}.preview-shell.svelte-1154bze::-webkit-scrollbar{height:.55rem}.preview-shell.svelte-1154bze::-webkit-scrollbar-thumb{background:#383838}.export-error.svelte-1154bze{color:#ff9a9a;margin:0;font-size:.75rem}.preview-frame.svelte-1154bze{--code-font-size:18px;--code-line-height:28px;--chrome-font-size:14px;--status-padding:.45rem .8rem;--code-area-padding:.85rem 1rem .9rem;--line-number-width:2rem;--line-number-gap:.5rem;width:100%;max-width:none;font-family:var(--font-mono);-webkit-font-smoothing:antialiased;box-sizing:border-box;flex:none;padding:0;display:block}.window.svelte-1154bze{box-sizing:border-box;background:0 0;flex-direction:column;width:100%;min-width:0;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #7f7f7f38}.statusline.svelte-1154bze .spacer:where(.svelte-1154bze){flex:1;min-width:0}.code-area.svelte-1154bze{padding:var(--code-area-padding);overflow-x:visible}.code-area.svelte-1154bze pre.shiki,.code-area.svelte-1154bze pre.shiki code,.code-area.svelte-1154bze pre.shiki .line,.code-area.svelte-1154bze pre.shiki .line span{font-size:var(--code-font-size)!important;line-height:var(--code-line-height)!important}.statusline.svelte-1154bze{min-width:0;font-size:var(--chrome-font-size);background:#7f7f7f24;border-top:1px solid #7f7f7f2e;align-items:center;line-height:1.2;display:flex;overflow:hidden}.statusline.svelte-1154bze .mode:where(.svelte-1154bze){padding:var(--status-padding);color:#fff;letter-spacing:.065em;background:#238636;font-weight:700}.statusline.svelte-1154bze .filename:where(.svelte-1154bze){padding:var(--status-padding);opacity:.85;white-space:nowrap}.statusline.svelte-1154bze .seg-lang:where(.svelte-1154bze),.statusline.svelte-1154bze .seg-pos:where(.svelte-1154bze){padding:var(--status-padding);opacity:.75;white-space:nowrap}.statusline.svelte-1154bze .seg-lang:where(.svelte-1154bze){border-left:1px solid #7f7f7f29}.code-area.svelte-1154bze pre.shiki,.code-area.svelte-1154bze pre.shiki *{font-variant-ligatures:none;font-weight:400;font-family:var(--font-mono)!important}.code-area.svelte-1154bze pre.shiki{tab-size:4;white-space:normal;margin:0;padding:0;background:0 0!important}.code-area.svelte-1154bze pre.shiki code{white-space:normal;display:block;background:0 0!important}.code-area.svelte-1154bze pre.shiki .line{width:max-content;min-height:var(--code-line-height);box-sizing:border-box;white-space:pre;padding:0;display:block}.code-area.svelte-1154bze pre.shiki .line[data-cursor]{background:#7f7f7f1a;box-shadow:inset 0 0 0 1px #7f7f7f1f}.code-area.svelte-1154bze pre.shiki .ln{width:var(--line-number-width);margin-right:var(--line-number-gap);text-align:right;opacity:.32;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;font-size:.78em;line-height:inherit;vertical-align:top;display:inline-block}.code-area.svelte-1154bze pre.shiki .line[data-cursor] .ln{opacity:.9;color:#58a6ff}.loading.svelte-1154bze,.empty-code.svelte-1154bze{opacity:.6;margin:0;padding:.25rem 0}.fs-stage.svelte-1154bze{border:1px solid #292929;border-radius:12px;justify-content:center;padding:1.5rem;display:flex;overflow:auto}.fs-actions.svelte-1154bze{gap:.5rem;margin-top:1rem;display:flex}@media (width<=520px){.wrap.svelte-1154bze{gap:1.5rem;padding:1rem 0}.page-header.svelte-1154bze h1:where(.svelte-1154bze){font-size:1.25rem}.controls.svelte-1154bze{grid-template-columns:1fr}.source-input{min-height:12rem}.download-row.svelte-1154bze{flex-direction:column;align-items:stretch}.download-row.svelte-1154bze .ui-button{width:100%}.preview-shell.svelte-1154bze{padding:.5rem}}