:root{--blue:#0969f0;--blue2:#0757c9;--bg:#f4f7fb;--card:#fff;--text:#172033;--muted:#667085;--line:#dfe5ee;--green:#07966b;--red:#d92d20;--shadow:0 8px 24px rgba(22,50,90,.08)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI","Noto Sans JP","Yu Gothic",sans-serif}.app-header{background:#fff;border-bottom:1px solid var(--line);padding:14px 20px;position:sticky;top:0;z-index:20}.header-inner{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:46px;height:46px;border-radius:12px;background:linear-gradient(145deg,#0874ff,#075ad0);display:grid;place-items:center;color:white;font-size:25px}.brand h1{font-size:1.25rem;margin:0}.brand p{font-size:.78rem;color:var(--muted);margin:2px 0 0}.header-actions{display:flex;gap:8px}.layout{max-width:1400px;margin:20px auto;padding:0 16px;display:grid;grid-template-columns:330px 1fr;gap:18px}.panel,.drop-zone,.queue-card,.notice{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.panel{padding:18px;align-self:start;position:sticky;top:94px}.panel h2,.queue-title{font-size:1rem;margin:0 0 16px}.field{margin-bottom:15px}.field label{display:block;font-size:.85rem;font-weight:700;margin-bottom:6px}.field select,.field input[type=number],.field input[type=text],.time-input{width:100%;border:1px solid #cfd7e3;border-radius:9px;padding:10px;background:#fff;font:inherit}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.range-line{display:grid;grid-template-columns:1fr 66px;gap:8px;align-items:center}.range-line output{border:1px solid #cfd7e3;border-radius:8px;padding:7px;text-align:center;background:#fff}.btn{border:1px solid transparent;border-radius:9px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer;background:var(--blue);color:#fff}.btn:hover{background:var(--blue2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:#fff;color:var(--blue);border-color:#bdd3fa}.btn-outline:hover{background:#eef5ff}.btn-danger{background:#fff;color:var(--red);border-color:#f1c2bd}.btn-green{background:#fff;color:var(--green);border-color:#a7e1cf}.btn-small{padding:7px 10px;font-size:.82rem}.drop-zone{min-height:250px;border:2px dashed #5b9bff;display:grid;place-items:center;text-align:center;padding:30px;background:linear-gradient(145deg,#fff,#f4f8ff)}.drop-zone.drag{background:#eaf3ff;border-color:#0757c9}.drop-icon{font-size:54px}.drop-zone h2{margin:8px 0;font-size:1.1rem}.muted{color:var(--muted);font-size:.84rem}.file-input{display:none}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 10px}.toolbar-group{display:flex;gap:8px;flex-wrap:wrap}.queue-card{overflow:hidden;margin-bottom:14px}.queue-head{padding:13px 16px;border-bottom:1px solid var(--line);font-weight:800}.file-row{padding:14px 16px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(180px,1.6fr) 32px minmax(170px,1fr) auto;gap:12px;align-items:center}.file-row:first-child{border-top:0}.file-main{display:flex;gap:12px;align-items:center;min-width:0}.file-badge{width:45px;height:52px;border:2px solid #8b5cf6;border-radius:8px;display:grid;place-items:center;font-size:.7rem;font-weight:900;color:#6d28d9;background:#faf7ff;flex:none}.file-name{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:.78rem;color:var(--muted);margin-top:3px}.arrow{text-align:center;font-size:1.5rem;color:#667085}.row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.empty{padding:30px;text-align:center;color:var(--muted)}.progress-wrap{display:grid;grid-template-columns:1fr 55px;gap:10px;align-items:center}.progress{height:10px;background:#e8edf4;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;width:0;background:var(--blue);transition:width .15s}.status{font-size:.78rem;color:var(--muted);margin-top:5px}.notice{padding:15px;margin-top:12px;background:#fffaf0;border-color:#f4d58d;font-size:.8rem;line-height:1.7}.footer{text-align:center;color:#1565c0;padding:16px;font-size:.85rem;border-top:1px solid var(--line);background:#f8fbff}.footer a{color:#1565c0;font-weight:700;text-decoration:none}.ad-panel{max-width:1400px;margin:0 auto 12px;border:1px solid #d7e6f8;border-radius:10px;background:#fff;overflow:hidden}.ad-panel[hidden]{display:none!important;margin:0!important;height:0!important}.ad-panel-head{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;background:#f4f8ff;border-bottom:1px solid #d7e6f8}.ad-label,.ad-wait{font-size:.72rem;color:#4f6f91}.ad-close-btn{display:none;border:0;border-radius:999px;background:#1565c0;color:#fff;font-size:.72rem;font-weight:700;padding:4px 9px;cursor:pointer}.ad-body{padding:8px;min-height:90px;display:grid;place-items:center}.modal{position:fixed;inset:0;background:rgba(15,23,42,.55);display:none;place-items:center;padding:20px;z-index:50}.modal.open{display:grid}.modal-box{max-width:650px;width:100%;max-height:85vh;overflow:auto;background:#fff;border-radius:16px;padding:22px}.modal-box h2{margin-top:0}.modal-close{float:right}.audio-preview{width:100%;margin-top:8px}.hidden{display:none!important}
    @media(max-width:900px){.layout{grid-template-columns:1fr}.panel{position:static}.file-row{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}.row-actions{justify-content:flex-start}.header-actions .label{display:none}}