.sample-editor-open-v30{margin-top:8px;width:100%;border-color:#285861;color:#8eeff3;background:#0a2024}
.sample-editor-v30{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px;background:rgba(1,5,6,.82);backdrop-filter:blur(8px)}
.sample-editor-dialog-v30{width:min(980px,calc(100vw - 48px));max-height:calc(100vh - 48px);display:grid;grid-template-rows:auto minmax(220px,36vh) auto auto auto;overflow:auto;border:1px solid #31545b;border-radius:12px;background:#071012;box-shadow:0 28px 90px rgba(0,0,0,.72)}
.sample-editor-head-v30{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border-bottom:1px solid #20373c;background:linear-gradient(180deg,#0d1b1e,#081214)}
.sample-editor-head-v30>div:first-child{min-width:0}.sample-editor-head-v30 span{display:block;color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:1px}.sample-editor-head-v30 h2{margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.sample-editor-head-v30 p{margin:3px 0 0;color:#73888d;font-size:9px}
.sample-editor-head-actions-v30{display:flex;gap:6px;flex:0 0 auto}.sample-editor-head-actions-v30 .ui-btn{min-width:66px;height:28px;padding:0 8px;font-size:9px}
.sample-wave-wrap-v30{position:relative;min-height:220px;overflow:hidden;touch-action:none;user-select:none;background:linear-gradient(180deg,#081416,#050c0e);cursor:crosshair}
.sample-wave-wrap-v30::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#294249;opacity:.8}
.sample-wave-bars-v30{position:absolute;inset:18px 0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(1px,1fr);align-items:center;gap:1px;padding:0 8px}
.sample-wave-bars-v30 i{display:block;height:calc(var(--peak) * 92%);min-height:2px;border-radius:1px;background:linear-gradient(180deg,#78f6fa,#17b6bf);box-shadow:0 0 5px rgba(22,215,223,.13)}
.sample-wave-selection-v30{position:absolute;top:0;bottom:0;border-left:1px solid rgba(255,181,56,.9);border-right:1px solid rgba(255,181,56,.9);background:rgba(255,168,27,.06);pointer-events:none}
.sample-wave-dim-v30{position:absolute;top:0;bottom:0;z-index:3;background:rgba(0,0,0,.58);pointer-events:none}.sample-wave-dim-v30.left{left:0}.sample-wave-dim-v30.right{right:0}
.sample-marker-v30{position:absolute;top:0;bottom:0;z-index:6;width:14px;padding:0;transform:translateX(-7px);border:0;border-left:2px solid var(--orange);background:transparent;color:var(--orange);cursor:ew-resize;touch-action:none}.sample-marker-v30.end{border-left-color:#ff7b75;color:#ff8f89}.sample-marker-v30 b{position:absolute;top:8px;left:5px;padding:3px 5px;border:1px solid currentColor;border-radius:4px;background:#071012;font-size:8px;letter-spacing:.6px;white-space:nowrap}.sample-marker-v30.end b{left:auto;right:5px}.sample-marker-v30.dragging{filter:brightness(1.45)}
.sample-editor-times-v30{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #1c3035;border-bottom:1px solid #1c3035;background:#081315}.sample-editor-times-v30>div{padding:8px 12px;border-right:1px solid #1b3035}.sample-editor-times-v30>div:last-child{border-right:0}.sample-editor-times-v30 span{display:block;color:#6e858a;font-size:8px;font-weight:800;letter-spacing:.7px}.sample-editor-times-v30 b{display:block;margin-top:2px;color:#dbe6e8;font-size:11px}
.sample-editor-actions-v30{display:flex;justify-content:flex-end;gap:7px;padding:11px 13px}.sample-editor-actions-v30 .ui-btn{height:30px;padding:0 10px;font-size:9px}.sample-trim-main-v30{min-width:130px}
.sample-editor-help-v30{margin:0;padding:0 13px 12px;color:#70858a;font-size:9px;line-height:1.45}
.sample-editor-notice-v30{position:fixed;left:50%;bottom:28px;z-index:1300;transform:translate(-50%,18px);opacity:0;padding:9px 13px;border:1px solid #24666c;border-radius:7px;background:#092126;color:#a9f7fa;font-size:10px;font-weight:700;pointer-events:none;transition:.16s ease}.sample-editor-notice-v30.error{border-color:#7b3030;background:#281111;color:#ffb1b1}.sample-editor-notice-v30.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){.sample-editor-v30{padding:10px}.sample-editor-dialog-v30{width:calc(100vw - 20px);max-height:calc(100vh - 20px);grid-template-rows:auto minmax(180px,32vh) auto auto auto}.sample-editor-head-v30{align-items:flex-start}.sample-editor-head-actions-v30{flex-wrap:wrap;justify-content:flex-end}.sample-editor-times-v30{grid-template-columns:1fr}.sample-editor-times-v30>div{border-right:0;border-bottom:1px solid #1b3035}.sample-editor-actions-v30{flex-wrap:wrap}.sample-editor-actions-v30 .ui-btn{flex:1 1 140px}}