:root{--bg:#121317;--bar:#1a1c21;--panel:#17181d;--card:#1e2026;--timeline:#14151a;--text:#e8e9ec;--accent:#ffd24a;--accent-hover:#ffe08a;--on-accent:#1a1400;--playhead:#ff5c5c;--sub-yellow:#ffe600;--border:#ffffff12;--border-strong:#ffffff1f;--font-ui:"Noto Sans JP", sans-serif;--font-mono:"JetBrains Mono", monospace;--r-btn:8px;--r-card:9px;--r-canvas:14px;--r-chip:99px}*{box-sizing:border-box}body{background:var(--bg);font-family:var(--font-ui);color:var(--text);margin:0;overflow:auto}#root{min-width:1280px;min-height:600px}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}::-webkit-scrollbar-track{background:0 0}input,button,select,textarea{color:inherit;font-family:inherit}.section-label{color:#e8e9ec80;letter-spacing:.08em;font-size:11px;font-weight:700}.app{background:var(--bg);flex-direction:column;min-width:1280px;height:100vh;min-height:600px;display:flex}.workspace{flex:1;min-height:0;display:flex}.work-left{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.main{flex:1;min-height:180px;display:flex}.topbar{background:var(--bar);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:16px;height:52px;padding:0 16px;display:flex}.topbar-brand{align-items:center;gap:10px;display:flex}.topbar-logo{width:28px;height:28px;color:var(--on-accent);background:linear-gradient(135deg,#ffd24a,#ff9d2e);border-radius:7px;place-items:center;font-size:15px;font-weight:900;display:grid}.topbar-appname{letter-spacing:.02em;font-size:14px;font-weight:700}.topbar-divider{background:#ffffff14;width:1px;height:24px}.topbar-project{color:#e8e9eca6;cursor:text;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;max-width:320px;padding:0;font-size:13px;overflow:hidden}.topbar-project:focus{outline-offset:3px;border-radius:2px;outline:1px solid #ffd24a8c}.topbar-saved{color:#e8e9ec59;white-space:nowrap;margin-left:6px;font-size:11px}.topbar-history{gap:4px;margin-left:8px;display:flex}.topbar-right{align-items:center;gap:8px;display:flex;position:relative}.topbar-spacer{flex:1}.iconbtn{color:#e8e9ec99;cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;width:30px;height:30px;padding:0;font-size:15px;display:grid}.iconbtn:hover{background:#ffffff0f}.iconbtn:disabled{color:#e8e9ec59;cursor:default}.iconbtn:disabled:hover{background:0 0}.btn{border-radius:var(--r-btn);border:1px solid var(--border-strong);cursor:pointer;height:34px;color:var(--text);background:0 0;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:500;display:flex}.btn:hover{background:#ffffff0f}.btn-primary{background:var(--accent);color:var(--on-accent);border:none;padding:0 18px;font-weight:700}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.55;cursor:default}.left-panel{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex:none;width:300px;min-height:0;display:flex}.tabs{flex:none;gap:2px;padding:10px 12px 0;display:flex}.tab{color:#e8e9ec80;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:7px 7px 0 0;padding:7px 13px;font-size:12.5px;font-weight:500}.tab.active{color:var(--text);border-bottom-color:var(--accent);background:#ffffff0d;font-weight:700}.tabs-divider{background:var(--border);flex:none;height:1px}.left-tab-body{flex-direction:column;flex:1;min-height:0;display:flex}.left-list-header{flex:none;justify-content:space-between;align-items:center;padding:12px 14px 8px;display:flex}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.link-btn:hover{color:var(--accent-hover)}.sub-list{flex-direction:column;flex:1;gap:6px;padding:0 10px 12px;display:flex;overflow-y:auto}.sub-card{border-radius:var(--r-card);cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #ffffff0f;gap:10px;width:100%;padding:9px 10px;display:flex}.sub-card:hover{background:#ffffff0d}.sub-card.selected{background:#ffd24a17;border-color:#ffd24a8c}.sub-card-tc{font-family:var(--font-mono);color:#e8e9ec73;flex:none;padding-top:1px;font-size:10px;line-height:1.6}.sub-card-main{flex:1;min-width:0}.sub-card-text{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;line-height:1.4;overflow:hidden}.sub-card-tags{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.fx-tag{color:var(--accent);background:#ffd24a21;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:600}.dropzone{text-align:center;cursor:pointer;background:0 0;border:1.5px dashed #ffffff2e;border-radius:10px;flex:none;width:calc(100% - 24px);margin:12px 12px 4px;padding:18px 12px}.dropzone:hover,.dropzone.dragover{border-color:var(--accent);background:#ffd24a0a}.dropzone-icon{margin-bottom:4px;font-size:20px}.dropzone-title{font-size:12px;font-weight:600}.dropzone-sub{color:#e8e9ec66;margin-top:2px;font-size:10.5px}.media-grid{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:8px;padding:10px 12px;display:grid;overflow-y:auto}.media-card{border-radius:var(--r-btn);cursor:pointer;text-align:left;background:#101116;border:1px solid #ffffff14;padding:0;overflow:hidden}.media-card:hover{border-color:#ffd24a80}.media-card.selected{border-color:#ffd24ae6}.media-thumb{aspect-ratio:16/10;font-family:var(--font-mono);color:#e8e9ec66;background:repeating-linear-gradient(45deg,#22242b 0 8px,#1b1d23 8px 16px) 50%/cover;place-items:center;font-size:9px;display:grid}.media-card-body{padding:6px 8px}.media-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-weight:500;overflow:hidden}.media-card-meta{font-family:var(--font-mono);color:#e8e9ec66;margin-top:1px;font-size:9px}.media-card-relink{color:#ff9d6a}.media-placed-badge{color:var(--accent);font-family:var(--font-ui);background:#ffd24a21;border-radius:4px;margin-left:5px;padding:1px 5px;font-size:9px;font-weight:600;display:inline-block}.fx-tab{flex-direction:column;flex:1;gap:14px;padding:12px;display:flex;overflow-y:auto}.fx-group-title{margin-bottom:8px}.fx-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.fx-card{border-radius:var(--r-card);background:var(--card);border:1px solid var(--border);text-align:center;cursor:pointer;padding:10px 8px}.fx-card:hover{background:#23252c;border-color:#ffd24a80}.fx-card-icon{margin-bottom:6px;font-size:19px;line-height:1}.fx-card-name{font-size:11px;font-weight:600}.preview-area{border-left:1px solid var(--border);background:radial-gradient(at 50% 30%,#1b1d23 0%,#121317 70%);flex-direction:column;flex:none;width:clamp(260px,max(100vh,600px)/1.77778 - 54.75px,680px);padding:16px 12px 8px;display:flex}.canvas-stage{flex:1;place-items:center;min-width:0;min-height:0;display:grid}.phone-canvas{border-radius:var(--r-canvas);background:#000;flex:none;position:relative;overflow:hidden;box-shadow:0 12px 48px #0000008c,0 0 0 1px #ffffff17}.phone-canvas canvas{width:100%;height:100%;position:absolute;inset:0}.selection-overlay{z-index:4;pointer-events:none;position:absolute;inset:0}.sel-box{border:1.5px solid var(--accent);cursor:move;pointer-events:auto;border-radius:2px;position:absolute}.sel-handle{background:var(--accent);pointer-events:auto;border-radius:1.5px;width:7px;height:7px;position:absolute}.sel-handle.tl{cursor:nwse-resize;top:-3.5px;left:-3.5px}.sel-handle.tr{cursor:nesw-resize;top:-3.5px;right:-3.5px}.sel-handle.bl{cursor:nesw-resize;bottom:-3.5px;left:-3.5px}.sel-handle.br{cursor:nwse-resize;bottom:-3.5px;right:-3.5px}.play-controls{flex:none;justify-content:center;align-items:center;gap:14px;padding:6px 0 14px;display:flex}.pc-btn{border-radius:var(--r-btn);color:#e8e9ecb3;cursor:pointer;background:0 0;border:none;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.pc-btn:hover{background:#ffffff12}.pc-play{background:var(--accent);width:44px;height:44px;color:var(--on-accent);cursor:pointer;border:none;border-radius:50%;place-items:center;font-size:17px;display:grid;box-shadow:0 4px 16px #ffd24a40}.pc-play:hover{background:var(--accent-hover)}.pc-timecode{font-family:var(--font-mono);color:#e8e9eca6;margin-left:6px;font-size:12px}.pc-timecode .dim{color:#e8e9ec4d}.pc-loop{color:#e8e9ec80;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;margin-left:10px;padding:4px 8px;font-size:11px;display:flex}.pc-loop:hover{background:#ffffff0f}.pc-loop.on{color:var(--accent)}.right-panel{background:var(--panel);border-left:1px solid var(--border);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.rp-header{border-bottom:1px solid var(--border);flex:none;padding:14px 16px 10px}.rp-header-label{color:#e8e9ec73;letter-spacing:.08em;font-size:10.5px;font-weight:700}.rp-header-row{align-items:center;gap:8px;margin-top:4px;display:flex}.rp-header-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.rp-header-time{font-family:var(--font-mono);color:#e8e9ec66;flex:none;font-size:10px}.rp-body{flex:1;min-height:0;padding:12px 16px 10px;overflow:hidden auto}.rp-columns{column-width:230px;column-gap:16px}.rp-section{break-inside:avoid;margin-bottom:13px}.rp-section:last-child{margin-bottom:0}.rp-section-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.rp-section>.section-label{margin-bottom:8px;display:block}.rp-empty{text-align:center;color:#e8e9ec66;padding:40px 20px;font-size:12px;line-height:1.8}.field{background:var(--card);border-radius:var(--r-btn);border:1px solid #ffffff17;width:100%;padding:9px 11px;font-size:13px}input.field:focus,textarea.field:focus{border-color:#ffd24a8c;outline:none}.field-row{gap:8px;margin-top:8px;display:flex}.select-like{white-space:nowrap;background:var(--card);border-radius:var(--r-btn);cursor:pointer;border:1px solid #ffffff17;flex:1;justify-content:space-between;align-items:center;min-width:0;padding:8px 10px;font-size:12px;display:flex}.select-like>span:first-child{text-overflow:ellipsis;overflow:hidden}.select-like .caret{color:#e8e9ec66;font-size:10px}.select-like select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.number-field{background:var(--card);border-radius:var(--r-btn);border:1px solid #ffffff17;flex:none;justify-content:space-between;align-items:center;gap:4px;width:76px;padding:8px 10px;font-size:12px;display:flex}.number-field input{background:0 0;border:none;width:100%;padding:0;font-size:12px}.number-field input:focus{outline:none}.number-field .unit{color:#e8e9ec66;font-size:9px}.outline-list{flex-direction:column;gap:6px;display:flex}.outline-row{background:var(--card);border:1px solid var(--border);border-radius:var(--r-btn);align-items:center;gap:9px;padding:7px 10px;display:flex}.outline-swatch{cursor:pointer;border:1px solid #ffffff40;border-radius:5px;flex:none;width:18px;height:18px;padding:0;position:relative;overflow:hidden}.outline-swatch input[type=color]{opacity:0;cursor:pointer;position:absolute;inset:-4px}.outline-label{flex:1;font-size:12px;font-weight:500}.outline-width{font-family:var(--font-mono);color:#e8e9ec8c;text-align:right;width:34px;font-size:11px}.outline-remove{color:#e8e9ec59;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:12px}.outline-remove:hover{color:#ff8080}input[type=range].slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:2px;outline:none;width:90px;height:4px}input[type=range].slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:none;border-radius:50%;width:11px;height:11px}input[type=range].slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:11px;height:11px}input[type=range].slider.wide{width:100%}.segment-row{gap:6px;display:flex}.segment{text-align:center;border-radius:var(--r-btn);cursor:pointer;background:var(--card);color:#e8e9ecbf;border:1px solid #ffffff17;flex:1;padding:8px 4px;font-size:11.5px;font-weight:600}.segment:hover{border-color:#ffd24a80}.segment.on{color:var(--accent);background:#ffd24a26;border-color:#ffd24a99}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{border-radius:var(--r-chip);cursor:pointer;background:var(--card);color:#e8e9ecbf;border:1px solid #ffffff17;padding:6px 11px;font-size:11.5px;font-weight:600}.chip:hover{border-color:#ffd24a99}.chip.on{color:var(--accent);background:#ffd24a26;border-color:#ffd24a99}.anim-slots{flex-direction:column;gap:6px;margin-top:10px;display:flex}.anim-slot{background:var(--card);border-radius:var(--r-btn);border:1px solid #ffffff17;align-items:center;gap:10px;min-width:0;padding:7px 10px;display:flex}.anim-slot-label{color:#e8e9ec73;flex:none;width:30px;font-size:9.5px}.anim-slot-value{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;flex:1;justify-content:space-between;align-items:center;gap:4px;min-width:0;font-size:12px;font-weight:600;display:flex;position:relative;overflow:hidden}.anim-slot-value .caret{color:#e8e9ec66;flex:none;font-size:10px}.anim-slot-value select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.anim-slot-value.empty{color:#e8e9ec4d;font-weight:500}.preset-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.preset-card{border-radius:var(--r-card);text-align:left;cursor:pointer;background:#0d0e12;border:1px solid #ffffff14;align-items:center;gap:8px;padding:7px 9px;display:flex}.preset-card:hover{border-color:#ffd24a99}.preset-sample{border-radius:3px;flex:none;padding:2px 4px;font-size:15px;font-weight:900;display:inline-block}.preset-name{color:#e8e9ec80;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.prop-row{align-items:center;gap:10px;display:flex}.prop-row+.prop-row{margin-top:8px}.prop-label{color:#e8e9eca6;flex:none;width:72px;font-size:11.5px}.prop-value{font-family:var(--font-mono);color:#e8e9ec8c;text-align:right;flex:none;width:42px;font-size:11px}.prop-row .slider{flex:1;width:auto}.timeline{background:var(--timeline);border-top:1px solid var(--border);flex-direction:column;flex:none;height:284px;display:flex}.tl-toolbar{border-bottom:1px solid #ffffff0f;flex:none;align-items:center;gap:12px;height:36px;padding:0 14px;display:flex}.tl-toolbar-spacer{flex:1}.tl-toolbar-right{color:#e8e9ec80;align-items:center;gap:8px;font-size:11px;display:flex}.tl-snap{color:#e8e9ec80;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:11px}.tl-snap:hover{background:#ffffff0f}.tl-snap.on{color:var(--accent)}.tl-vdivider{background:#ffffff14;width:1px;height:16px}.tl-body{flex:1;min-height:0;display:flex}.tl-labels{border-right:1px solid #ffffff0f;flex-direction:column;flex:none;width:120px;padding-top:22px;display:flex}.tl-label{color:#e8e9eca6;align-items:center;gap:7px;height:34px;padding:0 12px;font-size:11px;font-weight:600;display:flex}.tl-label-icon{font-size:12px}.tl-scroll{flex:1;position:relative;overflow:auto hidden}.tl-canvas{min-width:100%;height:100%;position:relative}.tl-ruler{height:22px;font-family:var(--font-mono);color:#e8e9ec59;cursor:ew-resize;border-bottom:1px solid #ffffff0f;font-size:9px;display:flex;overflow:hidden}.tl-ruler-cell{border-left:1px solid #ffffff0f;flex:none;padding:5px 0 0 5px}.tl-clip{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;height:28px;padding:0 8px;font-size:10.5px;font-weight:600;display:flex;position:absolute;overflow:hidden}.tl-clip.blue{color:#bcd6ff;background:#569cff38;border:1px solid #569cff8c}.tl-clip.yellow{color:#ffe08a;background:#ffd24a2e;border:1px solid #ffd24a80}.tl-clip.pink{color:#ffc0d0;background:#ff6e962e;border:1px solid #ff6e9680}.tl-clip.green{color:#b3f0d5;background:#5ee0a82e;border:1px solid #5ee0a880}.tl-clip.purple{color:#d6c8ff;background:#a88cff33;border:1px solid #a88cff80}.tl-clip.selected{border-color:var(--accent);box-shadow:0 0 0 1.5px #ffd24a8c}.tl-clip-label{text-overflow:ellipsis;overflow:hidden}.tl-clip-handle{cursor:ew-resize;width:7px;position:absolute;top:0;bottom:0}.tl-clip-handle.left{left:0}.tl-clip-handle.right{right:0}.tl-playhead{background:var(--playhead);z-index:5;pointer-events:none;width:1.5px;position:absolute;top:0;bottom:0}.tl-playhead:before{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:8px solid var(--playhead);width:0;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.modal-backdrop{z-index:100;background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border-strong);border-radius:12px;width:380px;padding:22px 24px;box-shadow:0 24px 80px #0009}.modal-title{margin-bottom:14px;font-size:14px;font-weight:700}.progress-track{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .15s linear}.modal-sub{color:#e8e9ec80;font-size:11px;font-family:var(--font-mono);margin-top:10px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.menu{background:var(--card);border:1px solid var(--border-strong);border-radius:var(--r-btn);z-index:50;min-width:190px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 40px #00000080}.menu-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:8px 10px;font-size:12.5px;display:block}.menu-item:hover{background:#ffffff12}.menu-item .menu-note{color:#e8e9ec66;margin-top:1px;font-size:10px;display:block}.modal.wide{flex-direction:column;width:720px;max-height:78vh;display:flex}.modal-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.modal-header .modal-title{margin-bottom:0}.modal-close{color:#e8e9ec80;cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;width:28px;height:28px;font-size:16px;display:grid}.modal-close:hover{color:var(--text);background:#ffffff12}.modal-scroll{min-height:0;overflow-y:auto}.project-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.project-card{border-radius:var(--r-card);cursor:pointer;text-align:left;background:#101116;border:1px solid #ffffff14;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:#ffd24a80}.project-card.current{border-color:#ffd24ae6}.project-thumb{aspect-ratio:9/16;color:#e8e9ec4d;background:#000 50%/cover;place-items:center;max-height:200px;font-size:22px;display:grid}.project-card-body{padding:7px 9px}.project-card-title{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.project-card-meta{font-family:var(--font-mono);color:#e8e9ec66;margin-top:2px;font-size:9px}.project-card-badge{background:var(--accent);color:var(--on-accent);border-radius:99px;padding:2px 7px;font-size:9px;font-weight:700;position:absolute;top:6px;left:6px}.project-card-actions{gap:3px;display:none;position:absolute;top:6px;right:6px}.project-card:hover .project-card-actions{display:flex}.project-card-actions button{width:24px;height:24px;color:var(--text);cursor:pointer;background:#000000a6;border:none;border-radius:6px;place-items:center;font-size:11px;display:grid}.project-card-actions button:hover{color:var(--accent);background:#000000e6}.project-card.new-card{color:#e8e9ec99;background:0 0;border:1.5px dashed #ffffff2e;justify-content:center;align-items:center;gap:6px;min-height:180px;font-size:12px;font-weight:600}.project-card.new-card:hover{border-color:var(--accent);color:var(--accent);background:#ffd24a0a}.project-card.new-card .plus{font-size:22px}.template-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.template-card{border-radius:var(--r-card);cursor:pointer;text-align:left;background:#101116;border:1px solid #ffffff14;padding:0;overflow:hidden}.template-card:hover{border-color:#ffd24a99}.template-card.selected{border-color:var(--accent);box-shadow:0 0 0 1.5px #ffd24a8c}.template-thumb{aspect-ratio:9/16;background:#000;width:100%;max-height:220px;display:block}.template-card-body{padding:8px 10px}.template-card-name{font-size:12px;font-weight:700}.template-card-desc{color:#e8e9ec80;margin-top:2px;font-size:10px;line-height:1.5}.export-row{border-radius:var(--r-btn);border:1px solid var(--border);background:var(--card);align-items:center;gap:10px;padding:9px 10px;display:flex}.export-row+.export-row{margin-top:6px}.export-row-main{flex:1;min-width:0}.export-row-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.export-row-meta{font-family:var(--font-mono);color:#e8e9ec73;margin-top:2px;font-size:10px}.export-note{color:#e8e9ec73;margin-bottom:12px;font-size:11px;line-height:1.6}.sound-search{flex:none;padding:10px 12px 6px}.dropzone.compact{margin:0 12px 6px;padding:10px 12px}.sound-list{flex:1;padding:4px 10px 12px;overflow-y:auto}.sound-group{margin-bottom:12px}.sound-group .section-label{padding:6px 2px 4px}.sound-row{border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:5px 6px;display:flex}.sound-row:hover{background:#ffffff0a;border-color:#ffffff14}.sound-row-play{background:var(--card);width:24px;height:24px;color:var(--text);cursor:pointer;border:1px solid #ffffff1f;border-radius:6px;flex:none;font-size:10px}.sound-row-play:hover{border-color:var(--accent);color:var(--accent)}.sound-row-main{flex:1;min-width:0}.sound-row-name{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:500;overflow:hidden}.sound-row-meta{color:#e8e9ec66;margin-top:1px;font-family:JetBrains Mono,monospace;font-size:9px}.sound-add{cursor:pointer;background:var(--card);color:#e8e9ecbf;border:1px solid #ffffff1f;border-radius:6px;flex:none;padding:3px 8px;font-size:10px;font-weight:700}.sound-add.se:hover{color:#b3f0d5;background:#5ee0a81f;border-color:#5ee0a8b3}.sound-add.voice:hover{color:#d6c8ff;background:#a88cff24;border-color:#a88cffb3}.sound-row-del{color:#e8e9ec59;cursor:pointer;background:0 0;border:none;border-radius:5px;flex:none;width:20px;height:20px;font-size:11px}.sound-row-del:hover{color:#ff8a8a;background:#ff5c5c1f}.sound-empty{text-align:center;color:#e8e9ec66;padding:20px 12px;font-size:11.5px}.audio-badge{border-radius:5px;flex:none;padding:2px 7px;font-size:9.5px;font-weight:700}.audio-badge.se{color:#b3f0d5;background:#5ee0a826}.audio-badge.voice{color:#d6c8ff;background:#a88cff2e}.prop-hint{color:#e8e9ec66;margin-top:6px;font-size:10.5px;line-height:1.5}