@keyframes spin{to{transform:rotate(360deg)}}*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-300:#fcd34d;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--font-sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-mono:'JetBrains Mono', 'SF Mono', 'Fira Code', 'Consolas', monospace;--surface:#fff}html{scroll-behavior:smooth;scroll-padding-top:28px}body{font-family:var(--font-sans);background:var(--gray-50);min-height:100vh;display:flex;flex-direction:column;position:relative;background:var(--canvas);color:var(--ink);line-height:1.55}body::before{content:"";position:fixed;inset:0;z-index:-1;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;pointer-events:none}.site-nav{display:flex;align-items:center;justify-content:space-between;max-width:1400px;width:100%}.logo{text-decoration:none}.logo-fade{color:var(--violet-500)}.github-link,.nav-actions,.theme-btn{display:flex;align-items:center}.github-link,.theme-btn{border:1px solid var(--gray-200);border-radius:var(--radius-sm);transition:all .2s}.theme-btn{justify-content:center;cursor:pointer}.theme-btn:hover{background:var(--gray-100)}.theme-btn .sun-icon{display:none}.theme-btn .moon-icon,[data-theme=dark] .theme-btn .sun-icon{display:block}[data-theme=dark] .theme-btn .moon-icon{display:none}.github-link{gap:6px;font-weight:500;text-decoration:none}.github-link:hover{background:var(--gray-100)}main{flex:1;width:100%}.hero{padding:8px 0 24px}.highlight{background:linear-gradient(135deg,var(--violet-600),var(--amber-500));-webkit-background-clip:text;background-clip:text}.hero{position:relative}.hero-glow{position:fixed;width:600px;height:600px;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:-1;opacity:.35}.hero-glow--violet{top:-200px;left:-100px;background:var(--violet-400)}.hero-glow--amber{bottom:-200px;right:-100px;background:var(--amber-300)}[data-theme=dark] .hero-glow--violet{opacity:.2;background:var(--violet-600)}[data-theme=dark] .hero-glow--amber{opacity:.15;background:var(--amber-500)}.converter-card{background:var(--surface);border:1px solid var(--gray-200)}.converter-card:focus-within{box-shadow:0 0 0 3px var(--violet-200),var(--shadow-xl)}.editor-header{gap:10px;background:var(--gray-100);border-bottom:1px solid var(--gray-200)}#artifactReportForm>div,.editor-dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#22c55e}.editor-label{font-size:13px;font-weight:500;color:var(--gray-500);margin-left:4px}.editor-body{position:relative}.editor-body.dragging .drop-overlay{opacity:1;pointer-events:auto}.editor-body.dragging textarea,[data-theme=dark] body::before{opacity:.15}.artifact-btn,.drop-overlay,.upload-btn{align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-md)}.drop-overlay{position:absolute;inset:0;display:flex;flex-direction:column;background:rgba(255,255,255,.92);opacity:0;pointer-events:none;transition:opacity .2s;z-index:2}.drop-overlay svg{opacity:.6}.drop-overlay p{font-size:14px;font-weight:600}.artifact-btn,.upload-btn{display:inline-flex;cursor:pointer}.upload-btn{background:var(--surface);border:2px solid var(--violet-300);transition:all .25s}.upload-btn:hover{background:var(--violet-50);border-color:var(--violet-400)}.upload-btn:active{background:var(--violet-100)}.artifact-btn{border:0;background:linear-gradient(135deg,var(--amber-400),var(--amber-500));box-shadow:0 4px 14px rgba(245,158,11,.25);transition:transform .2s,box-shadow .2s,background .2s}.artifact-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 20px rgba(245,158,11,.32)}.artifact-btn:active:not(:disabled){transform:translateY(0)}.artifact-btn:disabled{background:var(--gray-200);box-shadow:none;cursor:not-allowed}.quick-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,color .2s}.quick-share-btn:hover:not(:disabled){transform:translateY(-2px)}.quick-share-btn:active:not(:disabled){transform:translateY(0)}.quick-share-btn:disabled{background:var(--gray-200);cursor:not-allowed}.style-toggle{display:flex;align-items:center}.switch{position:relative;display:inline-block}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;border-radius:24px;transition:background .25s}.slider::before{content:"";position:absolute;background:#fff;border-radius:50%;transition:transform .25s}.switch input:checked+.slider{background:var(--violet-600)}.switch input:checked+.slider::before{transform:translateX(14px)}.beautify-info,.beautify-info-btn{display:inline-flex;align-items:center}.beautify-info{position:relative}.beautify-info-btn{justify-content:center;background:0 0;border:0;border-radius:50%;cursor:help;transition:color .2s,background .2s}.beautify-info-btn:focus-visible,.beautify-info-btn:hover{background:var(--violet-50);outline:0}.beautify-tooltip{position:absolute;bottom:calc(100% + 10px);z-index:10;width:min(280px,calc(100vw - 32px));padding:10px 12px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--surface);font-size:12px;font-weight:500;line-height:1.5;text-align:left;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .16s,transform .16s}.beautify-tooltip::after{content:"";position:absolute;top:100%;width:10px;height:10px;background:var(--surface);border-right:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);transform:translate(-50%,-5px) rotate(45deg)}.beautify-info:focus-within .beautify-tooltip,.beautify-info:hover .beautify-tooltip{opacity:1;transform:translate(-50%,0)}.Preview-area{display:none}.Preview-sep{border:0;border-top:1px solid var(--gray-200);margin:20px 0}.Preview-label{font-weight:600}.preview-panel{margin:0 auto;background:var(--surface);border-radius:var(--radius-lg);overflow-y:auto;text-align:left;display:none}.preview-panel:not(:empty){display:block}.Preview-actions{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.copy-btn{grid-column:2;justify-self:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-family:var(--font-sans);background:var(--surface);border:1px solid var(--violet-300);border-radius:var(--radius-sm);cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}.copy-btn:hover{background:var(--violet-50);transform:translateY(-1px)}.copy-btn:active{transform:translateY(0)}.copy-btn.copied{color:#047857;border-color:#10b981;background:#ecfdf5}.copy-btn.failed{color:#b91c1c;border-color:#fca5a5;background:#fef2f2}.copy-btn-icon{flex-shrink:0}.copy-status{grid-column:3;justify-self:start;text-align:left;font-size:13px;font-weight:500;color:var(--gray-500)}.preview-panel.doc-preview{background:#fff;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.preview-panel.doc-preview h1{font-size:24px;margin:24px 0 12px}.preview-panel.doc-preview h2{font-size:20px;margin:20px 0 10px}.preview-panel.doc-preview h3{font-size:17px;margin:16px 0 8px}.preview-panel.doc-preview h4{font-size:15px;margin:14px 0 6px}.preview-panel.doc-preview code,.preview-panel.doc-preview pre{font-family:Consolas,"Courier New",monospace;font-size:13px;background:#f1f3f4;border:0}.preview-panel.doc-preview pre{padding:12px 16px;border-radius:4px;overflow-x:auto;margin:16px 0;color:#1a1a1a}.preview-panel.doc-preview code{padding:2px 5px;border-radius:3px;color:#1a1a1a}.preview-panel.doc-preview blockquote{margin:12px 0;padding:4px 16px;border-left:3px solid #ccc;color:#555}.preview-panel.doc-preview td,.preview-panel.doc-preview th{border:1px solid #999;padding:6px 10px;vertical-align:top}.preview-panel.doc-preview th{text-align:left;background:#f8f9fa;font-weight:600}.preview-panel.doc-preview a{color:#1a73e8;text-decoration:underline}textarea{display:block;width:100%;min-height:280px;padding:20px;font-size:14px;font-family:var(--font-mono);line-height:1.7;color:var(--gray-800);background:0 0;border:0;resize:vertical;outline:0}textarea::placeholder{color:var(--gray-400);font-family:var(--font-sans);font-size:15px}.editor-footer{border-top:1px solid var(--gray-200);background:var(--gray-50)}.char-count span{color:var(--gray-600)}#downloadBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:linear-gradient(135deg,var(--violet-600),var(--violet-700));border:0;border-radius:var(--radius-md);cursor:pointer;transition:all .25s;box-shadow:0 4px 14px rgba(124,58,237,.3);position:relative;overflow:hidden}#downloadBtn::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.3) 45%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.3) 55%,transparent 60%);transform:translateX(-100%);transition:none;pointer-events:none}#downloadBtn:hover:not(:disabled)::after{transform:translateX(100%);transition:transform .6s ease-in-out}#downloadBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(124,58,237,.35)}#downloadBtn:active:not(:disabled){transform:translateY(0)}#downloadBtn:disabled{background:var(--gray-200);box-shadow:none;cursor:not-allowed;transform:none}#downloadBtn:disabled::after{display:none}.btn-icon{transition:transform .3s}#downloadBtn:hover:not(:disabled) .btn-icon{transform:translateY(2px)}.features{padding:40px 0;text-align:center}.section-label{display:inline-block}.comparison-section h2{font-size:clamp(24px,3.5vw,36px);font-weight:700;letter-spacing:-.5px;color:var(--gray-900);margin-bottom:40px}.feature-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));max-width:900px;margin:0 auto}.feature-card{background:var(--surface);border:1px solid var(--gray-200);border-radius:var(--radius-md);text-align:left;transition:all .25s}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border-radius:var(--radius-sm);background:var(--violet-100);color:var(--violet-600)}.feature-icon svg{width:22px;height:22px}.comparison-section{padding:40px 0;text-align:center}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:800px;margin:0 auto;text-align:left}.comparison-col{background:var(--surface);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:28px}.comparison-col--before{border-color:var(--gray-200)}.comparison-col--after{border-color:var(--violet-300);box-shadow:0 0 0 1px var(--violet-200),var(--shadow-md)}.comparison-heading{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--gray-800);margin-bottom:16px}.comparison-col--before .comparison-heading svg{color:var(--gray-400)}.comparison-col--after .comparison-heading svg{color:var(--violet-500)}.comparison-list{list-style:none;padding:0;margin:0}.comparison-list li{font-size:14px;color:var(--gray-600);padding:6px 0;line-height:1.5}.comparison-list li::before{content:"—";color:var(--gray-300);margin-right:8px}.comparison-col--after .comparison-list li::before{content:"✓";color:var(--violet-500);font-weight:700}.comparison-list__total{margin-top:12px;padding-top:12px;border-top:1px solid var(--gray-200);font-weight:700!important;font-size:16px!important}.comparison-list__total::before{display:none!important}.comparison-list__total--win{color:var(--violet-600)!important}.testimonial-section{padding:32px 0 48px;text-align:center}.testimonial-card{max-width:600px;margin:0 auto;background:var(--surface);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:36px 32px;text-align:left;position:relative}.testimonial-quote{position:absolute;top:20px;left:24px;color:var(--violet-600)}.testimonial-text{font-size:16px;line-height:1.7;color:var(--gray-700);font-style:italic;margin-bottom:20px;padding-left:0}.testimonial-attribution{display:flex;align-items:center;gap:12px}.testimonial-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;color:var(--violet-500);flex-shrink:0}.testimonial-name{font-size:14px;font-weight:600;color:var(--gray-800)}.testimonial-role{font-size:12px;color:var(--gray-400)}.nowrap{white-space:nowrap}.step-link{color:var(--violet-600);text-decoration:underline;text-underline-offset:2px}.step-link:hover{color:var(--violet-800)}.steps-section{padding:40px 0 64px;text-align:center}.steps-timeline{display:flex;justify-content:center}.step-timeline-item{display:flex;flex-direction:column;align-items:center;flex:1}.step-marker{display:flex;align-items:center;justify-content:center;position:relative}.step-connector{position:absolute;left:calc(50% + 28px);background:linear-gradient(90deg,var(--violet-300),var(--violet-200));transform:translateY(-50%)}.step-timeline-item:last-child .step-connector{display:none}.step-number{color:#fff;background:linear-gradient(135deg,var(--violet-600),var(--amber-500));position:relative;z-index:1;box-shadow:0 0 0 4px var(--violet-100),0 4px 12px rgba(124,58,237,.3);transition:transform .3s,box-shadow .3s}.step-timeline-item:hover .step-number{transform:scale(1.1);box-shadow:0 0 0 4px var(--violet-100),0 6px 20px rgba(124,58,237,.4)}footer{text-align:center;margin-top:0;padding:0;border-top:1px solid var(--line)}.footer-content{max-width:1200px}.footer-project{margin-bottom:4px}.footer-project a,.privacy-floating{font-weight:500;color:var(--violet-600)}.footer-project a{text-decoration:none}.footer-project a:hover{text-decoration:underline}.privacy-floating{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:8px;font-size:12px;background:var(--surface);padding:10px 16px;border-radius:100px;border:1px solid var(--gray-200);box-shadow:var(--shadow-lg);z-index:100;transition:all .25s;backdrop-filter:blur(8px)}.privacy-floating:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--violet-200)}.privacy-floating svg{flex-shrink:0;color:var(--violet-500)}[data-theme=dark] .privacy-floating{background:rgba(28,25,23,.9);border-color:#292524;backdrop-filter:blur(8px)}[data-theme=dark] .privacy-floating:hover{border-color:#3b2a5e}@media (max-width:480px){.privacy-floating{display:none}}@media (max-width:768px){.site-nav{padding:12px 16px}main{padding:0 16px}.hero{padding:8px 0 24px}.hero-subtitle{font-size:15px}.steps-timeline{flex-direction:column;gap:24px;align-items:flex-start;max-width:400px}.step-timeline-item{flex-direction:row;align-items:flex-start;gap:20px;width:100%}.step-marker{width:auto;margin-bottom:0}.step-connector{display:none}.step-content{text-align:left;max-width:none;padding-top:14px}.step-number{width:48px;height:48px;font-size:18px}.feature-grid{grid-template-columns:1fr 1fr}.comparison-grid{grid-template-columns:1fr}.testimonial-card{padding:28px 20px}}@media (max-width:480px){.feature-grid{grid-template-columns:1fr}.Preview-actions{align-items:stretch;flex-direction:column}.copy-btn{width:100%}.copy-status{min-width:0;text-align:center}.actions{display:grid;grid-template-columns:1fr 1fr}.artifact-btn{grid-column:1/-1;grid-row:1}#downloadBtn,.artifact-btn,.upload-btn{width:100%;padding:12px 10px;font-size:14px}}[data-theme=dark]{--gray-50:#0c0a09;--gray-100:#1c1917;--gray-200:#292524;--gray-300:#44403c;--gray-400:#78716c;--gray-500:#a8a29e;--gray-600:#d6d3d1;--gray-700:#e7e5e4;--gray-800:#f5f5f4;--gray-900:#fafaf9;--surface:#1c1917;--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.5), 0 2px 4px -2px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5), 0 4px 6px -4px rgba(0,0,0,0.4);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.5), 0 8px 10px -6px rgba(0,0,0,0.4);--violet-100:#1e064a}[data-theme=dark] .upload-btn{color:var(--violet-300);border-color:var(--violet-500)}[data-theme=dark] .upload-btn:hover{background:#1c1917;border-color:var(--violet-400)}[data-theme=dark] .upload-btn:active{background:#292524}[data-theme=dark] .drop-overlay{background:rgba(28,25,23,.92)}[data-theme=dark] .drop-overlay p{color:var(--violet-400)}[data-theme=dark] .github-link{border-color:var(--gray-300)}[data-theme=dark] .github-link:hover{background:var(--gray-200)}[data-theme=dark] .converter-card{border-color:#3b2a5e;box-shadow:var(--shadow-lg),0 0 0 1px rgba(139,92,246,.08)}[data-theme=dark] .converter-card:focus-within{box-shadow:0 0 0 3px rgba(139,92,246,.25),var(--shadow-xl)}[data-theme=dark] .comparison-col,[data-theme=dark] .editor-footer,[data-theme=dark] .editor-header,[data-theme=dark] .feature-card{background:#151311;border-color:#292524}[data-theme=dark] .feature-card:hover{border-color:#3b2a5e}[data-theme=dark] .comparison-col--after{border-color:#3b2a5e;box-shadow:0 0 0 1px rgba(139,92,246,.2),var(--shadow-md)}[data-theme=dark] .comparison-list__total--win{color:var(--violet-400)!important}[data-theme=dark] .beautify-tooltip::after,[data-theme=dark] .testimonial-card{background:#151311;border-color:#292524}[data-theme=dark] .design-partner-section li,[data-theme=dark] .design-partner-section p,[data-theme=dark] .testimonial-text{color:var(--gray-600)}[data-theme=dark] .step-link{color:var(--violet-400)}[data-theme=dark] .step-link:hover{color:var(--violet-300)}[data-theme=dark] .step-connector{background:linear-gradient(90deg,#3b2a5e,#5b21b6)}[data-theme=dark] .beautify-info-btn:focus-visible,[data-theme=dark] .beautify-info-btn:hover{color:var(--violet-300);background:#1c1917}[data-theme=dark] .beautify-tooltip{border-color:#292524;background:#151311;color:var(--gray-600)}[data-theme=dark] .Preview-sep,[data-theme=dark] footer{border-color:#292524}[data-theme=dark] .preview-panel{background:var(--surface);border-color:#292524}[data-theme=dark] .copy-btn{color:var(--violet-300);border-color:var(--violet-500)}[data-theme=dark] .copy-btn:hover{background:#1c1917;border-color:var(--violet-400)}[data-theme=dark] .copy-btn.copied{color:#6ee7b7;border-color:#059669;background:#052e2b}[data-theme=dark] .copy-btn.failed{color:#fecaca;border-color:#dc2626;background:#3f1212}body.artifact-open,body.preview-dialog-open{overflow:hidden}.artifact-dialog{width:100%;height:100vh;height:100dvh;max-width:100%;max-height:100dvh;margin:0;padding:0;overflow:hidden;border:0;background:#f4f1ed;color:#25211e;font-family:var(--font-sans)}.artifact-dialog[open]{display:flex;flex-direction:column}.artifact-dialog::backdrop{background:rgba(28,25,23,.72);backdrop-filter:blur(5px)}.artifact-toolbar{position:relative;z-index:3;padding:10px 18px 10px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex:0 0 auto;border-bottom:1px solid #ded8d1;background:rgba(255,255,255,.94);box-shadow:0 1px 8px rgba(41,37,36,.05)}.artifact-toolbar-actions,.artifact-toolbar-brand{display:flex;align-items:center;gap:12px}.artifact-toolbar-logo{color:#292524;letter-spacing:-.04em}.artifact-toolbar-logo span{color:#7c3aed}.artifact-toolbar-context{padding-left:12px;border-left:1px solid #d6d3d1;color:#78716c;font-weight:600}.artifact-share-btn{font-family:var(--font-sans);cursor:pointer}.artifact-close-btn,.artifact-download-btn,.artifact-publish-btn{border:0;font-family:var(--font-sans);cursor:pointer}.artifact-share-btn{padding:9px 14px;border:1px solid #c4b5fd;background:#f5f3ff;color:#6d28d9}.artifact-share-btn:hover{border-color:#8b5cf6;background:#ede9fe}.artifact-share-btn.failed{max-width:190px;border-color:#fcd34d;background:#fffbeb;color:#92400e}.artifact-publish-btn{padding:9px 14px;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 3px 10px rgba(217,119,6,.2)}.artifact-publish-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309)}.artifact-manage-actions button:disabled,.artifact-publish-btn:disabled{cursor:wait;opacity:.68}.artifact-download-btn{padding:10px 16px;background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 3px 10px rgba(124,58,237,.22)}.artifact-download-btn:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6)}.artifact-close-btn{width:40px;height:40px;background:#f5f5f4;color:#57534e;font-size:28px;font-weight:300;line-height:1}.artifact-close-btn:hover{background:#e7e5e4;color:#1c1917}.artifact-workspace{min-height:0;display:grid;grid-template-columns:280px minmax(0,1fr);flex:1 1 auto}.artifact-sidebar{min-height:0;padding:24px 20px;overflow-y:auto;border-right:1px solid #ded8d1;background:#fbfaf8}.artifact-metadata{display:grid;gap:8px}.artifact-metadata label{margin-top:6px;color:#57534e;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.artifact-metadata label span{color:#a8a29e;font-weight:600;text-transform:lowercase}.artifact-metadata input,.artifact-metadata textarea{display:block;width:100%;min-height:0;padding:10px 11px;resize:vertical;border:1px solid #d6d3d1;outline:0;background:#fff;color:#292524;font-family:var(--font-sans);font-size:13px;line-height:1.5}.artifact-metadata textarea{min-height:76px}.artifact-metadata input:focus,.artifact-metadata textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.12)}.artifact-local-note{margin:20px 0;padding:12px;display:grid;gap:4px;border:1px solid #bbf7d0;border-radius:10px;background:#f0fdf4}.artifact-local-note strong{color:#166534;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.artifact-local-note span{color:#3f684d;font-size:11px;line-height:1.5}.artifact-host-panel,.artifact-report-panel{margin:0 0 20px;padding:13px;display:grid;gap:10px;border:1px solid #ddd6fe;border-radius:10px;background:#faf8ff}#artifactPublishOptions[hidden],#artifactReportForm[hidden],.artifact-host-panel[hidden],.artifact-manage-panel[hidden],.artifact-report-panel[hidden]{display:none}.artifact-host-panel p,.artifact-report-panel p{margin:0;color:#6b625d;font-size:11px;line-height:1.5}.artifact-panel-label{display:block;color:#6d28d9;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}#artifactPublishOptions,#artifactReportForm,.artifact-manage-panel{display:grid;gap:9px}#artifactPublishOptions>label:not(.artifact-consent),#artifactReportForm>label{color:#57534e;font-size:10px;font-weight:700}#artifactExpiry,#artifactReportReason{width:100%;min-height:38px;padding:8px 10px;border:1px solid #d6d3d1;outline:0;background:#fff;color:#292524;font:12px/1.4 var(--font-sans)}#artifactExpiry:focus,#artifactReportReason:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.1)}.artifact-consent{display:flex;align-items:flex-start;gap:8px;color:#57534e;font-size:11px;line-height:1.45;cursor:pointer}.artifact-consent input{width:15px;height:15px;margin-top:1px;flex:0 0 auto;accent-color:#7c3aed}.artifact-manage-panel a{overflow:hidden;color:#6d28d9;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.artifact-manage-stats{padding:9px 10px;display:grid;gap:2px;border-radius:8px;background:#ede9fe}.artifact-manage-stats strong{color:#5b21b6;font-size:12px}.artifact-manage-stats span{color:#6b625d;font-size:10px}.artifact-manage-actions{display:grid;gap:6px}.artifact-manage-actions button,.artifact-report-panel button{min-height:34px;padding:7px 9px;border:1px solid #d6d3d1;border-radius:8px;background:#fff;color:#44403c;font:700 11px/1.2 var(--font-sans);cursor:pointer}.artifact-manage-actions button:hover,.artifact-report-panel button:hover{border-color:#a78bfa;color:#6d28d9;border-color:var(--accent);color:var(--accent-dark)}.artifact-manage-actions .danger{border-color:#fecaca;color:#b91c1c}.artifact-probe{padding-top:10px;display:grid;gap:3px;border-top:1px solid var(--line);opacity:.75}.artifact-probe strong{color:var(--gray-500);font-size:10px;font-weight:700}.artifact-probe span{color:var(--gray-500);font-size:10px;line-height:1.4}.artifact-probe a{width:fit-content;color:#6d28d9;font-size:11px;font-weight:800}#artifactReportStatus,.artifact-publish-status{min-height:0}#artifactReportStatus:empty,.artifact-publish-status:empty{display:none}.artifact-publish-status.success{color:#166534}#artifactReportStatus,.artifact-publish-status.error{color:#9a3412}.artifact-report-panel{border-color:#e7e5e4;background:#fff}.artifact-policy-link{color:#78716c;font-size:10px;line-height:1.4}#artifactReportForm>div button{flex:1}.artifact-recipient-view .artifact-host-panel,.artifact-recipient-view .artifact-local-note,.artifact-recipient-view .artifact-metadata{display:none}.artifact-recipient-view .artifact-sidebar{padding-top:28px}.artifact-toc-panel{gap:8px}.artifact-toc-label{color:#a8a29e;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}#artifactToc{display:grid;gap:2px}#artifactToc:empty::after{content:"Add headings to create navigation.";color:#a8a29e;font-size:11px;line-height:1.5}#artifactToc a{padding:6px 8px;border-radius:7px;color:#57534e;text-decoration:none;font-size:12px;line-height:1.35}#artifactToc a:hover{background:#ede9fe;color:#6d28d9}#artifactToc a[data-level="3"],#artifactToc a[data-level="4"],#artifactToc a[data-level="5"],#artifactToc a[data-level="6"]{padding-left:20px;color:#78716c;font-size:11px}.artifact-canvas{min-width:0;overflow:auto;padding:38px;scroll-behavior:smooth}.artifact-paper{width:min(900px,100%);min-height:calc(100vh - 140px);margin:0 auto;padding:66px 72px 34px;border:1px solid #e7e2dc;background:#fff;text-align:left}.artifact-header{margin-bottom:42px;padding-bottom:28px;border-bottom:1px solid #e7e5e4}.artifact-kicker{display:block;margin-bottom:14px;color:#7c3aed;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.artifact-header h1{margin:0;max-width:760px;color:#1c1917;font-size:clamp(34px,5vw,54px);line-height:1.05;overflow-wrap:anywhere}.artifact-subtitle{max-width:690px;margin:18px 0 0;color:#78716c;font-size:17px;line-height:1.65}.artifact-content{color:#44403c;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.75}.artifact-content h1,.artifact-content h2,.artifact-content h3,.artifact-content h4,.artifact-content h5,.artifact-content h6{position:relative;scroll-margin-top:24px;color:#292524;line-height:1.22}.artifact-content h1,.artifact-content h2{margin:44px 0 14px;letter-spacing:-.025em}.artifact-content h1{font-size:30px}.artifact-content h2{font-size:26px}.artifact-content h3{margin:30px 0 10px;font-size:20px}.artifact-content h4,.artifact-content h5,.artifact-content h6{margin:24px 0 8px;font-size:17px}.artifact-content>:first-child{margin-top:0}.artifact-heading-link{position:absolute;right:100%;padding-right:9px;color:#c4b5fd;text-decoration:none;opacity:0;transition:opacity .15s}.artifact-content h1:hover .artifact-heading-link,.artifact-content h2:hover .artifact-heading-link,.artifact-content h3:hover .artifact-heading-link,.artifact-content h4:hover .artifact-heading-link,.artifact-heading-link:focus{opacity:1}.artifact-content p{margin:0 0 18px}.artifact-content a{color:#6d28d9;text-decoration-thickness:1px;text-underline-offset:3px}.artifact-content ol,.artifact-content ul{margin:0 0 20px;padding-left:26px}.artifact-content li{margin:7px 0;padding-left:3px}.artifact-task{list-style:none;margin-left:-22px!important}.artifact-task label{display:flex;align-items:flex-start;gap:9px}.artifact-task input{width:17px;height:17px;margin-top:5px;accent-color:#7c3aed}.artifact-table-scroll{width:100%;margin:24px 0;overflow-x:auto;border:1px solid #e7e5e4;border-radius:12px}.artifact-content table{width:100%;min-width:520px;border-collapse:collapse;font-size:14px}.artifact-content td,.artifact-content th{padding:12px 14px;border-bottom:1px solid #e7e5e4;text-align:left;vertical-align:top}.artifact-content th{background:#f5f3ff;font-size:12px;font-weight:800;letter-spacing:.02em}.artifact-content tr:last-child td{border-bottom:none}.artifact-content tbody tr:nth-child(even){background:#fafaf9;background:#f6f3ed}.artifact-code{position:relative;margin:24px 0}.artifact-code-copy{position:absolute;top:10px;right:10px;z-index:1;padding:6px 9px;border:1px solid #44403c;border-radius:7px;background:#292524;color:#d6d3d1;font-family:var(--font-sans);font-size:10px;font-weight:700;cursor:pointer}.artifact-code-copy:hover{border-color:#a78bfa;color:#fff}.artifact-content pre{margin:0;padding:46px 20px 20px;overflow-x:auto;border-radius:12px;background:#1c1917;color:#f5f5f4;font-size:13px;line-height:1.65}.artifact-content code{padding:2px 5px;border-radius:5px;background:#f1f0ef;color:#6d28d9;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:.88em}.artifact-content pre code{padding:0;background:0 0;color:inherit;font-size:inherit}.artifact-content blockquote{margin:24px 0;padding:16px 20px;border-left:4px solid #8b5cf6;border-radius:0 10px 10px 0;background:#f5f3ff;border-left-color:var(--accent);background:#f6e8e1;color:#6c3929}.artifact-content .artifact-callout{padding-top:38px;position:relative}.artifact-content .artifact-callout::before{content:attr(data-callout);position:absolute;top:13px;left:20px;color:#6d28d9;font-family:var(--font-sans);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.artifact-content .artifact-callout--warning{border-left-color:#f59e0b;background:#fffbeb;color:#78350f}.artifact-content .artifact-callout--warning::before{color:#b45309}.artifact-content hr{margin:38px 0;border:0;border-top:1px solid #e7e5e4}.artifact-footer{margin-top:64px;padding-top:20px;display:flex;justify-content:space-between;gap:18px;border-top:1px solid #e7e5e4;color:#a8a29e;font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.06em}.artifact-footer a{color:#78716c;text-decoration:none;font-weight:700}.artifact-footer a:hover{color:var(--accent-dark)}.artifact-footer a span{color:#8b5cf6}@media (max-width:800px){.artifact-toolbar{min-height:58px;padding:8px 10px 8px 14px}.artifact-toolbar-context{display:none}.artifact-download-btn{padding:9px 11px;font-size:12px}.artifact-publish-btn,.artifact-share-btn{padding:8px 10px;font-size:12px}.artifact-close-btn{width:36px;height:36px}.artifact-workspace{display:block;overflow-y:auto}.artifact-sidebar{padding:16px;overflow:visible;border-right:0;border-bottom:1px solid #ded8d1}.artifact-local-note{margin-bottom:0}.artifact-host-panel{margin-top:16px;margin-bottom:0}.artifact-recipient-view .artifact-report-panel{margin:0}.artifact-toc-panel{display:none}.artifact-canvas{padding:12px;overflow:visible}.artifact-paper{min-height:0;margin:0;padding:34px 22px 24px;border-radius:13px}.artifact-header{margin-bottom:30px;padding-bottom:22px}.artifact-header h1{font-size:clamp(31px,10vw,44px)}.artifact-content,.artifact-subtitle{font-size:15px}.artifact-heading-link{position:static;padding-left:7px;padding-right:0;opacity:1}.artifact-footer{flex-direction:column}}@media (max-width:520px){.artifact-toolbar-logo{font-size:13px}.artifact-toolbar-actions{gap:6px}.artifact-download-btn,.artifact-publish-btn,.artifact-share-btn{padding-inline:8px;font-size:11px}}@media print{.artifact-sidebar,.artifact-toolbar{display:none!important}.artifact-canvas,.artifact-dialog,.artifact-workspace{display:block!important;height:auto!important;overflow:visible!important;padding:0!important;background:#fff!important}.artifact-paper{width:100%;min-height:0;padding:0;border:0;box-shadow:none}.artifact-code-copy,.artifact-heading-link{display:none!important}}#downloadBtn.loading{pointer-events:none;opacity:.85}.hero-eyebrow{display:inline-flex;border:1px solid var(--violet-200);border-radius:999px;background:rgba(255,255,255,.72)}.hero-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.13)}.local-boundary{max-width:620px;line-height:1.6}.local-boundary strong{color:var(--gray-700);font-weight:700}.sample-btn{background:var(--surface);font-family:var(--font-sans);cursor:pointer;transition:all .2s}.sample-btn:hover{background:var(--violet-50)}.design-partner-section{position:relative;margin:48px 0 24px;padding:42px;border:1px solid var(--violet-200);border-radius:var(--radius-xl);background:radial-gradient(circle at 92% 5%,rgba(245,158,11,.15),transparent 32%),linear-gradient(135deg,rgba(245,243,255,.96),rgba(255,255,255,.96));box-shadow:var(--shadow-lg)}.design-partner-section p{color:var(--gray-600)}.design-partner-section ul{display:grid;gap:8px;margin-top:20px;padding:0;list-style:none}.design-partner-section li{position:relative;padding-left:24px;color:var(--gray-700);font-size:13px;font-weight:600}.design-partner-section li::before{content:"✓";position:absolute;left:0;color:#059669;font-weight:800}.design-partner-action{display:grid;gap:12px;justify-items:stretch;border:1px solid rgba(124,58,237,.18);border-radius:var(--radius-lg);background:rgba(255,255,255,.78);text-align:center}.design-partner-cta{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--violet-600),var(--violet-700));box-shadow:0 10px 22px rgba(109,40,217,.23);font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s}.design-partner-cta:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(109,40,217,.3)}.design-partner-action span,.faq-grid details p{color:var(--gray-500);line-height:1.55}.faq-section{padding:48px 0 72px;text-align:center}.faq-grid{display:grid;text-align:left}.faq-grid details{border-radius:var(--radius-md);transition:border-color .2s;border:0;background:0 0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--paper) 74%,transparent)}.faq-grid summary{cursor:pointer}.faq-grid details p{max-width:620px;font-size:12px;line-height:1.75;padding:0 46px 22px 20px}[data-theme=dark] .hero-eyebrow{background:rgba(30,16,55,.78)}[data-theme=dark] .sample-btn{border-color:var(--gray-300);background:#151311;color:var(--gray-500)}[data-theme=dark] .sample-btn:hover{border-color:var(--violet-500);color:var(--violet-300);background:#1e1037}[data-theme=dark] .local-boundary{color:var(--gray-500)}[data-theme=dark] .local-boundary strong{color:var(--gray-300)}[data-theme=dark] .design-partner-section{background:radial-gradient(circle at 92% 5%,rgba(245,158,11,.12),transparent 32%),linear-gradient(135deg,rgba(30,16,55,.94),rgba(21,19,17,.96))}[data-theme=dark] .design-partner-action{border-color:rgba(167,139,250,.24);background:rgba(28,25,23,.74)}.faq-grid details,[data-theme=dark] .faq-grid details{background:var(--surface)}@media (max-width:560px){.beautify-tooltip{width:min(250px,calc(100vw - 32px))}.hero-eyebrow{font-size:9px}.design-partner-section{margin-top:34px;padding:28px 20px}.design-partner-action{padding:18px}}@media (max-width:820px){.design-partner-section{grid-template-columns:1fr;gap:26px}}#downloadBtn.loading::after{display:none}#downloadBtn.loading .btn-icon{animation:spin 1.2s cubic-bezier(.4,0,.2,1) infinite}:root{--violet-50:#fff5f0;--violet-100:#fee9df;--violet-200:#f8d1c1;--violet-300:#eeaa91;--violet-400:#e47a57;--violet-500:#bd482b;--violet-600:#a83d24;--violet-700:#95351f;--violet-800:#7d2c1c;--gray-50:#f2f0e9;--gray-100:#eae7de;--gray-200:#d9d5ca;--gray-300:#c6c0b4;--gray-400:#9a9388;--gray-500:#706b63;--gray-600:#57534e;--gray-700:#3d3a36;--gray-800:#252321;--gray-900:#171614;--surface:#fffefa;--accent:#bd482b;--accent-dark:#95351f;--canvas:#f2f0e9;--ink:#171614;--paper:#fffefa;--line:#d9d5ca;--font-display:'Newsreader', Georgia, 'Times New Roman', serif;--font-sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--radius-sm:7px;--radius-md:10px;--radius-lg:18px;--radius-xl:24px;--shadow-sm:0 1px 1px rgba(26, 23, 18, 0.04);--shadow-md:0 10px 30px rgba(38, 32, 24, 0.07);--shadow-lg:0 24px 70px rgba(38, 32, 24, 0.1);--shadow-xl:0 30px 90px rgba(38, 32, 24, 0.14)}.hero-eyebrow::before,.hero-glow,body::before{display:none}a,button,input,label,select,summary,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-nav,main{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:0}.site-nav{min-height:76px;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.logo,.logo-mark{display:inline-flex;align-items:center}.logo{gap:10px;color:var(--ink);font-size:15px;font-weight:650;letter-spacing:-.025em}.logo-mark{width:34px;height:34px;justify-content:center;border-radius:8px;background:var(--ink);color:var(--canvas);font-size:10px;font-weight:700;letter-spacing:-.03em}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{color:var(--gray-500);font-size:13px;font-weight:500;text-decoration:none}.footer-links a:hover,.nav-links a:hover{color:var(--ink)}.nav-actions{gap:6px}.github-link,.theme-btn{height:38px;border-color:transparent;border-radius:8px;background:0 0;color:var(--gray-500)}.theme-btn{width:38px}.github-link{padding:0 10px;font-size:12px}.github-link:hover,.theme-btn:hover{border-color:var(--line);background:rgba(255,254,250,.62);color:var(--ink)}main{max-width:none}.hero{display:grid;align-items:start;text-align:left}.hero-copy{padding-top:22px}.hero-eyebrow{width:fit-content;padding:0;display:flex;align-items:center;gap:9px;border:0;background:0 0;font-size:10px;font-weight:650;letter-spacing:.13em;text-transform:uppercase}.hero-eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent)}h1{font-size:clamp(54px,5.8vw,80px)}.hero h1,h1{max-width:530px;margin:0;color:var(--ink);font-family:var(--font-display);font-weight:600;letter-spacing:-.055em;line-height:.94}.highlight{display:block;margin-top:.06em;background:0 0;color:var(--accent);font-style:italic;-webkit-text-fill-color:currentColor}.hero-subtitle{margin:28px 0 0;color:var(--gray-600);letter-spacing:-.012em}.hero-notes{margin-top:34px;display:grid;gap:9px;color:var(--gray-500);font-size:12px}.hero-notes span{display:flex;align-items:center;gap:9px}.hero-notes span::before{content:"";width:13px;height:1px;background:var(--gray-400)}.workspace-column{min-width:0}.converter-card{max-width:none;margin:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 88%,var(--ink));border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-lg);transition:border-color .2s,box-shadow .2s}.converter-card:focus-within{border-color:color-mix(in srgb,var(--accent) 62%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent),var(--shadow-xl)}.editor-header{display:flex;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);background:color-mix(in srgb,var(--paper) 88%,var(--canvas))}#downloadBtn::after,.editor-dots,.editor-label{display:none}.editor-file{display:flex;align-items:center;gap:11px}.editor-file-icon{width:34px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--accent-dark);font:650 9px/1 var(--font-sans);letter-spacing:-.03em}.editor-file>span:last-child{display:grid;gap:2px}.editor-file strong{color:var(--ink);font-size:12px;font-weight:650}.editor-file small{color:var(--gray-400);font-size:10px}.sample-btn{min-height:38px;margin-left:auto;padding:0 13px;border:1px solid var(--line);border-radius:7px;color:var(--gray-600);font-size:11px;font-weight:600}.sample-btn:hover{border-color:var(--gray-400);background:var(--canvas);color:var(--ink)}.editor-body,.sample-btn{background:var(--paper)}textarea#input{resize:vertical;border:0;outline:0;background:0 0;color:var(--gray-800);font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:14px;line-height:1.75;tab-size:2}textarea#input::placeholder{color:var(--gray-400)}.drop-overlay{margin:8px;border:1px dashed var(--accent);border-radius:12px;background:color-mix(in srgb,var(--paper) 94%,transparent);color:var(--accent)}.drop-overlay p{color:var(--accent-dark)}.editor-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);background:color-mix(in srgb,var(--paper) 88%,var(--canvas))}.char-count{color:var(--gray-400);font-weight:500}.style-toggle{margin:14px 2px 0;justify-content:flex-end;gap:8px}.switch{width:34px;height:20px}.slider{border:1px solid var(--gray-300);background:var(--gray-300)}.slider::before{width:14px;height:14px;left:2px;bottom:2px}.switch input:checked+.slider{border-color:var(--accent);background:var(--accent)}.toggle-label{color:var(--gray-500);font-size:11px;font-weight:550}.beautify-info-btn{width:22px;height:22px;color:var(--gray-400)}.beautify-info-btn:focus-visible,.beautify-info-btn:hover{background:var(--paper);color:var(--accent)}.beautify-tooltip{border-color:var(--line);background:var(--paper);color:var(--gray-600);box-shadow:var(--shadow-md)}.actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:8px}#downloadBtn,.artifact-btn,.quick-share-btn,.upload-btn{min-height:46px;padding:0 17px;border-radius:9px;box-shadow:none;font-family:var(--font-sans);font-size:12px;font-weight:650;transform:none}.artifact-btn{order:1;min-width:164px;border:1px solid var(--accent);background:var(--accent);color:#fffaf6}#downloadBtn,.quick-share-btn{order:2;border:1px solid var(--accent);background:var(--paper);color:var(--accent-dark)}#downloadBtn{order:3;border:1px solid var(--line);color:var(--ink)}.upload-btn{order:4;border:1px solid transparent;background:0 0;color:var(--gray-500)}.artifact-btn:hover:not(:disabled){border-color:var(--accent-dark);background:var(--accent-dark);box-shadow:none;transform:none}.quick-share-btn:hover:not(:disabled){border-color:var(--accent-dark);background:var(--accent);color:#fffaf6;box-shadow:none;transform:none}#downloadBtn:hover:not(:disabled),.upload-btn:hover{border-color:var(--gray-400);background:color-mix(in srgb,var(--paper) 55%,var(--canvas));color:var(--ink);box-shadow:none;transform:none}#downloadBtn:disabled,.artifact-btn:disabled,.quick-share-btn:disabled{border-color:var(--line);background:color-mix(in srgb,var(--canvas) 70%,var(--paper));color:var(--gray-400);opacity:1}.local-boundary{margin:14px 2px 0;display:flex;align-items:center;justify-content:flex-end;gap:7px;color:var(--gray-500);font-size:10px}.local-boundary svg{color:var(--accent)}.Preview-area{max-width:none;margin:28px 0 0;text-align:left}.Preview-header{margin-bottom:8px}.Preview-label{color:var(--gray-500);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.preview-panel{max-height:480px;padding:30px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow-md)}.Preview-actions{margin-top:10px;justify-content:flex-end}.copy-btn{min-height:42px;padding:0 14px;border-color:var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-size:11px}.copy-btn:hover{border-color:var(--gray-400);background:var(--canvas);color:var(--ink)}.output-strip{min-height:88px;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.output-strip>p{color:var(--gray-600);font-family:var(--font-display);font-size:19px;font-style:italic}.output-strip>div{display:flex;align-items:center;gap:clamp(20px,4vw,48px)}.output-strip span{color:var(--gray-600);font-size:11px;font-weight:550;white-space:nowrap}.output-strip strong{margin-right:8px;color:var(--accent);font-size:9px;letter-spacing:.08em}.features{margin:0}.faq-section,.steps-section{margin:0;padding:clamp(76px,10vw,132px)0}.features{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(440px,1.22fr);gap:clamp(56px,9vw,120px)}.section-heading{max-width:430px}.section-label{margin:0 0 18px;color:var(--accent-dark);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.faq-section h2,.features h2,.privacy-section h2,.steps-section h2{font-size:clamp(38px,4.2vw,56px)}.design-partner-section h2,.faq-section h2,.features h2,.privacy-section h2,.steps-section h2{margin:0;color:var(--ink);font-family:var(--font-display);font-weight:600;letter-spacing:-.045em;line-height:1}.section-heading>p{max-width:380px;margin:22px 0 0;color:var(--gray-500);font-size:14px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:1fr;gap:0}.feature-grid .feature-card:nth-child(n+4){display:none}.feature-card{display:grid;grid-template-columns:42px 1fr;column-gap:16px;align-content:start;border:0;border-top:1px solid var(--line);border-radius:0;background:0 0;box-shadow:none}.feature-card:last-child{border-bottom:1px solid var(--line)}.feature-card:hover{border-color:var(--line);box-shadow:none;transform:none}.feature-index{grid-row:1/3;padding-top:4px;color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.1em}.feature-card h3{margin:0 0 8px;color:var(--ink);font-size:15px;font-weight:650;letter-spacing:-.02em}.feature-card p,.step-content p{color:var(--gray-500);line-height:1.7}.feature-card p{max-width:520px;margin:0;font-size:13px}.design-partner-section ul,.feature-icon{display:none}.legacy-comparison{display:none!important}.steps-section{border-top:1px solid var(--line)}.steps-section .section-heading{margin-bottom:58px}.steps-timeline{max-width:none;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;align-items:start}.step-timeline-item{position:relative;display:block;width:auto;text-align:left}.step-marker{width:auto;margin:0 0 22px}.step-number{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-300);border-radius:50%;background:0 0;color:var(--accent-dark);box-shadow:none;font-size:11px;font-weight:700}.step-timeline-item:hover .step-number{box-shadow:none;transform:none}.step-connector{top:19px;left:52px;width:calc(100% - 16px);height:1px;background:var(--line)}.step-content{max-width:280px;padding:0;text-align:left}.step-content h3{margin-bottom:8px;color:var(--ink);font-size:14px;font-weight:650}.step-content p{font-size:12px}.privacy-section{margin:0;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);gap:clamp(48px,8vw,100px);border-radius:24px;background:var(--ink);color:#f4f0e7}.privacy-copy .section-label{color:#eeaa91}.privacy-section h2{max-width:430px;color:#fffaf2}.privacy-copy>p{margin:22px 0;color:#bcb6aa;font-size:13px;line-height:1.75}.privacy-copy>a{color:#fffaf2;font-size:11px;font-weight:600;text-decoration-color:#706b62;text-underline-offset:4px}.privacy-ledger{align-self:center;border-top:1px solid #3d3a36}.privacy-ledger>div{min-height:78px;padding:18px 0;display:grid;grid-template-columns:minmax(150px,.72fr) 1.28fr;align-items:center;gap:28px;border-bottom:1px solid #3d3a36}.privacy-ledger span{color:#8e887e;font-size:10px}.privacy-ledger strong{color:#e9e4da;font-size:12px;font-weight:550;line-height:1.5}.design-partner-section{margin:clamp(76px,10vw,128px)0 0;padding:clamp(42px,6vw,66px);display:grid;grid-template-columns:minmax(300px,1.18fr) minmax(250px,.82fr);align-items:center;gap:64px;border:1px solid #e8c6b8;border-radius:20px;background:#f7e7df;overflow:visible}.design-partner-section h2{max-width:560px;font-size:clamp(34px,3.8vw,50px)}.design-partner-section p{max-width:610px;margin:18px 0 0;color:#6c554b;font-size:13px;line-height:1.7}.design-partner-action{padding:0;border:0;background:0 0}.design-partner-cta{min-height:48px;padding:0 18px;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:#fffaf2;box-shadow:none;font-size:12px}.design-partner-cta:hover{background:var(--accent-dark);border-color:var(--accent-dark);box-shadow:none;transform:none}.design-partner-action span{color:#8d6e61;font-size:10px}.faq-section{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(440px,1.25fr);gap:clamp(56px,9vw,120px)}.faq-grid{max-width:none;margin:0;border-top:1px solid var(--line)}.faq-grid summary{min-height:70px;position:relative;color:var(--ink);font-size:13px;font-weight:600;list-style:none;padding:22px 46px 22px 20px}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary::after{content:"+";position:absolute;top:18px;color:var(--gray-400);font-family:var(--font-display);font-size:24px;font-weight:500;right:18px}.faq-grid details[open] summary::after{content:"−"}.footer-content{width:min(1240px,calc(100% - 48px));min-height:98px;margin:0 auto;padding:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px}.footer-project{color:var(--ink);font-size:12px;font-weight:650}.footer-links{display:flex;align-items:center;gap:22px}.footer-links a{color:var(--gray-500);font-size:10px;text-decoration:none}.footer-meta{color:var(--gray-400);font-size:10px;text-align:right}.privacy-floating{display:none}.artifact-dialog{--gray-100:#eae7de;--gray-200:#d9d5ca;--gray-300:#c6c0b4;--gray-400:#9a9388;--gray-500:#706b63;--gray-600:#57534e;--gray-700:#3d3a36;--gray-800:#252321;--gray-900:#171614;--canvas:#f2f0e9;--paper:#fffefa;--ink:#171614;--line:#d9d5ca;--accent:#bd482b;--accent-dark:#95351f;background:var(--canvas);color:var(--ink)}.artifact-toolbar{min-height:68px;border-color:var(--line);background:color-mix(in srgb,var(--paper) 94%,transparent);box-shadow:var(--shadow-sm)}.artifact-toolbar-logo{color:var(--ink);font-size:14px;font-weight:650}.artifact-toolbar-logo span{color:var(--accent)}.artifact-toolbar-context{border-color:var(--line);color:var(--gray-400);font-size:10px}.artifact-toolbar-actions,.artifact-toolbar-brand{min-width:0}.artifact-download-btn,.artifact-publish-btn,.artifact-share-btn{min-height:40px;border-radius:7px;box-shadow:none;font-size:11px;font-weight:650}.artifact-share-btn{border-color:var(--line);background:var(--paper);color:var(--gray-700)}.artifact-share-btn:hover{border-color:var(--gray-400);background:var(--canvas)}.artifact-publish-btn{background:var(--accent);color:#fffaf6}.artifact-publish-btn:hover:not(:disabled){background:var(--accent-dark)}.artifact-download-btn{background:var(--ink);color:#fffaf2}.artifact-download-btn:hover{background:#34312d}.artifact-close-btn{border-radius:8px;background:0 0;color:var(--gray-500)}.artifact-close-btn:hover{background:var(--gray-100);color:var(--ink)}.artifact-sidebar{border-color:var(--line);background:#ebe8df}#artifactPublishOptions>label:not(.artifact-consent),#artifactReportForm>label,.artifact-metadata label{color:var(--gray-500)}#artifactExpiry,#artifactReportReason,.artifact-metadata input,.artifact-metadata textarea{border-color:var(--line);border-radius:7px;background:var(--paper);color:var(--ink)}#artifactExpiry:focus,#artifactReportReason:focus,.artifact-metadata input:focus,.artifact-metadata textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.artifact-local-note{border-color:#cbd8ca;background:#eaf1e8}.artifact-host-panel{border-color:#e4c9bd;background:#f6e8e1}#artifactToc a:hover,.artifact-manage-panel a,.artifact-manage-stats strong,.artifact-panel-label,.artifact-probe a{color:var(--accent-dark)}.artifact-consent input,.artifact-task input{accent-color:var(--accent)}.artifact-manage-stats{background:#efd8cd}.artifact-toc-panel{width:auto;max-width:none;margin:0;padding:0;display:grid;align-items:stretch;justify-content:initial}#artifactToc a:hover{background:#efd8cd}.artifact-canvas{padding:clamp(26px,4vw,54px)}.artifact-paper{border-color:#dcd7cc;border-radius:12px;background:var(--paper);box-shadow:0 24px 70px rgba(37,32,26,.1)}.artifact-header{border-color:var(--line)}.artifact-content .artifact-callout::before,.artifact-content a,.artifact-content code,.artifact-kicker{color:var(--accent-dark)}.artifact-content h1,.artifact-content h2,.artifact-content h3,.artifact-content h4,.artifact-content h5,.artifact-content h6,.artifact-header h1{color:var(--ink);font-family:var(--font-display)}.artifact-header h1{font-weight:600;letter-spacing:-.05em}.artifact-content{color:var(--gray-700)}.artifact-heading-link{color:var(--violet-300)}.artifact-content td,.artifact-content th,.artifact-table-scroll{border-color:var(--line)}.artifact-content th{background:#f3e6df;color:#79351f}.artifact-code-copy:hover{border-color:var(--accent)}.design-partner-section>*,.editor-file,.editor-file>span:last-child,.faq-section>*,.feature-card>*,.feature-grid,.footer-content>*,.hero-copy,.privacy-copy,.privacy-ledger,.section-heading{min-width:0}.design-partner-section,.faq-grid,.feature-card,.footer-content,.hero h1,.hero-subtitle,.local-boundary,.privacy-section,.section-heading{overflow-wrap:anywhere}.actions>*,.artifact-toolbar-actions>*{max-width:100%}.actions svg,.copy-btn svg,.local-boundary svg,.nav-actions svg{flex:0 0 auto}.preview-panel{min-width:0;max-width:100%;overflow:auto;overflow-wrap:anywhere}.preview-panel>table{display:block;width:100%!important;max-width:100%;overflow-x:auto}.artifact-content a,.artifact-content blockquote,.artifact-content code,.artifact-content li,.artifact-content p,.artifact-content td,.artifact-content th,.preview-panel a,.preview-panel code,.preview-panel td,.preview-panel th{overflow-wrap:anywhere;word-break:break-word}.artifact-code,.artifact-table-scroll,.preview-panel pre{max-width:100%}#artifactToc a,.artifact-content,.artifact-download-btn,.artifact-footer,.artifact-paper,.artifact-publish-btn,.artifact-share-btn,.artifact-sidebar,.artifact-toolbar-context,.artifact-toolbar-logo{overflow-wrap:anywhere}.beautify-tooltip{right:0;left:auto;transform:translateY(4px)}.beautify-tooltip::after{right:6px;left:auto;transform:translateY(-5px) rotate(45deg)}.beautify-info:focus-within .beautify-tooltip,.beautify-info:hover .beautify-tooltip{transform:translateY(0)}[data-theme=dark]{--gray-50:#181714;--gray-100:#22211e;--gray-200:#302e2a;--gray-300:#47443e;--gray-400:#777168;--gray-500:#aaa399;--gray-600:#cbc5bc;--gray-700:#ded9d0;--gray-800:#f0ece5;--gray-900:#fbf8f2;--surface:#211f1c;--canvas:#181714;--paper:#211f1c;--ink:#fbf8f2;--line:#383530;--accent:#ed7957;--accent-dark:#f09274;--violet-50:#2b1f1b;--violet-100:#3b241c;--violet-200:#5d3023;--violet-300:#b86145;--violet-400:#df7657;--violet-500:#ed7957;--violet-600:#f09274;--shadow-md:0 12px 36px rgba(0, 0, 0, 0.22);--shadow-lg:0 26px 76px rgba(0, 0, 0, 0.28);--shadow-xl:0 34px 96px rgba(0, 0, 0, 0.36)}[data-theme=dark] .faq-section,[data-theme=dark] .features,[data-theme=dark] .site-nav,[data-theme=dark] .steps-section,[data-theme=dark] footer{border-color:var(--line)}[data-theme=dark] .logo-mark{background:#f1ede5;color:#1b1a17}[data-theme=dark] .github-link,[data-theme=dark] .theme-btn{border-color:transparent;color:var(--gray-500)}[data-theme=dark] .github-link:hover,[data-theme=dark] .theme-btn:hover{border-color:var(--line);background:var(--paper);color:var(--ink)}[data-theme=dark] .hero-eyebrow{border:0;background:0 0;color:var(--gray-600)}[data-theme=dark] .converter-card,[data-theme=dark] .preview-panel{border-color:var(--line);background:var(--paper);box-shadow:var(--shadow-lg)}[data-theme=dark] .editor-footer,[data-theme=dark] .editor-header{border-color:var(--line);background:#1d1c19}[data-theme=dark] #downloadBtn,[data-theme=dark] .copy-btn,[data-theme=dark] .editor-body,[data-theme=dark] .sample-btn{background:var(--paper)}[data-theme=dark] #downloadBtn:hover:not(:disabled),[data-theme=dark] .copy-btn:hover,[data-theme=dark] .sample-btn:hover,[data-theme=dark] .upload-btn:hover{border-color:var(--gray-400);background:var(--gray-100);color:var(--ink)}[data-theme=dark] .drop-overlay{background:rgba(33,31,28,.95)}[data-theme=dark] .artifact-btn{color:#181714}[data-theme=dark] .comparison-col,[data-theme=dark] .faq-grid details,[data-theme=dark] .feature-card,[data-theme=dark] .feature-card:hover{border-color:var(--line);background:0 0}[data-theme=dark] .privacy-section{background:#f0ece4;color:#211f1c}[data-theme=dark] .privacy-copy>a,[data-theme=dark] .privacy-section h2{color:#211f1c}[data-theme=dark] .privacy-copy>p{color:#645f58}[data-theme=dark] .privacy-ledger,[data-theme=dark] .privacy-ledger>div{border-color:#d4cfc5}[data-theme=dark] .privacy-ledger span{color:#837d74}[data-theme=dark] .privacy-ledger strong{color:#302d29}[data-theme=dark] .design-partner-section{border-color:#603427;background:#35251f}[data-theme=dark] .design-partner-section h2{color:var(--ink)}[data-theme=dark] .design-partner-section p{color:#c5aaa0}[data-theme=dark] .design-partner-action{border:0;background:0 0}[data-theme=dark] .faq-grid details{border-bottom-color:var(--line)}@media (max-width:980px){.footer-content,.site-nav,main{width:min(100% - 36px,760px)}.hero{grid-template-columns:1fr;gap:48px;padding-top:58px}.hero-copy{max-width:650px;padding-top:0}.hero h1{max-width:650px;font-size:clamp(58px,10vw,76px)}.hero-notes{grid-template-columns:repeat(3,auto);justify-content:start;gap:20px}.faq-section,.features{grid-template-columns:1fr;gap:48px}.faq-grid,.feature-grid{max-width:680px}.privacy-section{grid-template-columns:1fr}.design-partner-section{gap:42px}}@media (max-width:720px){.site-nav{min-height:66px}.github-link span,.nav-links{display:none}.github-link{padding:0;justify-content:center}.github-link,.theme-btn{width:44px;height:44px}.hero{padding:44px 0 52px;gap:38px}.hero h1{font-size:clamp(48px,15vw,66px)}.hero-subtitle{margin-top:22px;font-size:15px}.hero-notes{grid-template-columns:1fr;gap:7px}textarea#input{min-height:280px;padding:22px 20px;font-size:13px}.local-boundary,.style-toggle{justify-content:flex-start}.beautify-tooltip{right:auto;left:50%;transform:translate(-50%,4px)}.beautify-tooltip::after{right:auto;left:50%;transform:translate(-50%,-5px) rotate(45deg)}.beautify-info:focus-within .beautify-tooltip,.beautify-info:hover .beautify-tooltip{transform:translate(-50%,0)}.actions{display:grid;grid-template-columns:1fr 1fr}.artifact-btn{grid-column:1/-1;width:100%}#downloadBtn,.quick-share-btn,.upload-btn{width:100%}.output-strip{align-items:flex-start;flex-direction:column;gap:18px}.output-strip>div{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.output-strip span{display:grid;gap:4px;white-space:normal}.output-strip strong{margin:0}.privacy-ledger>div,.steps-timeline{grid-template-columns:1fr;gap:30px}.step-timeline-item{display:grid;grid-template-columns:44px 1fr;gap:18px}.step-marker{margin:0}.step-connector{display:none}.step-content{padding-top:2px}.design-partner-section,.privacy-section{padding:38px 24px;border-radius:16px}.privacy-ledger>div{gap:7px}.design-partner-section{grid-template-columns:1fr}.faq-section{padding-bottom:84px}.artifact-toolbar{min-height:0;padding:10px 12px;display:block}.artifact-toolbar-brand{min-height:44px;padding-right:52px}.artifact-toolbar-actions{width:100%;margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.artifact-download-btn,.artifact-publish-btn,.artifact-share-btn{min-width:0;min-height:46px;padding:7px 6px;line-height:1.25;white-space:normal}.artifact-toolbar-actions>*{overflow-wrap:anywhere}.artifact-close-btn{position:absolute;top:10px;right:12px;width:44px;height:44px}.footer-content{min-height:0;padding:30px 0;grid-template-columns:1fr;gap:18px}.footer-links{flex-wrap:wrap}.footer-meta{text-align:left}}@media (max-width:520px){.footer-content,.site-nav,main{width:min(100% - 28px,760px)}.logo{font-size:13px}.logo-mark{width:31px;height:31px}.hero{padding-top:36px}.hero-eyebrow{margin-bottom:20px}.hero h1{font-size:clamp(44px,14vw,58px)}.converter-card{border-radius:14px}.editor-header{min-height:60px;padding:10px 12px}.sample-btn{padding:0 10px}textarea#input{min-height:250px;padding:20px 16px}.actions{gap:7px}#downloadBtn,.artifact-btn,.upload-btn{min-height:45px;padding:0 10px;font-size:11px}.local-boundary{align-items:flex-start;line-height:1.5}.faq-section,.features,.steps-section{padding:76px 0}.design-partner-section h2,.faq-section h2,.features h2,.privacy-section h2,.steps-section h2{font-size:38px}.feature-card{grid-template-columns:34px 1fr;column-gap:10px}.output-strip>div{grid-template-columns:1fr;gap:9px}.output-strip span{grid-template-columns:28px 1fr;gap:4px}.design-partner-cta{width:100%}.artifact-toolbar{padding:9px 10px}.artifact-close-btn{top:9px;right:10px}.artifact-toolbar-context{display:none}}@media (max-width:360px){.footer-content,.site-nav,main{width:calc(100% - 20px)}.logo{gap:7px}.nav-actions{gap:2px}.hero h1{font-size:clamp(40px,13.5vw,49px)}.editor-file small{display:none}.artifact-toolbar-actions{grid-template-columns:1fr}}.hero-notes{padding-left:1.15rem;list-style:disc}.hero-notes li{padding-left:2px}.hero-notes li::marker{color:var(--accent);font-size:.9em}.steps-timeline .step-marker{display:block;align-items:initial;justify-content:initial}.steps-timeline .step-number{margin:0}.steps-timeline .step-content{max-width:none}.faq-grid{gap:12px;border-top:0;overflow:visible}.faq-grid details[open]{border-color:var(--gray-300)}.faq-grid summary:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--accent)}.Preview-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.preview-fullscreen-btn{min-height:38px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--gray-600);font:650 11px var(--font-sans);cursor:pointer}.preview-fullscreen-btn:hover{border-color:var(--gray-400);color:var(--ink)}.preview-dialog-close:focus-visible,.preview-fullscreen-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:2px}.preview-dialog{width:min(1200px,calc(100vw - 32px));height:min(900px,calc(100dvh - 32px));max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--canvas);color:var(--ink);box-shadow:0 28px 80px rgba(23,22,20,.28)}.preview-dialog[open]{display:block}.preview-dialog::backdrop{background:rgba(23,22,20,.7);backdrop-filter:blur(5px)}.preview-dialog-shell{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.preview-dialog-toolbar{min-height:68px;padding:12px 16px 12px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 94%,transparent)}.preview-dialog-toolbar h2{margin:2px 0 0;color:var(--ink);font-family:var(--font-sans);font-size:15px;font-weight:650;letter-spacing:-.02em}.preview-dialog-close{width:44px;height:44px;flex:0 0 auto;border:0;border-radius:9px;background:0 0;color:var(--gray-500);font:400 30px/1 var(--font-sans);cursor:pointer}.preview-dialog-close:hover{background:var(--gray-100);color:var(--ink)}.preview-dialog .preview-dialog-content{width:min(900px,calc(100% - 48px));height:calc(100% - 48px);min-height:0;max-height:none;margin:24px auto;padding:clamp(28px,5vw,64px);overflow:auto;border-radius:14px;box-shadow:var(--shadow-md)}@media (max-width:720px){.preview-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:14px}.preview-dialog-toolbar{min-height:62px;padding:9px 9px 9px 16px}.preview-dialog .preview-dialog-content{width:calc(100% - 24px);height:calc(100% - 24px);margin:12px;padding:24px 20px}}@media (max-width:480px){.preview-fullscreen-btn span{display:none}.preview-fullscreen-btn{width:42px;padding:0}.preview-dialog{width:100vw;height:100dvh;border:0;border-radius:0}}.account-btn{min-height:38px;padding:0 15px;border:1px solid var(--gray-300);border-radius:999px;background:var(--surface);color:var(--gray-900);font:700 12px/1 var(--font-sans);cursor:pointer}.account-btn:hover{border-color:var(--gray-900)}.template-select{appearance:auto}@media (max-width:480px){.template-select{max-width:156px}}.pricing-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,8vw,112px);border-top:1px solid var(--line)}.pricing-heading{max-width:520px}.pricing-heading h2{margin:16px 0 20px;font:600 clamp(42px,5vw,72px)/.96 var(--font-display);letter-spacing:-.055em}.pricing-annual,.pricing-card li,.pricing-card-pro>span:last-child,.pricing-heading p{color:var(--muted)}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pricing-card{display:flex;min-width:0;flex-direction:column;padding:clamp(24px,3vw,36px);border:1px solid var(--line);border-radius:20px;background:var(--paper)}.pricing-card-pro{border-color:var(--accent);box-shadow:var(--shadow-lg)}.pricing-plan{color:var(--accent-dark);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.pricing-price{margin-top:18px;font:600 40px/1 var(--font-display);letter-spacing:-.04em}.pricing-price small{color:var(--muted);font:600 13px/1 var(--font-sans);letter-spacing:0}.pricing-annual{min-height:24px;margin-top:8px;font-size:12px}.pricing-card ul{display:grid;gap:12px;margin:28px 0 32px;padding-left:19px;font-size:13px}.pricing-card button{width:100%;min-height:46px;margin-top:auto;border:1px solid var(--ink);border-radius:10px;background:0 0;color:var(--ink);font:750 12px/1 var(--font-sans);cursor:pointer}.pricing-card-pro button{background:var(--ink);color:var(--paper)}.pricing-actions{display:grid;gap:8px;margin-top:auto}.pricing-actions button{margin-top:0}.pricing-actions button+button{background:0 0;color:var(--ink)}.pricing-card-pro>span:last-child{margin-top:10px;font-size:10px;line-height:1.5;text-align:center}.account-dialog{width:min(720px,calc(100vw - 32px))}.account-dialog,.artifact-password-dialog{max-width:none;max-height:min(780px,calc(100dvh - 32px));margin:auto;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px rgba(24,19,15,.24)}.account-dialog::backdrop,.artifact-password-dialog::backdrop{background:rgba(22,19,16,.58);backdrop-filter:blur(6px)}.account-dialog-shell{max-height:min(780px,calc(100dvh - 32px));padding:clamp(24px,5vw,44px);overflow:auto}.account-artifacts-heading,.account-dialog header,.account-summary{display:flex;align-items:center;justify-content:space-between;gap:20px}.account-dialog h2,.artifact-password-dialog h2{margin-top:8px;font:600 clamp(30px,5vw,46px)/1 var(--font-display);letter-spacing:-.045em}#accountDialogCloseBtn{width:44px;height:44px;flex:0 0 auto;border:0;border-radius:9px;background:0 0;color:var(--muted);font:400 30px/1 var(--font-sans);cursor:pointer}#accountSignedOut>p{margin:28px 0 20px;color:var(--muted)}#signInForm label,.artifact-password-dialog label{display:block;margin-bottom:8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}#signInForm>div{display:flex;gap:8px}#signInForm input,.artifact-password-dialog input{width:100%;min-width:0;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font:500 14px/1 var(--font-sans)}#signInForm button,.account-summary button,.artifact-password-dialog button{min-height:44px;padding:0 18px;border:1px solid var(--ink);border-radius:9px;background:var(--ink);color:var(--paper);font:750 11px/1 var(--font-sans);cursor:pointer}#accountStatus,#artifactPasswordStatus{min-height:22px;margin-top:16px;color:#aa3f23;font-size:12px}.account-summary{margin-top:28px;padding:18px;border:1px solid var(--line);border-radius:12px}.account-summary>div{display:flex;align-items:center;gap:8px}.account-summary>div:first-child{align-items:flex-start;flex-direction:column}#accountPlan,.account-artifact-row a{color:#aa3f23;font-size:11px;font-weight:800}#accountPlan{letter-spacing:.08em;text-transform:uppercase}.account-artifacts-heading{margin:32px 0 12px}.account-artifacts-heading span{color:var(--muted);font-size:12px}.account-artifact-list{display:grid;gap:8px}.account-artifact-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:15px;border:1px solid var(--line);border-radius:11px}.account-artifact-row span,.account-artifact-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-artifact-row span{margin-top:4px;color:var(--muted);font-size:11px}.account-artifact-row a{align-self:center}.artifact-password-dialog{width:min(440px,calc(100vw - 32px));padding:clamp(26px,6vw,42px)}.artifact-password-dialog p{margin:16px 0 22px;color:var(--muted);font-size:13px}.artifact-password-dialog button{width:100%;margin-top:10px}.artifact-pro-controls{display:grid;gap:9px;margin:8px 0;padding:15px;border:1px solid var(--line);border-radius:11px}.artifact-pro-controls legend{padding:0 6px;font-size:11px;font-weight:800}#artifactProBadge{margin-left:5px;padding:2px 6px;border-radius:999px;background:#aa3f23;color:#fff;font-size:9px;letter-spacing:.06em;text-transform:uppercase}.artifact-pro-fields{display:none;gap:9px}.artifact-pro-controls[data-pro=true] .artifact-pro-fields{display:grid}.artifact-pro-fields>label:not(.artifact-control-check){margin-top:4px;color:var(--muted);font-size:10px;font-weight:800}.artifact-pro-controls input[type=password],.artifact-pro-controls input[type=text]{width:100%;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:500 12px/1 var(--font-sans)}.artifact-pro-controls input[type=color]{width:100%;height:38px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.artifact-control-check{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:11px;line-height:1.45}.artifact-pro-upsell{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}#artifactUpgradeBtn{border:0;padding:0;background:0 0;color:var(--accent-dark);font:750 11px/1 var(--font-sans);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.artifact-pro-controls[data-pro=true] .artifact-pro-upsell{display:none}.info-hint,.info-hint-btn{display:inline-flex;align-items:center}.info-hint{position:relative;vertical-align:middle}.info-hint-btn{justify-content:center;width:18px;height:18px;border:0;border-radius:50%;background:0 0;color:var(--gray-400);cursor:help;transition:color .2s,background .2s}.info-hint-btn:focus-visible,.info-hint-btn:hover{background:var(--canvas);color:var(--accent);outline:0}.info-hint-tooltip{position:absolute;left:0;bottom:calc(100% + 8px);z-index:12;width:200px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--paper);box-shadow:var(--shadow-md);color:var(--gray-600);font-size:11px;font-weight:500;line-height:1.5;text-align:left;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .16s,transform .16s}.info-hint:focus-within .info-hint-tooltip,.info-hint:hover .info-hint-tooltip{opacity:1;pointer-events:auto;transform:translateY(0)}.info-hint--below .info-hint-tooltip{bottom:auto;top:calc(100% + 8px);transform:translateY(-4px)}.info-hint--below:focus-within .info-hint-tooltip,.info-hint--below:hover .info-hint-tooltip{transform:translateY(0)}.info-hint--right .info-hint-tooltip{left:auto;right:0}.artifact-toolbar-action{display:inline-flex;align-items:center;gap:2px;min-width:0}.artifact-probe-label{display:flex;align-items:center;gap:4px;color:var(--gray-500);font-size:10px;font-weight:700}@media (max-width:800px){.artifact-toolbar-action .info-hint{display:none}}.toast{position:fixed;left:50%;bottom:28px;z-index:20;max-width:min(360px,calc(100vw - 32px));padding:12px 20px;border-radius:var(--radius-md);background:var(--ink);color:var(--paper);box-shadow:var(--shadow-lg);font-family:var(--font-sans);font-size:13px;font-weight:600;text-align:center;transform:translate(-50%,12px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast.error{background:#b91c1c}.artifact-open{--artifact-accent:var(--accent)}.artifact-open .artifact-content a,.artifact-open .artifact-footer a span,.artifact-open .artifact-kicker,.artifact-open .artifact-toolbar-logo span{color:var(--artifact-accent)}@media (max-width:900px){.pricing-section{grid-template-columns:1fr}}@media (max-width:640px){.pricing-grid{grid-template-columns:1fr}.account-btn{padding:0 12px}#signInForm>div,.account-summary,.account-summary>div:last-child{align-items:stretch;flex-direction:column}.account-artifact-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,::after,::before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.editor-footer{gap:16px}.char-count{font-size:11px}.editor-upload-btn{padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font:600 12px var(--font-sans);cursor:pointer}.editor-options{display:flex;align-items:center;flex-wrap:wrap}.editor-options .style-toggle{margin:0}.dash-option{min-height:32px;display:inline-flex;align-items:center;gap:9px;color:var(--gray-600);font:550 12px/1.4 var(--font-sans);cursor:pointer}.dash-option input{width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}.preview-panel:not(.preview-dialog-content){min-height:460px;max-height:620px}@media (max-width:720px){textarea#input{min-height:380px}.preview-panel:not(.preview-dialog-content){min-height:380px;max-height:540px}}@media (max-width:520px){.editor-options{align-items:flex-start;flex-direction:column;gap:8px}textarea#input{min-height:350px}.editor-upload-btn{min-height:44px}}.hero{grid-template-columns:minmax(280px,.74fr) minmax(520px,1.26fr);gap:clamp(40px,6vw,88px);padding:clamp(52px,6vw,76px)0 clamp(80px,9vw,120px)}.hero-copy{padding-top:clamp(12px,3vw,36px)}.hero-eyebrow{margin:0 0 22px;color:var(--accent-dark)}.hero h1{font-size:clamp(58px,5.6vw,76px)}.hero-subtitle{max-width:390px;margin-top:26px;font-size:16px;line-height:1.58}.converter-card{box-shadow:0 14px 42px rgba(23,22,20,.06)}.editor-header{min-height:58px;padding:8px 18px 8px 24px;align-items:center}.editor-heading{color:var(--ink);font-size:12px;font-weight:700}.editor-upload-btn{min-height:44px;border-color:transparent;background:0 0;color:var(--gray-600)}.editor-upload-btn:hover{border-color:var(--line);background:var(--canvas)}textarea#input{min-height:400px;padding:24px 26px}.editor-footer{min-height:50px;padding:0 16px 0 24px}.template-select{max-width:200px;min-height:38px;border-color:transparent;background:0 0;color:var(--gray-600)}.editor-settings[open],.template-select:hover{border-color:var(--line)}.editor-settings{margin-top:10px;border:1px solid transparent;border-radius:9px}.editor-settings[open]{background:color-mix(in srgb,var(--paper) 60%,transparent)}.editor-settings summary{width:fit-content;min-height:40px;padding:0 12px;display:flex;align-items:center;gap:9px;color:var(--gray-600);font-size:12px;font-weight:600;cursor:pointer;list-style:none}.editor-settings summary::-webkit-details-marker{display:none}.editor-settings summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}.editor-settings[open] summary::after{transform:translateY(2px) rotate(225deg)}.editor-settings summary:focus-visible,.editor-settings summary:hover{color:var(--ink)}.editor-settings summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.editor-options{margin:0;padding:6px 16px 16px;justify-content:flex-start;gap:16px 26px}.actions{margin-top:12px}.actions #downloadBtn,.actions .artifact-btn{min-height:48px;font-size:12px}.Preview-area{margin-top:32px}.Preview-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.Preview-actions .copy-btn,.Preview-actions .quick-share-btn{min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-size:11px}.Preview-actions .copy-btn:hover,.Preview-actions .quick-share-btn:hover:not(:disabled){border-color:var(--gray-400);background:var(--canvas);color:var(--ink)}.Preview-actions .quick-share-btn:disabled{background:color-mix(in srgb,var(--canvas) 70%,var(--paper));color:var(--gray-400)}.features{padding:clamp(70px,8vw,110px)0;border-top:1px solid var(--line)}.feature-card{min-height:130px;padding:24px 0}.privacy-section{display:block;padding:clamp(48px,6vw,76px)}.privacy-copy{max-width:720px}.privacy-copy>p{max-width:610px}.pricing-section{padding:clamp(76px,9vw,124px)0}@media (max-width:980px){.hero{grid-template-columns:1fr;gap:28px;padding-top:46px}.hero-copy{padding-top:0}.hero-subtitle{max-width:600px}.features{gap:40px}}@media (max-width:720px){.hero{gap:28px;padding:34px 0 74px}.hero h1{font-size:clamp(48px,11vw,66px)}.hero-subtitle{margin-top:18px;font-size:15px}textarea#input{min-height:380px}.actions{display:grid;grid-template-columns:1fr 1fr}.actions .artifact-btn{grid-column:auto}.actions #downloadBtn{width:100%}.privacy-section{padding:42px 28px}}@media (max-width:520px){.hero{padding-top:28px}.hero-eyebrow{margin-bottom:15px;font-size:9px}.hero h1{font-size:clamp(44px,12vw,58px)}.editor-header{padding:8px 12px 8px 16px}.editor-footer{padding:0 10px 0 16px}textarea#input{min-height:350px;padding:20px 18px}.actions{grid-template-columns:1fr}.Preview-actions{justify-content:stretch}.Preview-actions .copy-btn,.Preview-actions .quick-share-btn{width:100%}.features{padding:68px 0}}