:root{color-scheme:light;font-family:Avenir Next,Segoe UI,sans-serif;background:linear-gradient(135deg,#f7f4eb,#e7edf8);color:#151515}*{box-sizing:border-box}body{margin:0;min-height:100vh}.layout{max-width:780px;margin:48px auto;padding:24px}h1{margin:0 0 8px;font-size:2rem}.subtitle{margin:0 0 24px;color:#3f4a5b}.panel{background:#ffffffe6;border:1px solid #d6dce8;border-radius:12px;padding:20px;display:grid;gap:12px}.drop-zone{border:2px dashed #0a5ce8;border-radius:10px;padding:20px;text-align:center;color:#16305a;background:#f2f7ff;cursor:pointer}.drop-zone:hover,.drop-zone:focus-visible,.drop-zone.drag-over{background:#e5f0ff;outline:none}.file-input{width:100%}.creator-workflow{display:grid;gap:10px;border:1px solid #d9dfeb;border-radius:10px;padding:12px;background:#fbfcff}.workflow-phase{margin:0;font-weight:600;color:#243c66}.status-message{margin:0;color:#344764;font-size:.92rem}.diagnosis-panel{border:1px solid #d9e2f0;border-radius:10px;padding:10px;background:#f8fbff}.diagnosis-status,.verification-status{margin:0;font-weight:600;color:#2e3f5e}.diagnosis-detail{margin:6px 0 0;color:#445473;font-size:.9rem}.diagnosis-status.is-pass,.verification-status.is-pass{color:#1a6a3a}.diagnosis-status.is-warn,.verification-status.is-warn{color:#9b2b36}.diagnosis-status.is-neutral,.verification-status.is-neutral{color:#2e3f5e}.fix-panel{display:grid;gap:10px}.batch-summary-panel{border:1px solid #d9e2f0;border-radius:10px;padding:10px;background:#f8fbff;display:grid;gap:8px}.batch-summary-status{margin:0;color:#3a4f72;font-size:.9rem}.batch-summary-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.batch-summary-item{display:flex;justify-content:space-between;gap:8px;border:1px solid #dbe4f2;border-radius:8px;padding:8px 10px;font-size:.9rem;color:#2d3f5f;background:#fff}.batch-summary-name{font-weight:600}.batch-summary-state{color:#4d5f7f}.expert-mode{border:1px solid #d9dfeb;border-radius:10px;background:#fbfcff}.expert-mode>summary{cursor:pointer;padding:10px 12px;font-weight:600;color:#1f3a66}.expert-content{display:grid;gap:12px;padding:0 12px 12px}.controls{display:grid;gap:10px;padding:12px;border:1px solid #d9dfeb;border-radius:10px;background:#fbfcff}.preset-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.preset-button{border:1px solid #b3c6ea;border-radius:9px;padding:9px 10px;background:#eef4ff;color:#1f3a66;font-size:.85rem;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.preset-button:hover{background:#e0ecff}.preset-button.is-active{background:#0a5ce8;color:#fff;border-color:#0a5ce8}.preset-description{margin:0;color:#425171;font-size:.9rem;min-height:1.4rem}.preset-source{margin:0;color:#2d4a7b;font-size:.82rem}.preset-json-actions{display:flex;gap:8px;flex-wrap:wrap}.preset-json-actions button{border:1px solid #a9bcde;border-radius:10px;padding:8px 12px;background:#eaf1fd;color:#1f3a66;font-size:.84rem;cursor:pointer}.preset-json-actions button:disabled{background:#f2f5fb;color:#8d9ab2;border-color:#d0d8e8;cursor:not-allowed}.field{display:grid;gap:6px;font-size:.92rem;color:#34425b}.field input[type=number]{border:1px solid #c8d3e8;border-radius:8px;padding:8px 10px;font-size:.95rem}.field select{border:1px solid #c8d3e8;border-radius:8px;padding:8px 10px;font-size:.95rem;background:#fff}.field.checkbox{display:flex;align-items:center;gap:8px}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions button{border:none;border-radius:10px;padding:10px 14px;background:#0a5ce8;color:#fff;font-size:.92rem;cursor:pointer}.actions button:disabled{background:#96acd9;cursor:not-allowed}.preview-actions{display:flex;gap:10px;flex-wrap:wrap}.preview-actions button{border:1px solid #a9bcde;border-radius:10px;padding:9px 13px;background:#eaf1fd;color:#1f3a66;font-size:.9rem;cursor:pointer}.preview-actions button:disabled{background:#f2f5fb;color:#8d9ab2;border-color:#d0d8e8;cursor:not-allowed}.meter-panel,.compliance-panel{border:1px solid #d6dfef;border-radius:10px;padding:12px;background:#fcfdff}.compliance-summary{margin:0 0 8px;font-size:.84rem;color:#3a4f72}.compliance-grid{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(4,minmax(0,1fr));gap:6px 10px;font-size:.84rem}.compliance-grid>div{padding:4px 0;border-bottom:1px solid #e4eaf5}.compliance-header{font-weight:600;color:#2b405f}.compliance-status{font-weight:600;color:#6a758b}.compliance-status.is-pass{color:#1a6a3a}.compliance-status.is-warn{color:#9b2b36}.insights-panel{border:1px solid #d6dfef;border-radius:10px;padding:12px;background:#fcfdff}.compliance-badge{margin:0 0 10px;font-size:.85rem;font-weight:600;color:#33496f}.compliance-badge.is-pass{color:#1a6a3a}.compliance-badge.is-fail{color:#9b2b36}.insight-block{margin-bottom:12px}.insight-block h3{margin:0 0 6px;font-size:.82rem;color:#2b405f}.timeline-bars{height:88px;display:flex;align-items:flex-end;gap:4px;border:1px solid #dce4f2;border-radius:8px;padding:8px;background:#f8fbff}.timeline-bar{display:block;flex:1 1 0;border-radius:3px 3px 0 0}.timeline-bar-loudness{background:linear-gradient(180deg,#6fa8ff,#2f6ad6)}.timeline-bar-reduction{background:linear-gradient(180deg,#ffbf70,#d6751f)}.meter-title{margin:0 0 8px;font-size:1rem;color:#223657}.meter-grid{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr));gap:6px 10px;font-size:.88rem}.meter-grid>div{padding:4px 0;border-bottom:1px solid #e4eaf5}.meter-header{font-weight:600;color:#2b405f}.job-details{border:1px solid #d6dfef;border-radius:10px;background:#fbfcff;padding:10px 12px}.job-details summary{cursor:pointer;color:#223657;font-weight:600}.job-actions{margin-top:10px;margin-bottom:10px}.job-actions button{border:1px solid #a9bcde;border-radius:10px;padding:8px 12px;background:#eaf1fd;color:#1f3a66;font-size:.88rem;cursor:pointer}.job-actions button:disabled{background:#f2f5fb;color:#8d9ab2;border-color:#d0d8e8;cursor:not-allowed}.job-report-output{min-height:140px}.queue-panel{border:1px solid #d6dfef;border-radius:10px;padding:12px;background:#fcfdff}.queue-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.queue-actions button{border:1px solid #a9bcde;border-radius:10px;padding:8px 12px;background:#eaf1fd;color:#1f3a66;font-size:.88rem;cursor:pointer}.queue-actions button:disabled{background:#f2f5fb;color:#8d9ab2;border-color:#d0d8e8;cursor:not-allowed}.queue-status{margin:0 0 8px;font-size:.84rem;color:#3a4a66}.queue-list{margin:0;padding:0;list-style:none;display:grid;gap:8px;max-height:240px;overflow:auto}.queue-item{border:1px solid #d9e2f2;border-radius:8px;padding:8px 10px;background:#fff}.queue-item.is-processing{border-color:#8db0eb;background:#f4f8ff}.queue-item.is-completed{border-color:#99d7b2;background:#f2fbf5}.queue-item.is-failed,.queue-item.is-canceled{border-color:#ebadb4;background:#fff6f7}.queue-item-row{display:flex;justify-content:space-between;gap:12px;font-size:.84rem}.queue-item-name{color:#1d3156;overflow-wrap:anywhere}.queue-item-state{color:#3f5273;white-space:nowrap}.queue-item-detail{margin-top:4px;font-size:.78rem;color:#3d5479}.queue-item-error{margin-top:4px;font-size:.78rem;color:#a73744}pre{margin:0;min-height:220px;padding:12px;border-radius:10px;border:1px solid #d8dfec;background:#f8faff;font-size:.84rem;overflow:auto}@media(max-width:680px){.preset-row{grid-template-columns:1fr}.compliance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.batch-summary-item{flex-direction:column;align-items:flex-start}}