:root{color-scheme:light dark;font-family:Inter,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0d1117;color:#e5e7eb}#tsparticles{position:fixed;inset:0;z-index:0;pointer-events:none}.app-shell{position:relative;z-index:1;min-height:100vh;padding:1.25rem;display:grid;place-items:center}.panel{width:min(100%,720px);padding:1.5rem;border-radius:16px;background:#0d1117d1;box-shadow:0 20px 45px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(76,127,247,.18)}.panel-header h1{margin:0;font-size:clamp(1.8rem,4vw,2.3rem)}.panel-header p{margin:.35rem 0 1.25rem;color:#9ca3af}.form-grid{display:grid;gap:.9rem}label{display:grid;gap:.35rem;font-weight:600;font-size:.95rem}input,select,button{border-radius:10px;border:1px solid #374151;padding:.7rem .8rem;font-size:1rem;background:#111827;color:#f3f4f6}input:focus,select:focus,button:focus-visible{outline:2px solid #4c7ff7;outline-offset:1px}.btn{cursor:pointer;border:none;background:#315efb;color:#fff;font-weight:700}.btn-secondary{background:#1e293b;color:#dbeafe;border:1px solid #334155;font-weight:600}.recent-actions{display:flex;gap:.4rem;align-items:center}.btn-remove{cursor:pointer;border:1px solid #e5e7eb;background:#f3f4f6;color:#6b7280;padding:.5rem .6rem;border-radius:8px;font-size:1.1rem;line-height:1;font-weight:600;transition:all .2s ease}.btn-remove:hover{background:#dc2626;color:#fff;border-color:#dc2626}.btn-remove:focus-visible{outline:2px solid #dc2626;outline-offset:1px}.output-grid{display:grid;gap:1rem;margin-top:1.15rem}.output-grid article,.recent-list{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:.9rem}code{display:block;width:100%;overflow-x:auto;margin:.4rem 0 .6rem;padding:.6rem;border-radius:8px;background:#111827;color:#f9fafb;font-size:.92rem}.error{color:#b42318;margin:.8rem 0 0;font-weight:600}.recent-list{margin-top:1rem}.recent-list h3{margin-top:0}.recent-list ul{display:grid;gap:.6rem;list-style:none;padding:0;margin:0}.recent-list li{display:grid;gap:.4rem}@media(min-width:640px){.output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.output-wide{grid-column:1 / -1}.recent-list li{align-items:center;grid-template-columns:minmax(0,1fr) auto;gap:.7rem}.recent-actions{flex-wrap:nowrap}}@media(prefers-color-scheme:dark){.panel-header p{color:#9ca3af}input,select{background:#111827;color:#f3f4f6;border-color:#374151}.btn-secondary{background:#1e293b;color:#dbeafe;border-color:#334155}.btn-remove{background:#374151;color:#d1d5db;border-color:#4b5563}.btn-remove:hover{background:#dc2626;color:#fff;border-color:#dc2626}.output-grid article,.recent-list{background:#111827;border-color:#1f2937}code{background:#020617}.error{color:#fda29b}}