@keyframes spin{to{transform:rotate(360deg)}}:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#080404;color:#f5f1ec}body{margin:0;background:#080404}.app-shell{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid #542A12;background:#160f0e}.topbar nav{display:flex;gap:1.25rem;align-items:center}.brand-logo{display:block;height:44px;width:auto}a{color:#f6b01a;text-decoration:none}a:hover{color:#f5781e}.content{max-width:1100px;margin:0 auto;padding:1.5rem}.panel{background:#160f0e;border:1px solid #542A12;border-radius:12px;padding:1rem}.stack,.grid{display:grid;gap:1rem}.grid.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}label{display:grid;gap:.3rem;font-size:.95rem;color:#f5f1ec}small{color:#aea098;font-size:.85rem}input,select{background:#080404;color:#f5f1ec;border:1px solid #542A12;border-radius:8px;padding:.55rem;font-family:inherit}input:focus,select:focus{outline:none;border-color:#f5781e}button{background:transparent;color:#f5f1ec;border:1px solid #542A12;border-radius:8px;padding:.55rem;font-family:inherit;cursor:pointer}.button{display:inline-block;border:1px solid #F5781E;color:#f5781e;padding:.6rem 1rem;border-radius:8px;cursor:pointer}.button:hover{background:#f5781e1a;color:#f6b01a;border-color:#f6b01a}.button.primary{background:#f5781e;color:#080404;font-weight:700;width:fit-content;border-color:#f5781e}.button.primary:hover{background:#f6b01a;border-color:#f6b01a}.button.primary:disabled{background:#542a12;border-color:#542a12;color:#aea098;cursor:not-allowed}.hero h1{margin-bottom:.2rem;color:#f5f1ec}.hero p{color:#aea098}.full{grid-column:1 / -1}.upload-indicator{font-size:.85rem;color:#f6b01a;display:flex;align-items:center;gap:.4rem}.upload-indicator:before{content:"";display:inline-block;width:12px;height:12px;border:2px solid #542A12;border-top-color:#f6b01a;border-radius:50%;animation:spin .8s linear infinite}.segment-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.segment-list li{padding:.65rem;background:#080404;border:1px solid #542A12;border-radius:8px;color:#f5f1ec}.segment-list li:hover{border-color:#f5781e}.segment-row{display:flex;align-items:center;gap:.6rem}.segment-drag-handle{color:#aea098;font-size:1.1rem;cursor:grab;flex-shrink:0}.segment-name{flex:1;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seg-status-spinner{display:inline-block;width:14px;height:14px;border:2px solid #542A12;border-top-color:#f5781e;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.seg-status-done{color:#4caf50;font-size:.9rem;flex-shrink:0;font-weight:700}.seg-status-error{color:#f44336;font-size:.9rem;flex-shrink:0;font-weight:700}.segment-trim-toggle{background:transparent;border:1px solid #542A12;color:#aea098;font-size:.78rem;padding:.2rem .55rem;border-radius:6px;cursor:pointer;flex-shrink:0;font-family:inherit}.segment-trim-toggle:hover,.segment-trim-toggle.active{border-color:#f5781e;color:#f5781e}.segment-trim-toggle:disabled{opacity:.4;cursor:not-allowed}.segment-assignment{display:flex;gap:.4rem;margin-top:.35rem;padding-left:1.6rem;flex-wrap:wrap}.assign-badge{font-size:.72rem;font-family:monospace;padding:.1rem .45rem;border-radius:4px;border:1px solid}.assign-badge.intro-badge{color:#f5781e;border-color:#f5781e59;background:#f5781e14}.assign-badge.outro-badge{color:#aea098;border-color:#aea0984d;background:#aea09812}.waveform-editor{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #542A12}.play-pause-btn{background:transparent;border:1px solid #F5781E;color:#f5781e;border-radius:6px;padding:.3rem .9rem;font-family:inherit;font-size:.85rem;cursor:pointer;transition:background .15s,color .15s}.play-pause-btn:hover{background:#f5781e26;color:#f6b01a;border-color:#f6b01a}.cf-marker{position:absolute;top:0;bottom:0;width:2px;background:#f6b01a;border-radius:1px;pointer-events:none;box-shadow:0 0 6px #f6b01a99}.cf-badge{font-size:.72rem;font-family:monospace;color:#f6b01a;border:1px solid rgba(246,176,26,.35);background:#f6b01a14;border-radius:4px;padding:.1rem .4rem;flex-shrink:0}.crossfade-row{display:flex;align-items:center;gap:.75rem}.crossfade-row input[type=range]{flex:1}.crossfade-value{color:#f6b01a;font-size:.85rem;min-width:4rem;text-align:right;font-family:monospace}.export-progress-wrap{display:grid;gap:.4rem}.export-progress-bar{height:10px;background:#160f0e;border:1px solid #542A12;border-radius:6px;overflow:hidden}.export-progress-fill{height:100%;background:linear-gradient(90deg,#f5781e,#f6b01a);border-radius:6px;transition:width .4s ease}.export-progress-label{font-size:.85rem;color:#aea098}.export-status-msg{color:#aea098;font-size:.9rem}.filename-preview{margin-top:.5rem}.filename-preview-label{color:#aea098;font-size:.85rem;margin:0 0 .4rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.filename-preview-list{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}.filename-preview-list li{font-size:.85rem;color:#f6b01a;font-family:monospace;padding:.3rem .5rem;background:#080404;border:1px solid #542A12;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}h1,h2,h3{color:#f5f1ec}p{color:#aea098}.page-tagline{color:#aea098;font-size:.95rem;margin:.1rem 0 0;line-height:1.5}.intro-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.intro-list li{padding:.55rem .65rem;background:#080404;border:1px solid #542A12;border-radius:8px}.intro-list li:hover{border-color:#f5781e}.intro-row{display:flex;align-items:center;gap:.6rem}.intro-slot{font-size:.78rem;color:#f6b01a;font-weight:700;font-family:monospace;flex-shrink:0;background:#f6b01a1f;border:1px solid rgba(246,176,26,.3);border-radius:4px;padding:.1rem .4rem}.intro-name{flex:1;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f1ec}.rotation-header{display:flex;align-items:center;gap:.6rem}.rotation-label{font-size:.95rem;font-weight:600;color:#f5f1ec}.rotation-toggle{font-size:.75rem;padding:.15rem .6rem;border-radius:20px;border:1px solid #542A12;color:#aea098;font-family:inherit;cursor:pointer;flex-shrink:0;transition:border-color .15s,color .15s}.rotation-toggle.active,.rotation-toggle:hover{border-color:#f5781e;color:#f5781e}