@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Fira+Code:wght@400;500&family=Source+Code+Pro:wght@400;500&family=IBM+Plex+Mono:wght@400;500&family=Roboto+Mono:wght@400;500&family=Inconsolata:wght@400;500&display=swap";
@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.2-i4fw5gbtlb7.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__Ur3q_a__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__Ur3q_a__variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
@font-face{font-family:Cascadia Code;src:url(https://cdn.jsdelivr.net/npm/@fontsource/cascadia-code@5.2.5/files/cascadia-code-latin-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cascadia Code;src:url(https://cdn.jsdelivr.net/npm/@fontsource/cascadia-code@5.2.5/files/cascadia-code-latin-500-normal.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--bg-substrate:#0b0b0d;--bg-panel:#131316;--bg-elevated:#1a1a1e;--bg-hover:#222226;--border-subtle:#fff7ed12;--border-medium:#fff7ed1f;--text-primary:#f4efe6;--text-secondary:#f4efe694;--text-muted:#f4efe661;--accent:#f0a044;--accent-hover:#f6b45e;--accent-muted:#f0a04424;--danger:#f87171;--success:#4ade80;--font-sans:var(--font-geist-sans), system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-lg:0 24px 48px #0b0b0d8c;--z-stage:0;--z-header:30;--z-dock:40;--z-popover:50;--z-toast:100;--z-modal:200}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}:is(html:has(.static-page),body:has(.static-page),html:has(.pricing-root),body:has(.pricing-root)){height:auto;min-height:100%;overflow:auto}body{font-family:var(--font-sans);background:var(--bg-substrate);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{color:inherit;font-family:inherit}::selection{background:var(--accent-muted);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.editor-root{width:100vw;min-height:100dvh;display:flex;overflow:hidden}.editor-main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.stage-area{z-index:var(--z-stage);flex:1;justify-content:center;align-items:center;padding:72px 32px 132px;display:flex;position:relative;overflow:auto}.stage{justify-content:center;width:100%;max-width:min(1200px,100vw - 64px);display:flex;position:relative}.frame-outer{border-radius:var(--frame-radius,12px);padding:var(--stage-padding,48px);box-sizing:border-box;min-width:320px;max-width:100%;min-height:280px;transition:box-shadow .2s;position:relative}.frame-window{border-radius:calc(var(--frame-radius,12px) * .6);background:var(--window-bg,#1a1a1e);width:100%;min-width:0;overflow:hidden}.stage-dither:after{content:"";border-radius:inherit;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='1' height='1' fill='%23fff'/%3E%3C/svg%3E");background-size:4px 4px;position:absolute;inset:0}.frame-outer.shadow{box-shadow:var(--shadow-lg)}.auto-width-hint{z-index:11;color:var(--text-secondary);border:1px solid var(--border-subtle);opacity:0;background:#0b0b0d8c;border-radius:999px;padding:4px 10px;font-size:11px;transition:opacity .15s;position:absolute;top:8px;left:50%;transform:translate(-50%)}.frame-outer:hover .auto-width-hint{opacity:1}.auto-width-hint:hover{color:var(--text-primary);border-color:var(--border-medium)}.title-bar{background:var(--title-bar-bg,#121216);border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;min-height:36px;padding:10px 14px;display:flex}.traffic-lights{flex-shrink:0;gap:6px;display:flex}.traffic-light{border-radius:50%;width:10px;height:10px}.traffic-light.red{background:#ff5f57}.traffic-light.yellow{background:#febc2e}.traffic-light.green{background:#28c840}.title-text{text-align:center;color:var(--title-text,var(--text-muted));text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.code-container{width:100%;min-height:160px;font-family:var(--code-font,"JetBrains Mono", monospace);font-size:var(--code-size,14px);font-variant-ligatures:var(--code-ligatures,normal);tab-size:2;line-height:1.6;position:relative}.code-highlight{pointer-events:none;white-space:pre;word-break:normal;overflow-wrap:normal;box-sizing:border-box;width:100%;font:inherit;line-height:inherit;padding:16px 20px;position:absolute;inset:0;overflow:hidden}.code-highlight pre,.code-highlight code{font:inherit;line-height:inherit;margin:0;padding:0}.code-textarea{z-index:1;resize:none;color:#0000;width:100%;min-height:160px;caret-color:var(--syntax-foreground,var(--text-primary));white-space:pre;box-sizing:border-box;font:inherit;line-height:inherit;tab-size:2;background:0 0;border:none;outline:none;padding:16px 20px;display:block;position:relative;overflow:hidden}.code-textarea::selection{color:#0000;background:#f0a04447}.line-number{text-align:right;width:2.5em;color:var(--syntax-muted,var(--text-muted));-webkit-user-select:none;user-select:none;opacity:.55;margin-right:1em;display:inline-block}.code-line{min-height:1.6em}.watermark{letter-spacing:.04em;color:var(--text-secondary);pointer-events:none;z-index:2;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute}.watermark.bottom-right{bottom:12px;right:16px}.watermark.bottom-left{bottom:12px;left:16px}.watermark.top-right{top:12px;right:16px}.watermark.top-left{top:12px;left:16px}.watermark-avatar{object-fit:cover;border-radius:50%;width:20px;height:20px}.resize-handle{z-index:10;opacity:0;transition:opacity .15s;position:absolute}.frame-outer:hover .resize-handle{opacity:1}.resize-handle.right{cursor:ew-resize;width:8px;top:20%;bottom:20%;right:-4px}.resize-handle.bottom{cursor:ns-resize;height:8px;bottom:-4px;left:20%;right:20%}.resize-handle.corner{cursor:nwse-resize;width:14px;height:14px;bottom:-4px;right:-4px}.dock-wrap{z-index:var(--z-dock);flex-direction:column;align-items:center;gap:12px;max-width:calc(100vw - 24px);transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.dock-wrap.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(16px)}.dock{background:var(--bg-panel);border:1px solid var(--border-medium);box-shadow:var(--shadow-lg);border-radius:999px;align-items:center;gap:2px;max-width:100%;padding:6px;display:flex;overflow-x:auto}.dock-item{color:var(--text-secondary);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s,transform .12s;display:flex}.dock-item:hover{color:var(--text-primary);background:var(--bg-hover)}.dock-item:active{transform:scale(.98)}.dock-item.active{color:var(--text-primary);background:var(--bg-elevated)}.dock-item.primary{background:var(--accent);color:#1a1208}.dock-item.primary:hover,.dock-item.primary.active{background:var(--accent-hover);color:#1a1208}.dock-popover{z-index:var(--z-popover);background:var(--bg-panel);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:min(420px,100vw - 32px);max-height:min(62vh,560px);box-shadow:var(--shadow-lg);padding:16px 18px 18px;animation:.2s cubic-bezier(.16,1,.3,1) popover-in;overflow:auto}.dock-popover-title{color:var(--text-primary);margin-bottom:14px;font-size:13px;font-weight:600}.dock-popover-body{min-width:0}@keyframes popover-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}.field{margin-bottom:14px}.field-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.field-label-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.field-label-row .field-label{margin-bottom:0}.field-input,.field-select{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:8px 10px;font-size:13px;transition:border-color .15s}.field-input:focus,.field-select:focus{border-color:var(--accent)}.pill-group{flex-wrap:wrap;gap:6px;display:flex}.pill{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:0 0;padding:5px 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s,border-color .15s,transform .12s}.pill:hover{border-color:var(--border-medium);color:var(--text-primary)}.pill:active{transform:scale(.98)}.pill.active{background:var(--accent-muted);border-color:var(--accent);color:var(--accent)}.pill.locked{opacity:.55}.toggle-row{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.toggle-row.locked{opacity:.55}.toggle-label{color:var(--text-secondary);font-size:12px}.toggle{background:var(--bg-elevated);border:1px solid var(--border-subtle);cursor:pointer;border-radius:999px;width:36px;height:20px;transition:background .2s;position:relative}.toggle.on{background:var(--accent-muted);border-color:var(--accent)}.toggle-knob{background:var(--text-muted);border-radius:50%;width:14px;height:14px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.toggle.on .toggle-knob{background:var(--accent);transform:translate(16px)}.theme-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.theme-swatch{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;transition:border-color .15s,transform .12s;position:relative;overflow:hidden}.theme-swatch:hover{transform:scale(1.04)}.theme-swatch:hover .theme-swatch-name,.theme-swatch:focus-visible .theme-swatch-name{opacity:1}.theme-swatch.active{border-color:var(--accent)}.theme-swatch.locked{opacity:.7}.theme-swatch-lock,.theme-pro-chip{position:absolute;top:4px;right:4px}.theme-pro-chip{color:var(--accent);background:#0b0b0d8c;border-radius:999px;padding:1px 6px;font-size:9px;font-weight:600}.theme-swatch-name{text-align:center;color:#fff;opacity:0;background:#0b0b0d8c;padding:4px 6px;font-size:10px;font-weight:500;transition:opacity .15s;position:absolute;bottom:0;left:0;right:0}.theme-swatch.active .theme-swatch-name{opacity:1}.range-input{width:100%;height:6px;accent-color:var(--accent)}.export-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;display:grid}.export-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;padding:10px 8px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s,transform .12s}.export-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-muted)}.export-btn:active{transform:scale(.98)}.export-btn.primary{background:var(--accent);border-color:var(--accent);color:#1a1208}.export-btn.primary:hover{background:var(--accent-hover);color:#1a1208}.export-btn:disabled{opacity:.4;cursor:not-allowed}.pro-lock-btn{background:var(--accent-muted);color:var(--accent);border:1px solid #f0a04459;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600}.pro-hint,.snippets-locked{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.snippets-locked{flex-direction:column;align-items:flex-start}.gradient-row{align-items:center;gap:8px;display:flex}.color-input{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:36px;height:28px;padding:0}.color-input:disabled{opacity:.4;cursor:not-allowed}.snippet-list{flex-direction:column;gap:6px;max-height:220px;display:flex;overflow:auto}.snippet-row{align-items:center;gap:6px;display:flex}.snippet-load{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-elevated);flex:1;min-width:0;padding:8px 10px}.snippet-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.snippet-meta{color:var(--text-muted);font-size:10px}.snippet-delete{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);border:1px solid var(--border-subtle)}.snippet-delete:hover{color:var(--danger);border-color:var(--danger)}.editor-header{z-index:var(--z-header);pointer-events:none;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;position:absolute;top:0;left:0;right:0}.editor-header .logo,.editor-header .header-actions,.editor-header .header-user,.editor-header .header-btn{pointer-events:auto}.editor-legal{z-index:var(--z-header);gap:12px;display:flex;position:fixed;bottom:16px;left:16px}.editor-legal a{color:var(--text-muted);font-size:12px}.editor-legal a:hover{color:var(--text-primary)}.logo{letter-spacing:-.03em;color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.logo-mark{border-radius:6px;flex-shrink:0;width:22px;height:22px}.logo:hover{color:var(--text-primary)}.logo-accent{color:var(--accent)}.header-actions,.header-user{align-items:center;gap:8px;display:flex}.header-avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}.pro-badge{background:var(--accent-muted);color:var(--accent);border:1px solid #f0a04459;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600}.header-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-secondary);align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.header-btn:hover{border-color:var(--border-medium);color:var(--text-primary);background:var(--bg-elevated)}.header-btn.icon{padding:6px 8px}.toast-container{z-index:var(--z-toast);pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-medium);box-shadow:var(--shadow-lg);padding:10px 18px;font-size:13px;font-weight:500;animation:.25s toast-in}.toast.success{border-color:var(--success);color:var(--success)}.toast.error{border-color:var(--danger);color:var(--danger)}.toast.info{border-color:var(--accent);color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.shortcuts-overlay,.modal-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0b0db8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shortcuts-panel,.modal{background:var(--bg-panel);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:90%;max-width:400px;padding:28px}.shortcuts-title,.modal-title{margin-bottom:8px;font-size:16px;font-weight:600}.modal-desc{color:var(--text-secondary);margin-bottom:20px;font-size:13px;line-height:1.5}.shortcut-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.shortcut-row:last-child{border-bottom:none}.shortcut-key{font-family:var(--font-mono);background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:2px 8px;font-size:11px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);cursor:pointer;padding:8px 16px;font-size:12px;font-weight:600}.modal-btn.primary{background:var(--accent);border-color:var(--accent);color:#1a1208}.cta-btn{border-radius:var(--radius-md);background:var(--accent);color:#1a1208;cursor:pointer;border:none;align-items:center;gap:12px;margin-top:16px;padding:10px 16px 10px 18px;font-size:13px;font-weight:600;display:inline-flex}.cta-btn:disabled{opacity:.45;cursor:not-allowed}.cta-price{border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;background:#1a120829;padding:4px 8px}.static-page{max-width:720px;margin:0 auto;padding:48px 24px 80px;line-height:1.7}.static-page h1{letter-spacing:-.03em;text-wrap:balance;margin-bottom:16px;font-size:32px;font-weight:650}.static-page h2{margin:32px 0 12px;font-size:16px;font-weight:600}.static-page p{color:var(--text-secondary);max-width:65ch;margin-bottom:16px}.static-page a{color:var(--accent)}.static-nav{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.static-nav a{color:var(--text-primary);font-size:14px;font-weight:600}.pricing-root{background:var(--bg-substrate);flex-direction:column;min-height:100dvh;display:flex}.pricing-nav{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.pricing-main{width:min(980px,100% - 48px);margin:0 auto;padding:56px 0 80px}.pricing-hero{text-align:center;margin-bottom:48px}.pricing-hero h1{letter-spacing:-.04em;text-wrap:balance;margin-bottom:12px;font-size:clamp(32px,5vw,44px);font-weight:650;line-height:1.1}.pricing-hero p{max-width:42ch;color:var(--text-secondary);margin:0 auto;font-size:16px;line-height:1.5}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.pricing-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-panel);flex-direction:column;padding:28px;display:flex;box-shadow:inset 0 1px #fff7ed0a}.pricing-card.featured{background:linear-gradient(180deg, #f0a04414, transparent 42%), var(--bg-panel);border-color:#f0a04473}.pricing-card h2{margin:0;font-size:15px;font-weight:600}.pricing-card-head{justify-content:space-between;align-items:center;gap:12px;min-height:24px;display:flex}.pricing-chip{background:var(--accent-muted);color:var(--accent);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:500}.pricing-price-row{align-items:baseline;gap:10px;margin-top:16px;display:flex}.pricing-price{letter-spacing:-.04em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:48px;font-weight:650;line-height:1}.pricing-cadence{color:var(--text-muted);font-size:14px}.pricing-sub{color:var(--text-secondary);min-height:1.4em;margin:10px 0 0;font-size:13px}.pricing-cta{border-radius:var(--radius-md);background:var(--accent);color:#1a1208;border:none;justify-content:center;align-items:center;width:100%;height:44px;margin:22px 0 10px;font-size:14px;font-weight:600;text-decoration:none;transition-property:background,transform;transition-duration:.15s,.12s;display:flex}.pricing-cta:hover{background:var(--accent-hover);color:#1a1208}.pricing-cta:active{transform:scale(.96)}.pricing-cta:disabled{opacity:.45;cursor:not-allowed;transform:none}.pricing-cta.ghost{color:var(--text-primary);border:1px solid var(--border-medium);background:0 0}.pricing-cta.ghost:hover{background:var(--bg-elevated);color:var(--text-primary)}.pricing-helper{color:var(--text-muted);min-height:2.8em;margin:0 0 18px;font-size:12px;line-height:1.45}.pricing-helper.error{color:var(--danger);min-height:0;margin-top:-12px}.pricing-features{border-top:1px solid var(--border-subtle);flex-direction:column;gap:10px;margin:0;padding:18px 0 0;list-style:none;display:flex}.pricing-features li{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.pricing-check{color:var(--accent);flex-shrink:0;margin-top:2px}.pricing-faq{width:min(560px,100%);margin:72px auto 0}.pricing-faq h2{margin-bottom:8px;font-size:15px;font-weight:600}.pricing-faq details{border-bottom:1px solid var(--border-subtle);padding:16px 0}.pricing-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;font-size:15px;font-weight:500;list-style:none;display:flex}.pricing-faq summary::-webkit-details-marker{display:none}.pricing-faq-caret{color:var(--text-muted);flex-shrink:0;transition:transform .15s}.pricing-faq details[open] .pricing-faq-caret{transform:rotate(180deg)}.pricing-faq details p{color:var(--text-secondary);margin:8px 0 0;font-size:14px;line-height:1.55}.pricing-footer{border-top:1px solid var(--border-subtle);justify-content:center;gap:20px;margin-top:auto;padding:24px;display:flex}.pricing-footer a{color:var(--text-muted);font-size:13px}.pricing-footer a:hover{color:var(--text-primary)}@media (max-width:700px){.stage-area{padding:64px 16px 120px}.editor-legal{display:none}.dock{border-radius:var(--radius-lg)}.dock-item span{display:none}.dock-item.primary span{display:inline}.dock-popover{width:auto;max-height:55vh;position:fixed;bottom:84px;left:12px;right:12px}.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{order:-1}.pricing-main{width:min(980px,100% - 32px);padding:36px 0 64px}.pricing-hero{margin-bottom:32px}.theme-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.dock-popover{animation:none}}