@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{--font-ui: "Inter", "Noto Sans JP", sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-base: #070a12;--bg-secondary: #0d1322;--text-main: #edf3ff;--text-muted: #aac0e8;--accent-main: #7aa2ff;--accent-sub: #cda8ff;--success: #6be6c1;--warning: #ffb86c;--error: #ff7b99;--glass-bg: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .16);--glass-shadow: 0 20px 40px rgba(5, 8, 20, .45)}*,*:before,*:after{box-sizing:border-box}:root{--page-gutter: 18px}html,body,#root{min-height:100%;width:100%;max-width:100vw;overflow-x:clip}body{margin:0;color:var(--text-main);font-family:var(--font-ui);background:radial-gradient(circle at 20% 10%,#1b2550 0%,transparent 40%),radial-gradient(circle at 80% 90%,#2a1b4f 0%,transparent 40%),linear-gradient(140deg,var(--bg-base),var(--bg-secondary));background-attachment:fixed;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 70% 60%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 35% 80%,rgba(255,255,255,.8),transparent);animation:drift 40s linear infinite}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(-8%,-8%,0)}}.app-shell{width:min(1380px,calc(100vw - (var(--page-gutter) * 2)));max-width:100%;margin:0 auto;padding:var(--page-gutter);overflow-x:clip}.app-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;max-width:100%}.header-actions{display:inline-flex;align-items:center;gap:12px}.drop-zone,.track-list,.side-panel,.metadata-modal,.toast{max-width:100%}.title-block h1{margin:0;font-size:clamp(1.25rem,2vw,1.7rem);letter-spacing:.08em;overflow-wrap:anywhere}.brand-logo{line-height:0}.brand-logo img{display:block;width:auto;max-width:min(46vw,320px);height:clamp(44px,6vw,64px);object-fit:contain}.title-block p{margin:6px 0 0;color:var(--text-muted);overflow-wrap:anywhere}.app-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:20px;margin-top:20px}.app-footer{margin-top:20px;padding:14px 18px}.app-footer.glass-panel{background:linear-gradient(110deg,#7aa2ff08,#cda8ff05);border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 22px #05081433;-webkit-backdrop-filter:blur(10px) saturate(110%);backdrop-filter:blur(10px) saturate(110%)}.main-column{display:grid;gap:20px;min-width:0}.side-column{min-width:0}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;-webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%);box-shadow:var(--glass-shadow)}.status-chip{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:8px 14px;font-size:.9rem;font-weight:600;letter-spacing:.05em}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--text-muted)}.status-idle{border:1px solid rgba(190,209,255,.4)}.status-processing{border:1px solid rgba(122,162,255,.75)}.status-processing .status-dot{background:var(--accent-main)}.status-done{border:1px solid rgba(107,230,193,.8)}.status-done .status-dot{background:var(--success)}.status-error{border:1px solid rgba(255,123,153,.9)}.status-error .status-dot{background:var(--error)}.drop-zone{border:1px dashed rgba(255,255,255,.22);min-height:260px;display:grid;place-items:center;transition:border-color .18s ease,transform .18s ease,background-color .18s ease}.drop-zone.dragging{border-color:#7aa2fff2;background:#7aa2ff17;transform:translateY(-2px)}.drop-zone.is-disabled{opacity:.7;pointer-events:none}.drop-zone-inner{text-align:center;padding:24px}.drop-zone-icon{margin:0 0 8px;font-size:2rem;color:var(--accent-sub)}.drop-zone h2{margin:0}.drop-zone p{margin:8px 0 20px;color:var(--text-muted)}.hidden-input{display:none}.track-list{padding:18px}.track-list-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.track-list h3{margin:0}.track-list ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.track-card{overflow:hidden;padding:14px;border-radius:14px}.metadata-fab{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;padding:0;font-family:var(--font-mono);font-weight:700;color:var(--text-main);background:#7aa2ff38;border-color:#7aa2ff99}.track-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.track-head-right{display:inline-flex;align-items:center;gap:8px}.check-control{display:inline-flex;align-items:center;gap:10px;font-weight:600;min-width:0}.check-control span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-status{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border-radius:999px;border:1px solid transparent}.track-status.status-ready{border-color:#6be6c180;color:var(--success)}.track-status.status-processing{border-color:#7aa2ffb3;color:var(--accent-main)}.track-status.status-done{border-color:#6be6c1d9;color:var(--success)}.track-status.status-error{border-color:#ff7b99b3;color:var(--error)}.track-status.status-parsing,.track-status.status-added{border-color:#cda8ff99;color:var(--accent-sub)}.track-meta{margin-top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.track-meta span{color:var(--text-muted);font-size:.78rem}.track-meta strong{margin-top:4px;display:block;font-family:var(--font-mono);font-size:.82rem;font-weight:700;overflow-wrap:anywhere}.track-controls{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.slider-label{min-width:160px}.track-controls input[type=range]{flex:1;min-width:120px}.preview-btn{min-width:100px}.progress-wrap{margin-top:10px;height:8px;border-radius:999px;background:#ffffff21;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-main),var(--accent-sub))}.side-panel{padding:18px}.side-panel h3{margin-top:0}.fixed-settings{margin:0;display:grid;gap:12px}.fixed-settings div{display:grid;gap:3px}.fixed-settings dt{color:var(--text-muted);font-size:.86rem}.fixed-settings dd{margin:0;font-family:var(--font-mono)}.select-wrap{display:grid;gap:6px;margin-top:16px}.select-wrap select{border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#0a0f1bb3;color:var(--text-main);padding:10px;font-family:var(--font-ui);width:100%;max-width:100%}.side-stats{margin-top:14px;color:var(--text-muted)}.side-stats p{margin:6px 0}.side-actions{margin-top:16px;display:grid;gap:10px}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.footer-contact{margin:0;color:var(--text-muted)}.footer-contact a{color:var(--text-main)}.footer-actions{display:inline-flex;gap:8px;flex-wrap:wrap}.help-btn{white-space:nowrap;padding:8px 12px;border-radius:999px;font-size:.86rem}button{border:1px solid transparent;border-radius:12px;padding:10px 14px;font-family:inherit;font-weight:600;cursor:pointer;transition:transform .12s ease,opacity .12s ease,border-color .12s ease}button:disabled{cursor:not-allowed;opacity:.6}.primary-btn{color:#f7f9ff;background:linear-gradient(115deg,var(--accent-main),var(--accent-sub));box-shadow:0 8px 28px #7aa2ff59}.secondary-btn{color:var(--text-main);background:#ffffff0f;border-color:#ffffff2e}button:not(:disabled):hover{transform:translateY(-1px)}.error-text{margin-top:8px;color:var(--error)}.warning-text{margin-top:8px;color:var(--warning)}.muted-text{color:var(--text-muted)}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:40;display:grid;gap:10px}.toast{width:min(380px,calc(100vw - 36px));display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#060c16e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px}.toast p{margin:0}.toast button{background:transparent;color:inherit;padding:2px 6px;border:0;font-size:1.1rem}.metadata-overlay{position:fixed;inset:0;z-index:50;background:#02040aa6;display:grid;place-items:center;padding:18px}.metadata-modal{width:min(840px,100%);max-height:min(86vh,760px);overflow:auto;padding:18px}.legal-modal,.guide-modal{width:min(760px,100%);max-height:min(86vh,760px);overflow:auto;padding:18px}.guide-body{margin-top:10px}.guide-body p{margin:0;color:var(--text-muted)}.guide-list{margin:12px 0 0;padding-left:20px;display:grid;gap:10px}.legal-body{margin-top:12px;display:grid;gap:12px}.legal-body p{margin:0}.license-list{display:grid;gap:10px}.license-item{border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#ffffff0a;padding:8px 10px}.license-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px}.license-item summary::-webkit-details-marker{display:none}.license-item code{color:var(--accent-main);font-family:var(--font-mono)}.license-item p{margin-top:8px;color:var(--text-muted)}.license-item a{color:var(--accent-main);overflow-wrap:anywhere}.metadata-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.metadata-head h3{margin:0}.metadata-file{margin:8px 0 12px;font-family:var(--font-mono);color:var(--text-muted)}.metadata-grid{margin:0;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.metadata-grid div{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px}.metadata-grid dt{font-size:.82rem;color:var(--text-muted)}.metadata-grid dd{margin:6px 0 0;font-family:var(--font-mono)}.metadata-comments{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.metadata-comments li{display:grid;grid-template-columns:minmax(120px,220px) 1fr;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.metadata-comments span{color:var(--text-muted);font-family:var(--font-mono)}.metadata-comments code{white-space:pre-wrap;word-break:break-word}*{scrollbar-width:thin;scrollbar-color:rgba(122,162,255,.9) rgba(8,14,30,.6)}*::-webkit-scrollbar{width:11px;height:11px}*::-webkit-scrollbar-track{background:linear-gradient(180deg,#080e1e99,#12192db3);border:1px solid rgba(122,162,255,.15);border-radius:999px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7aa2ff,#b9a0ff);border-radius:999px;border:2px solid rgba(5,10,22,.85);box-shadow:inset 0 0 0 1px #d1e1ff66,0 0 0 1px #7aa2ff59}*::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 1px #dfebff80,0 0 0 1px #9fc2ff8c}*::-webkit-scrollbar-corner{background:#080e1e80}.tone-info{color:var(--text-main)}.tone-success{color:var(--success)}.tone-warning{color:var(--warning)}.tone-error{color:var(--error)}@media(max-width:1200px){.track-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1024px){:root{--page-gutter: 14px}.app-main{grid-template-columns:1fr}.side-column{order:-1}}@media(max-width:720px){:root{--page-gutter: 10px}.app-header{align-items:flex-start;flex-direction:column;padding:16px}.header-actions{width:100%;justify-content:space-between}.track-meta{grid-template-columns:1fr}.track-head{align-items:flex-start}.track-head-right{flex-shrink:0}.check-control span{max-width:calc(100vw - 180px)}.track-controls{display:grid;grid-template-columns:1fr}.slider-label{min-width:0}.track-controls input[type=range]{width:100%}.preview-btn{width:100%;min-width:0}.track-list,.side-panel,.drop-zone,.app-header{margin-inline:auto;width:100%;max-width:calc(100vw - (var(--page-gutter) * 2))}.metadata-grid,.metadata-comments li{grid-template-columns:1fr}.footer-content{flex-direction:column;align-items:flex-start}}