/* Animation_1: narrow center visual and indexed waveform audition panel. */
#advanced-decoration.advanced-motion{position:fixed;left:max(50%,calc(175px + 37vw + 18px));right:32.7%;top:0;height:100svh;width:auto;transform:none;opacity:1;overflow:hidden;pointer-events:auto}
.advanced-motion>canvas{width:100%;height:100%;display:block;cursor:crosshair;touch-action:pan-y}
.advanced-active .object-panel{left:68.2%;right:3%;top:60px;padding-bottom:20px;max-height:calc(100svh - 80px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
.advanced-active .object-panel h2{font-size:clamp(22px,1.9vw,30px)}
.advanced-active .candidate-section h3{font-size:18px;margin:14px 0 6px}
.advanced-active .candidate-row{display:grid;grid-template-columns:28px minmax(0,1fr) 20px 42px;gap:8px;margin:2px 0;height:26px;align-items:center}
.advanced-active .candidate-number{font-size:16px;line-height:22px;padding:1px;background:#444}
.advanced-active .candidate-wave{width:100%;height:26px;min-width:0;touch-action:pan-y;cursor:crosshair}
.advanced-active .candidate-play{font-size:13px;line-height:28px}
.advanced-active .candidate-volume{width:42px;min-width:0;height:16px;accent-color:#ccc}
.advanced-active .candidate-empty{opacity:.33}.advanced-active .candidate-empty button:disabled{cursor:default}
.advanced-active .small-note{font-size:10px;line-height:1.4;margin:5px 0}.advanced-active .analyze-button{font-size:18px;margin-top:4px;padding:5px 0}
.advanced-active .mapping{font-size:17px;gap:8px}.advanced-active .mapping h3{margin:12px 0 3px;font-size:18px}.advanced-active .mapping select{font-size:16px;padding:3px}
.advanced-active #short-preview{font-size:18px;margin-top:12px}
@media(max-width:1100px) and (min-width:761px){#advanced-decoration.advanced-motion{left:62%;right:27%;}.advanced-active .object-panel{left:74%;right:2%}.advanced-active .candidate-row{grid-template-columns:24px minmax(0,1fr) 18px;gap:5px}.advanced-active .candidate-volume{display:none}}
@media(max-width:760px){#advanced-decoration.advanced-motion{display:block;position:relative;left:auto;right:auto;width:calc(100% - 44px);height:40svh;min-height:260px;margin:100px 22px 0}.advanced-active .work-area{padding-top:30px}.advanced-active .object-panel{position:relative;left:auto;right:auto;top:auto;margin:0 22px 100px;padding-top:16px}.advanced-active .candidate-row{height:38px}.advanced-active .candidate-wave{height:36px}}

.advanced-active .candidate-number[aria-pressed=true]{background:#ddd;color:#111;outline:1px solid #fff}