:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{color:#e6e6e6;background:#0f1115;min-height:100vh;margin:0}.wrap{max-width:760px;margin:0 auto;padding:48px 20px 80px}h1{margin:0 0 4px;font-size:1.8rem}.tagline{color:#cfd3da;margin:0 0 6px;font-size:1.05rem}.subtitle{color:#9aa0aa;margin:0 0 28px}.real-api-label{color:#9aa0aa;text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;font-size:.8rem;font-weight:600}.real-api-row{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.real-api-btn{color:#cfd3da;cursor:pointer;background:#171a21;border:1px solid #262b35;border-radius:8px;padding:9px 16px;font-size:.88rem}.real-api-btn:hover:not(:disabled){color:#e6e6e6;border-color:#2b6cff}.real-api-btn:disabled{opacity:.6;cursor:default}.card{background:#171a21;border:1px solid #262b35;border-radius:10px;margin-bottom:20px;padding:20px}.upload{cursor:pointer;color:#cfd3da;border:1px dashed #3a4150;border-radius:8px;justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.upload input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.or{text-align:center;color:#6b7280;margin:14px 0;font-size:.85rem}textarea{color:#e6e6e6;resize:vertical;background:#0f1115;border:1px solid #262b35;border-radius:8px;width:100%;min-height:140px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}label{color:#9aa0aa;margin-bottom:8px;font-size:.85rem;display:block}select{color:#e6e6e6;background:#0f1115;border:1px solid #262b35;border-radius:8px;width:100%;padding:10px;font-size:.9rem}.output-header{color:#9aa0aa;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.85rem;display:flex}#copy-btn{color:#fff;cursor:pointer;background:#2b6cff;border:none;border-radius:6px;padding:6px 14px;font-size:.85rem}#copy-btn:hover{background:#1f57d6}pre{white-space:pre;-webkit-overflow-scrolling:touch;max-width:100%;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.5;overflow-x:auto}.tok-key{color:#9cdcfe}.tok-str{color:#ce9178}.tok-kw{color:#569cd6}.tok-kwctrl{color:#c586c0}.tok-num{color:#b5cea8}.tok-com{color:#6a9955;font-style:italic}.tok-fn{color:#dcdcaa}#output-code{color:#d4d4d4;background:#1e1e1e;border-radius:8px;padding:12px}.editor-wrap{width:100%;position:relative}.editor-highlight,.editor-input{white-space:pre-wrap;overflow-wrap:break-word;border:1px solid #262b35;border-radius:8px;margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;line-height:1.5}.editor-highlight{color:#d4d4d4;pointer-events:none;background:#1e1e1e;position:absolute;inset:0;overflow:auto}.editor-input{z-index:1;color:#0000;caret-color:#d4d4d4;resize:vertical;background:0 0;width:100%;min-height:140px;display:block;position:relative}.editor-input::selection{background:#264f7899}.error{color:#ffb4b4;background:#3a1e1e;border:1px solid #6b2e2e;border-radius:8px;padding:14px;font-size:.9rem}.url-row{gap:8px;margin-bottom:4px;display:flex}#url-input{color:#e6e6e6;background:#0f1115;border:1px solid #262b35;border-radius:8px;flex:1;padding:9px 12px;font-size:.9rem}#url-input:focus{border-color:#2b6cff;outline:none}#url-btn{color:#cfd3da;cursor:pointer;white-space:nowrap;background:#1e2230;border:1px solid #3a4150;border-radius:8px;padding:9px 16px;font-size:.9rem}#url-btn:hover:not(:disabled){color:#e6e6e6;border-color:#5a6272}#url-btn:disabled{opacity:.6;cursor:default}.feedback-card{padding:16px 20px}.feedback-row{align-items:center;gap:10px;display:flex}.feedback-label{color:#9aa0aa;flex:1;font-size:.9rem}.thumb-btn{cursor:pointer;background:0 0;border:1px solid #3a4150;border-radius:6px;padding:5px 12px;font-size:1rem;line-height:1}.thumb-btn:hover:not(:disabled){background:#1e2230;border-color:#5a6272}.thumb-btn:disabled{opacity:.45;cursor:default}.feedback-missing-inner{gap:8px;margin-top:12px;display:flex}#feedback-missing{color:#e6e6e6;background:#0f1115;border:1px solid #262b35;border-radius:8px;flex:1;padding:8px 12px;font-size:.88rem}#feedback-missing:focus{border-color:#2b6cff;outline:none}.feedback-send-btn{color:#cfd3da;cursor:pointer;white-space:nowrap;background:#1e2230;border:1px solid #3a4150;border-radius:8px;padding:8px 14px;font-size:.88rem}.feedback-send-btn:hover:not(:disabled){color:#e6e6e6;border-color:#5a6272}.feedback-send-btn:disabled{opacity:.6;cursor:default}#feedback-thanks{color:#6ee7a8;margin:10px 0 0;font-size:.88rem}.email-card{margin-top:8px}.email-tagline{color:#9aa0aa;margin:0 0 14px;font-size:.9rem}.email-row{gap:8px;display:flex}#email-input{color:#e6e6e6;background:#0f1115;border:1px solid #262b35;border-radius:8px;flex:1;padding:9px 12px;font-size:.9rem}#email-input:focus{border-color:#2b6cff;outline:none}#email-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2b6cff;border:none;border-radius:8px;padding:9px 18px;font-size:.9rem}#email-btn:hover:not(:disabled){background:#1f57d6}#email-btn:disabled{opacity:.6;cursor:default}.email-feedback{margin-top:10px;font-size:.85rem}.email-feedback--success{color:#6ee7a8}.email-feedback--error{color:#ffb4b4}@media (width<=640px){.wrap{padding:24px 16px 48px}h1{font-size:1.4rem}.tagline{margin-bottom:20px;font-size:.95rem}.card{border-radius:8px;margin-bottom:12px;padding:14px}.upload,.or--url,.or--paste,.editor-wrap{display:none}.url-row{margin-bottom:0}#url-input,#email-input,#feedback-missing{font-size:1rem}#url-btn{padding:9px 14px;font-size:1rem}#output-code{padding:10px;font-size:.72rem}#copy-btn{padding:8px 18px;font-size:.9rem}.email-row{flex-direction:column}#email-btn{padding:11px;font-size:1rem}.feedback-missing-inner{flex-direction:column}.feedback-send-btn{text-align:center;width:100%;padding:10px}}