:root{--bg:#0c0f18;--surface:#141928;--surface-2:#1b2138;--border:#242b42;--text-primary:#e2e8f8;--text-secondary:#8b94b0;--text-muted:#464e6a;--accent:#f0a500;--accent-dim:rgba(240,165,0,.08);--accent-glow:rgba(240,165,0,.18);--success:#4ade80;--success-dim:rgba(74,222,128,.08);--radius:10px;--radius-lg:14px;--font-display:"Syne",sans-serif;--font-body:"Figtree",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#0c0f18;background-color:var(--bg);background-image:radial-gradient(ellipse 70% 40% at 50% -5%,rgba(240,165,0,.05),transparent),linear-gradient(hsla(0,0%,100%,.013) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.013) 1px,transparent 0);background-size:100% 100%,52px 52px,52px 52px;color:#e2e8f8;color:var(--text-primary);font-family:Figtree,system-ui,sans-serif;font-family:var(--font-body);min-height:100vh}.app{margin:0 auto;max-width:1320px;padding:0 40px 100px}.app-header{padding:60px 0 36px}.app-badge{align-items:center;background:rgba(240,165,0,.08);background:var(--accent-dim);border:1px solid rgba(240,165,0,.22);border-radius:100px;color:#f0a500;color:var(--accent);display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:10.5px;font-weight:500;gap:8px;letter-spacing:.1em;margin-bottom:22px;padding:5px 14px;text-transform:uppercase}.app-badge:before{-webkit-animation:pulse-dot 2.4s ease-in-out infinite;animation:pulse-dot 2.4s ease-in-out infinite;background:#f0a500;background:var(--accent);border-radius:50%;content:"";height:6px;width:6px}@-webkit-keyframes pulse-dot{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.4;-webkit-transform:scale(.75);transform:scale(.75)}}@keyframes pulse-dot{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.4;-webkit-transform:scale(.75);transform:scale(.75)}}.app-title{color:#e2e8f8;color:var(--text-primary);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:clamp(40px,5.5vw,72px);font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:16px}.app-title em{color:#f0a500;color:var(--accent);font-style:normal}.app-subtitle{color:#8b94b0;color:var(--text-secondary);font-size:15px;line-height:1.65;max-width:500px}.app-instructions{border:1px solid #242b42;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);display:flex;gap:0;margin-bottom:36px;overflow:hidden}.instruction-item{align-items:flex-start;border-right:1px solid #242b42;border-right:1px solid var(--border);color:#8b94b0;color:var(--text-secondary);display:flex;flex:1 1;font-size:13px;gap:12px;line-height:1.5;padding:14px 20px}.instruction-item:last-child{border-right:none}.instruction-num{color:#f0a500;color:var(--accent);flex-shrink:0;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.05em;padding-top:2px}.example-btn{align-items:center;background:transparent;border:1px dashed #242b42;border:1px dashed var(--border);border-radius:8px;color:#464e6a;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:Figtree,system-ui,sans-serif;font-family:var(--font-body);font-size:13px;font-weight:500;gap:8px;margin-bottom:14px;padding:8px 18px;transition:border-color .2s,color .2s,background .2s}.example-btn:hover{background:rgba(240,165,0,.08);background:var(--accent-dim);border-color:#f0a500;border-color:var(--accent);border-style:solid;color:#f0a500;color:var(--accent)}.example-btn svg{opacity:.6;transition:opacity .2s}.example-btn:hover svg{opacity:1}.columns-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);margin-bottom:48px}@media (max-width:900px){.columns-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.columns-grid{grid-template-columns:repeat(2,1fr)}.app{padding:0 20px 80px}.app-instructions{flex-direction:column}.instruction-item{border-bottom:1px solid #242b42;border-bottom:1px solid var(--border);border-right:none}.instruction-item:last-child{border-bottom:none}}.slot{display:flex;flex-direction:column;gap:8px}.slot-label{color:#464e6a;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.slot-textarea{background:#141928;background:var(--surface);border:1px solid #242b42;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#e2e8f8;color:var(--text-primary);font-family:Figtree,system-ui,sans-serif;font-family:var(--font-body);font-size:13px;height:164px;line-height:1.65;outline:none;padding:10px 12px;resize:none;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.slot-textarea::-webkit-input-placeholder{color:#464e6a;color:var(--text-muted);font-size:12px}.slot-textarea::placeholder{color:#464e6a;color:var(--text-muted);font-size:12px}.slot-textarea:focus{background:#1b2138;background:var(--surface-2);border-color:#f0a500;border-color:var(--accent);box-shadow:0 0 0 3px rgba(240,165,0,.18);box-shadow:0 0 0 3px var(--accent-glow)}.slot-toggle{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.toggle-switch{flex-shrink:0;height:18px;position:relative;width:32px}.toggle-switch input{height:0;opacity:0;position:absolute;width:0}.toggle-track{background:#242b42;background:var(--border);border:1px solid transparent;border-radius:100px;inset:0;position:absolute;transition:background .2s,border-color .2s}.toggle-track:after{background:#464e6a;background:var(--text-muted);border-radius:50%;content:"";height:12px;left:2px;position:absolute;top:2px;transition:background .2s,-webkit-transform .2s;transition:transform .2s,background .2s;transition:transform .2s,background .2s,-webkit-transform .2s;width:12px}.toggle-switch input:checked+.toggle-track{background:rgba(240,165,0,.08);background:var(--accent-dim);border-color:rgba(240,165,0,.35)}.toggle-switch input:checked+.toggle-track:after{background:#f0a500;background:var(--accent);-webkit-transform:translateX(14px);transform:translateX(14px)}.toggle-label{color:#464e6a;color:var(--text-muted);font-size:12px;font-weight:500;transition:color .2s}.slot-toggle:hover .toggle-label{color:#8b94b0;color:var(--text-secondary)}.results-section{-webkit-animation:fade-up .3s ease both;animation:fade-up .3s ease both}.results-header{align-items:center;border-bottom:1px solid #242b42;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:18px}.results-title{color:#e2e8f8;color:var(--text-primary);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.02em}.results-count{background:rgba(240,165,0,.08);background:var(--accent-dim);border:1px solid rgba(240,165,0,.2);border-radius:100px;color:#f0a500;color:var(--accent);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;padding:4px 14px}.output-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}@media (max-width:800px){.output-grid{grid-template-columns:1fr}}.output-card{-webkit-animation:fade-up .3s ease both;animation:fade-up .3s ease both;background:#141928;background:var(--surface);border:1px solid #242b42;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s,-webkit-transform .2s;transition:border-color .2s,transform .2s;transition:border-color .2s,transform .2s,-webkit-transform .2s}.output-card:nth-child(2){-webkit-animation-delay:.06s;animation-delay:.06s}.output-card:nth-child(3){-webkit-animation-delay:.12s;animation-delay:.12s}.output-card:nth-child(4){-webkit-animation-delay:.18s;animation-delay:.18s}.output-card:hover{border-color:rgba(240,165,0,.3)}.output-card-header{align-items:center;background:#1b2138;background:var(--surface-2);border-bottom:1px solid #242b42;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:13px 16px}.output-card-title{color:#8b94b0;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.output-card-format{color:#464e6a;color:var(--text-muted);font-size:11px;letter-spacing:-.01em}.output-card-format,.output-code{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.output-code{color:#e2e8f8;color:var(--text-primary);font-size:12px;line-height:1.85;min-height:120px;padding:14px 16px;white-space:pre-wrap;word-break:break-word}.output-code .ellipsis{color:#464e6a;color:var(--text-muted);display:block;font-style:italic;margin-top:2px}.output-card-footer{border-top:1px solid #242b42;border-top:1px solid var(--border);padding:10px 14px}.copy-btn{align-items:center;background:transparent;border:1px solid #242b42;border:1px solid var(--border);border-radius:7px;color:#8b94b0;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Figtree,system-ui,sans-serif;font-family:var(--font-body);font-size:12.5px;font-weight:500;gap:7px;justify-content:center;padding:7px 14px;transition:border-color .2s,color .2s,background .2s;width:100%}.copy-btn:hover{background:rgba(240,165,0,.08);background:var(--accent-dim);border-color:#f0a500;border-color:var(--accent);color:#f0a500;color:var(--accent)}.copy-btn.copied{background:rgba(74,222,128,.08);background:var(--success-dim);border-color:#4ade80;border-color:var(--success);color:#4ade80;color:var(--success)}@-webkit-keyframes fade-up{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=main.d0a33505.css.map*/