:root{color-scheme:light dark;font-family:system-ui,sans-serif;--accent: #8fd018;--accent-bright: #c6f24a;--accent-ink: #0a0c0e}[hidden]{display:none!important}body{margin:0;padding:1.5rem}.app-header{border-bottom:1px solid #ddd3;padding:0 1.5rem .75rem;margin:-1.5rem -1.5rem 0}.app-header-inner{max-width:860px;margin:0 auto;padding-top:.75rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.25rem;font-size:.85rem}.app-header-contact,.app-header-links{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.app-header-contact span{opacity:.6;font-weight:600;letter-spacing:.03em}.app-header-inner a{opacity:.75;text-decoration:none}.app-header-inner a:hover{opacity:1;text-decoration:underline}.app{max-width:860px;margin:0 auto}.app-footer{max-width:860px;margin:2rem auto 0;padding-top:1rem;border-top:1px solid #ddd3;font-size:.85rem;opacity:.75;text-align:center}.hero-logo{display:block;width:100%;max-width:480px;height:auto;margin:0 auto 1rem;-webkit-mask-image:radial-gradient(ellipse farthest-side at center,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse farthest-side at center,#000 40%,transparent 100%);filter:drop-shadow(0 0 28px rgba(140,208,24,.25))}h1{margin-bottom:.25rem}.subtitle{margin-top:0;opacity:.7;font-size:.9rem}section{margin:1rem 0}.status-bar{display:flex;align-items:center;gap:.75rem}.badge{display:inline-block;padding:.25rem .6rem;border-radius:999px;font-size:.85rem;font-weight:600}.badge-disconnected{background:#666;color:#fff}.badge-connected,.badge-mode-aprom{background:var(--accent);color:var(--accent-ink)}.badge-mode-ldrom{background:#b35900;color:#fff}.chip-id{font-family:monospace;opacity:.8}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem}button{padding:.5rem 1rem;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.file-section{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.file-info{opacity:.7;font-size:.85rem}.file-info-error{opacity:1;color:#d1242f;font-weight:600}.spinner-status{display:inline-flex;align-items:center;gap:.4rem;opacity:.8;font-size:.85rem}.spinner{display:inline-block;width:.9em;height:.9em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-.15em}@keyframes spin{to{transform:rotate(360deg)}}.progress-section{display:flex;flex-direction:column;align-items:stretch;gap:.25rem}progress{width:100%}#progress-label{font-variant-numeric:tabular-nums}.log-section h2{font-size:1rem;margin-bottom:.25rem}.log-panel{height:260px;overflow-y:auto;border:1px solid #888;border-radius:4px;padding:.5rem;font-family:ui-monospace,monospace;font-size:.8rem;white-space:pre-wrap;word-break:break-word}.log-line.log-warn{color:#b8860b}.log-line.log-error{color:#d1242f;font-weight:600}.wizard-nav{display:flex;flex-wrap:wrap;gap:.4rem;border-bottom:1px solid #888;padding-bottom:.75rem}.wizard-nav button{padding:.4rem .8rem;font-size:.85rem;border-radius:999px;border:1px solid #888;background:transparent}.wizard-nav button.nav-active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.wizard-step{border-top:1px solid #ddd3;padding-top:1rem}.wizard-step h2{margin-top:0}.step-intro{opacity:.8;font-size:.9rem}.troubleshooting{font-size:.85rem;border:1px solid #ddd3;border-radius:4px;padding:.5rem .75rem;margin:.75rem 0}.troubleshooting summary{cursor:pointer;font-weight:600}.troubleshooting p,.troubleshooting ul{margin-bottom:0}.console-status-bar{font-size:.9rem;margin:.5rem 0 0}.next-step-btn{display:block;margin-top:1rem}button.primary{background:var(--accent);color:var(--accent-ink);border:none;font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-bright)}.decision-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:1rem 0}.variant-heading{margin-bottom:.5rem}.decision-card{border:1px solid #888;border-radius:8px;padding:1rem}.decision-card h3{margin-top:0;font-size:1rem}.guide-figure{margin:1rem 0;text-align:center}.guide-figure img{max-width:100%;border-radius:4px}.guide-figure figcaption{font-size:.8rem;opacity:.75;margin-top:.4rem}.pin-table{border-collapse:collapse;width:100%;font-size:.85rem;margin:1rem 0}.pin-table caption{text-align:left;font-weight:600;margin-bottom:.4rem}.pin-table th,.pin-table td{border:1px solid #888;padding:.35rem .5rem;text-align:left}.console-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin:1rem 0}.console-card{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem;border:1px solid #888;border-radius:8px;background:transparent;text-align:left;font:inherit}.console-card:hover{border-color:var(--accent)}.warning-box{border:2px solid #d1242f;border-radius:8px;padding:.75rem 1rem;margin:1rem 0}.warning-box h3{margin-top:0;color:#d1242f}.requirements-box{border:1px solid #888;border-radius:8px;padding:.75rem 1rem;margin:1rem 0}.requirements-box h3,.requirements-box h4{margin-top:0}.requirements-box ul{margin-bottom:0}.space-usage{display:flex;align-items:center;gap:.6rem}.space-usage progress{flex:1 1 auto;min-width:120px;max-width:320px}.space-usage progress.space-usage-over::-webkit-progress-value{background:#d1242f}.space-usage progress.space-usage-over::-moz-progress-bar{background:#d1242f}.space-usage-label-over{color:#d1242f;font-weight:600}.table-scroll{overflow-x:auto}.segment-table{table-layout:fixed;min-width:680px}.segment-table col.col-seg{width:5%}.segment-table col.col-codec{width:8%}.segment-table col.col-size{width:12%}.segment-table col.col-details{width:23%}.segment-table col.col-preview{width:29%}.segment-table col.col-action{width:23%}.segment-table td,.segment-table th{vertical-align:middle}.segment-table td.segment-detail{font-size:.8rem;opacity:.85}.segment-table audio{width:100%}.segment-table .segment-actions{display:flex;gap:.4rem}.segment-table .segment-actions button{flex:1 1 auto;font-size:.8rem;padding:.35rem .5rem}.segment-table tr.segment-row-pending td.segment-size{color:var(--accent);font-weight:600}.firmware-source{border:1px solid #888;border-radius:6px;padding:.6rem .9rem;display:flex;flex-wrap:wrap;gap:1rem}.firmware-source legend{font-weight:600;font-size:.85rem;padding:0 .3rem}.firmware-source label{display:flex;align-items:center;gap:.35rem;font-size:.9rem}.metadata-table{border-collapse:collapse;font-size:.9rem;margin:.75rem 0}.metadata-table th{text-align:left;padding:.25rem 1rem .25rem 0;opacity:.75;font-weight:600}.metadata-table td{padding:.25rem 0;font-family:ui-monospace,monospace}.sound-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;margin:.5rem 0 1rem}
