@font-face{font-display:swap;font-family:Space Mono;font-style:normal;font-weight:400;src:url(./SpaceMono-Regular.Ba0nOT4a.ttf) format("truetype")}@font-face{font-display:swap;font-family:Space Mono;font-style:normal;font-weight:700;src:url(./SpaceMono-Regular.Ba0nOT4a.ttf) format("truetype")}@font-face{font-display:swap;font-family:Space Mono;font-style:italic;font-weight:400;src:url(./SpaceMono-Italic.Bsn02tz1.ttf) format("truetype")}@font-face{font-display:swap;font-family:Space Mono;font-style:italic;font-weight:700;src:url(./SpaceMono-Italic.Bsn02tz1.ttf) format("truetype")}@font-face{font-display:swap;font-family:Syne;font-style:normal;font-weight:400 800;src:url(./Syne-VariableFont_wght.xUwt_5DS.ttf) format("truetype")}:root{--font-display:"Syne",sans-serif;--font-mono:"Space Mono",monospace;--bg-primary:#f4f1ea;--bg-secondary:#ede9df;--bg-card:#fff;--bg-card-hover:#faf8f4;--border:#d8d2c6;--border-strong:#b8b0a0;--text-primary:#1a1714;--text-secondary:#5a5550;--text-muted:#8a8480;--accent:#d97706;--accent-hover:#b45309;--accent-soft:#fef3c7;--accent-rgb:217,119,6;--shadow:0 1px 3px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.06);--shadow-hover:0 4px 12px rgba(0,0,0,.12),0 12px 32px rgba(0,0,0,.1);--radius:12px;--radius-sm:6px;--radius-lg:20px}.dark{--bg-primary:#0f0e0c;--bg-secondary:#161410;--bg-card:#1c1a16;--bg-card-hover:#222018;--border:#2e2b24;--border-strong:#3e3a30;--text-primary:#f0ece4;--text-secondary:#a09a90;--text-muted:#605a52;--accent:#f59e0b;--accent-hover:#fbbf24;--accent-soft:#1c1500;--accent-rgb:245,158,11;--shadow:0 1px 3px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.4);--shadow-hover:0 4px 12px rgba(0,0,0,.5),0 12px 32px rgba(0,0,0,.6)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--font-mono);min-height:100vh;transition:background .3s ease,color .3s ease}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.1}.container{margin:0 auto;max-width:1200px;padding:0 24px}.btn{align-items:center;border:1.5px solid transparent;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:13px;font-weight:700;gap:8px;padding:10px 20px;text-decoration:none;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.btn-primary{background:var(--accent);border-color:var(--accent);color:#0f0e0c}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 4px 12px rgba(var(--accent-rgb),.4);transform:translateY(-1px)}.btn-secondary{background:transparent;border-color:var(--border-strong);color:var(--text-primary)}.btn-secondary:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary);padding:8px 12px}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;transition:all .25s ease}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-hover)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--accent);transform:translateY(-3px)}.input,.select,.textarea{background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.textarea{line-height:1.6;min-height:120px;resize:vertical}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%238a8480' stroke-linecap='round' stroke-width='1.5' d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}label{color:var(--text-muted);display:block;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.field{margin-bottom:16px}.badge{align-items:center;background:var(--accent-soft);border:1px solid rgba(var(--accent-rgb),.3);border-radius:100px;color:var(--accent);display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.05em;padding:3px 10px}.code-output{background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--accent);font-family:var(--font-mono);font-size:12px;min-height:48px;padding:14px;position:relative;word-break:break-all}.divider{background:var(--border);height:1px;margin:24px 0}.page-wrapper{flex:1;padding:48px 0 80px}.page-header{margin-bottom:40px}.page-title{align-items:center;color:var(--text-primary);display:flex;font-size:clamp(28px,5vw,42px);gap:14px;margin-bottom:8px}.page-title .icon{font-size:.9em}.page-subtitle{color:var(--text-secondary);font-size:14px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 rgba(var(--accent-rgb),0)}50%{box-shadow:0 0 0 6px rgba(var(--accent-rgb),.15)}}.fade-up{animation:fadeUp .4s ease forwards}.fade-up-delay-1{animation-delay:.05s}.fade-up-delay-2{animation-delay:.1s}.fade-up-delay-3{animation-delay:.15s}.fade-up-delay-4{animation-delay:.2s}.fade-up-delay-5{animation-delay:.25s}.fade-up-delay-6{animation-delay:.3s}.copy-success{animation:pulse-glow .5s ease}.toast{animation:fadeUp .3s ease;background:var(--bg-card);border:1.5px solid var(--accent);border-radius:var(--radius-sm);bottom:24px;box-shadow:var(--shadow-hover);color:var(--accent);font-size:13px;padding:12px 20px;position:fixed;right:24px;z-index:1000}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.mono{font-family:var(--font-mono)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.w-full{width:100%}@media(max-width:768px){.container{padding:0 16px}.page-wrapper{padding:32px 0 60px}}.hero[data-v-c46cead2]{max-width:680px;padding:72px 0 60px}.hero-title[data-v-c46cead2]{color:var(--text-primary);font-size:clamp(40px,7vw,72px);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-bottom:20px}.hero-accent[data-v-c46cead2]{color:var(--accent);position:relative}.hero-subtitle[data-v-c46cead2]{color:var(--text-secondary);font-size:15px;line-height:1.7;margin-bottom:36px}@media(max-width:640px){.hero[data-v-c46cead2]{padding:40px 0}}