*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#222;background:#f2f2f2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:13px}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.app{flex-direction:column;height:100%;display:flex;overflow:hidden}.main{flex-direction:column;flex:1;min-height:0;display:flex}.topbar,.transport,.actionbar{background:#e6e6e6;border-bottom:1px solid #cfcfcf;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;display:flex}.transport,.actionbar{border-top:1px solid #cfcfcf;border-bottom:none}.sep{background:#bdbdbd;width:1px;height:20px;margin:0 4px}.spacer{flex:1}button{font:inherit;color:#222;cursor:pointer;background:#fafafa;border:1px solid #b5b5b5;border-radius:3px;padding:4px 10px}button:hover:not(:disabled){background:#fff;border-color:#8a8a8a}button:active:not(:disabled){background:#e0e0e0}button:disabled{opacity:.45;cursor:default}button.active{background:#d3ecd9;border-color:#3a9a5a}button.play{min-width:44px;font-size:15px}button.small{padding:2px 6px;font-size:12px}button.danger:hover:not(:disabled){color:#c62828;border-color:#c62828}.filename{text-overflow:ellipsis;white-space:nowrap;color:#444;max-width:260px;overflow:hidden}.zoom{align-items:center;gap:6px;display:inline-flex}.zoom input[type=range]{width:140px}.zoom-value{color:#555;font-variant-numeric:tabular-nums;min-width:64px}.waveform-area{background:#fafafa;flex:none;min-height:0;padding:10px;position:relative;overflow:auto}.waveform-area.drag-over{outline-offset:-6px;outline:3px dashed #2196f3}.waveform-container{background:#fff;border:1px solid #ddd;width:100%}.waveform-empty{color:#777;pointer-events:none;justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;inset:0}.time{min-width:190px}.selection,.loop-range{color:#444}.sidepanel{background:#ececec;border-top:1px solid #cfcfcf;flex:1;gap:12px;min-height:160px;padding:8px 10px;display:flex;overflow:hidden}.sidepanel>section{flex:1;min-width:0;padding-right:6px;overflow-y:auto}.sidepanel>section+section{border-left:1px solid #d5d5d5;padding-left:10px}.sidepanel h3{color:#333;margin:6px 0;font-size:13px;font-weight:600}.hint{color:#777;margin:4px 0;font-size:12px}.list{margin:0;padding:0;list-style:none}.row{border-bottom:1px solid #ddd;flex-wrap:wrap;align-items:center;gap:5px;padding:3px 0;display:flex}.row .label-text{min-width:0;font:inherit;background:0 0;border:1px solid #0000;border-radius:2px;flex:1;padding:2px 4px}.row .label-text:hover,.row .label-text:focus{background:#fff;border-color:#b5b5b5;outline:none}.small-text{color:#555;white-space:nowrap;font-size:11px}.dim{opacity:.5}.overlay{z-index:100;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{text-align:center;background:#fff;border:1px solid #bbb;border-radius:4px;min-width:300px;padding:18px 22px}.dialog h3{margin:0 0 10px;font-size:14px}.progress{background:#e0e0e0;border-radius:5px;height:10px;margin:8px 0;overflow:hidden}.progress-bar{background:#2196f3;height:100%;transition:width .15s}.bars-input{width:46px;font:inherit;border:1px solid #b5b5b5;border-radius:2px;padding:1px 3px}.sidepanel h3{align-items:center;gap:8px;display:flex}.inline-check{align-items:center;gap:3px;font-size:12px;font-weight:400;display:inline-flex}.sidepanel h3 .inline-check{margin-left:auto}.chip{vertical-align:middle;border-radius:2px;width:12px;height:12px;margin-right:6px;display:inline-block}.repeat-group{margin-bottom:8px}.repeat-head{padding:3px 0;font-size:12px;font-weight:600}.ctx-menu{z-index:200;background:#fff;border:1px solid #b5b5b5;border-radius:4px;min-width:200px;padding:3px 0;font-size:13px;position:fixed;box-shadow:0 4px 14px #0000002e}.ctx-group+.ctx-group{border-top:1px solid #e3e3e3;margin-top:3px;padding-top:3px}.ctx-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;width:100%;height:26px;padding:0 12px;display:flex}.ctx-item:hover:not(:disabled){background:#e8f0fe;border:none}.ctx-item:disabled{opacity:.4;cursor:default}.ctx-shortcut{color:#888;margin-left:16px;font-size:11px}button.primary{color:#fff;background:#1e88e5;border-color:#1565c0}button.primary:hover:not(:disabled){background:#1976d2}button.cloud{border-color:#3a9a5a}.cloud-status{color:#2e7d32;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:12px;overflow:hidden}.cloud-status.err{color:#c62828}.account-dialog{text-align:left;min-width:560px;max-width:90vw;max-height:85vh;overflow:auto}.dialog-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dialog-head h3{margin:0}.auth-form{flex-direction:column;gap:10px;max-width:340px;display:flex}.auth-form label{color:#444;flex-direction:column;gap:4px;font-size:12px;display:flex}.auth-form input{font:inherit;border:1px solid #b5b5b5;border-radius:3px;padding:6px 8px}.tabs{gap:4px;display:flex}.tabs button.active{background:#e8f0fe;border-color:#1e88e5}.form-error{color:#c62828;margin:0;font-size:12px}.account-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.save-row{border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;display:flex}.project-list h3{margin:12px 0 6px;font-size:13px}table.projects{border-collapse:collapse;width:100%;font-size:13px}table.projects th,table.projects td{text-align:left;vertical-align:middle;border-bottom:1px solid #e3e3e3;padding:5px 6px}table.projects th{color:#555;font-size:12px;font-weight:600}table.projects tr.current td{background:#f1f8e9}table.projects .actions{white-space:nowrap;text-align:right}table.projects .actions button+button{margin-left:4px}.badge{color:#fff;background:#43a047;border-radius:2px;margin-left:6px;padding:0 5px;font-size:10px;display:inline-block}