.tool-widget:has(.cut-tool){padding:0;overflow:visible;border:0;background:transparent;box-shadow:none}.cut-tool{--cut-bg:#0a1420;--cut-panel:#101c2a;--cut-line:rgba(148,163,184,.17);--cut-orange:#f59e0b;--cut-rose:#f43f5e;container-type:inline-size;color:#edf4fa;font-family:var(--font,"Plus Jakarta Sans",system-ui,sans-serif)}.cut-tool *{box-sizing:border-box}.cut-tool button,.cut-tool input{font:inherit}.cut-tool [hidden]{display:none!important}
.cut-hero{display:flex;justify-content:space-between;gap:1rem;padding:1.4rem;border:1px solid var(--cut-line);border-radius:19px 19px 0 0;background:radial-gradient(circle at 88% 8%,rgba(244,63,94,.15),transparent 29%),radial-gradient(circle at 65% 100%,rgba(245,158,11,.12),transparent 34%),linear-gradient(135deg,#2b1c22,#0b1622)}.cut-kicker{display:block;color:#fbbf24;font-size:.65rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.cut-hero h2{margin:.28rem 0 .4rem;color:#fff;font-size:clamp(1.3rem,3cqi,1.8rem)}.cut-hero p{max-width:590px;margin:0;color:#a5969d;font-size:.78rem;line-height:1.55}.cut-trust{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-end;gap:.4rem}.cut-trust span{padding:.3rem .52rem;border:1px solid rgba(251,191,36,.2);border-radius:999px;background:rgba(245,158,11,.06);color:#fde68a;font-size:.57rem;font-weight:800}
.cut-upload-card{padding:1.2rem;border:1px solid var(--cut-line);border-top:0;background:var(--cut-bg)}.cut-upload{min-height:190px!important;margin:0!important;border-color:rgba(245,158,11,.22)!important;background:rgba(2,8,23,.24)!important}.cut-editor{display:grid;gap:1rem;padding:1.2rem;border:1px solid var(--cut-line);border-top:0;background:var(--cut-bg)}.cut-filebar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.65rem .75rem;border:1px solid var(--cut-line);border-radius:11px;background:var(--cut-panel)}.cut-file-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(244,63,94,.18));color:#fcd34d}.cut-filebar strong,.cut-filebar span{display:block}.cut-filebar strong{font-size:.68rem}.cut-filebar span{margin-top:.15rem;color:#7f929f;font-size:.56rem}.cut-filebar button{padding:.3rem .5rem;border:1px solid rgba(239,68,68,.18);border-radius:7px;background:rgba(239,68,68,.06);color:#fca5a5;font-size:.57rem;cursor:pointer}.cut-editor>audio,.cut-result audio{width:100%;height:42px}
.cut-wave-card,.cut-card{padding:1rem;border:1px solid var(--cut-line);border-radius:14px;background:var(--cut-panel)}.cut-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.8rem}.cut-section-head h3{margin:.2rem 0 0;font-size:.86rem}.cut-section-head>small{color:#708392;font-size:.56rem}.cut-wave{position:relative;height:150px;overflow:hidden;border:1px solid var(--cut-line);border-radius:11px;background:#07111b}.cut-wave canvas{display:block;width:100%;height:150px}.cut-unselected{position:absolute;top:0;bottom:0;background:rgba(2,8,23,.68);pointer-events:none}.cut-left{left:0}.cut-right{right:0}.cut-wave>i{position:absolute;top:0;bottom:0;left:0;width:2px;background:#fff;box-shadow:0 0 8px #fff;pointer-events:none}
.cut-range-wrap{position:relative;height:26px;margin-top:.35rem}.cut-range-wrap input{position:absolute;inset:0;width:100%;height:26px;margin:0;outline:0;background:transparent;pointer-events:none;appearance:none}.cut-range-wrap input::-webkit-slider-runnable-track{height:4px;border-radius:99px;background:rgba(148,163,184,.14)}.cut-range-wrap input::-webkit-slider-thumb{width:20px;height:20px;margin-top:-8px;border:3px solid #0f1c29;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 2px rgba(245,158,11,.28);pointer-events:auto;appearance:none;cursor:ew-resize}.cut-range-wrap #AudioCutterEndRange::-webkit-slider-thumb{background:#f43f5e;box-shadow:0 0 0 2px rgba(244,63,94,.28)}.cut-range-wrap input::-moz-range-track{height:4px;background:rgba(148,163,184,.14)}.cut-range-wrap input::-moz-range-thumb{width:16px;height:16px;border:3px solid #0f1c29;border-radius:50%;background:#f59e0b;pointer-events:auto;cursor:ew-resize}.cut-timeline{display:flex;justify-content:space-between;color:#667b8b;font-size:.52rem}
.cut-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cut-card-head{display:flex;align-items:center;gap:.65rem;margin-bottom:.85rem}.cut-card-head>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#d97706,#e11d48);font-size:.62rem;font-weight:900}.cut-card-head h3{margin:0;font-size:.85rem}.cut-card-head p{margin:.15rem 0 0;color:#748795;font-size:.57rem}.cut-time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.cut-time-inputs label>span{display:block;margin-bottom:.35rem;color:#94a4b1;font-size:.59rem;font-weight:750}.cut-time-inputs label>div{position:relative}.cut-time-inputs input{width:100%;height:42px;padding:0 2.5rem 0 .6rem;border:1px solid var(--cut-line);border-radius:9px;outline:0;background:#07121c;color:#fff}.cut-time-inputs input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.08)}.cut-time-inputs b{position:absolute;right:.55rem;top:50%;color:#6f8392;font-size:.54rem;transform:translateY(-50%)}.cut-duration,.cut-estimate{display:flex;justify-content:space-between;gap:.7rem;margin:.65rem 0;padding:.58rem .65rem;border-radius:9px;background:rgba(245,158,11,.05)}.cut-duration span,.cut-estimate span{color:#748897;font-size:.56rem}.cut-duration strong,.cut-estimate strong{color:#fde68a;font-size:.61rem}.cut-card>.btn{width:100%;min-height:42px;font-size:.65rem;justify-content:center}
.cut-switch{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.6rem;padding:.6rem 0;border-bottom:1px solid rgba(148,163,184,.09);cursor:pointer}.cut-switch input{position:absolute;opacity:0}.cut-switch>span{position:relative;width:36px;height:20px;border-radius:99px;background:#334155;transition:.2s}.cut-switch>span::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#94a3b8;transition:.2s}.cut-switch input:checked+span{background:linear-gradient(90deg,#d97706,#e11d48)}.cut-switch input:checked+span::after{left:19px;background:#fff}.cut-switch strong,.cut-switch small{display:block}.cut-switch strong{font-size:.64rem}.cut-switch small{margin-top:.12rem;color:#728593;font-size:.54rem}
.cut-progress{margin:1rem 1.2rem 0;padding:.85rem 1rem;border:1px solid rgba(245,158,11,.2);border-radius:12px;background:var(--cut-panel)}.cut-progress>div:first-child{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem}.cut-progress>div:first-child>span{width:24px;height:24px;border:3px solid rgba(245,158,11,.18);border-top-color:#f59e0b;border-radius:50%;animation:cut-spin .8s linear infinite}.cut-progress p{margin:0}.cut-progress strong,.cut-progress small{display:block}.cut-progress strong{font-size:.67rem}.cut-progress small{margin-top:.12rem;color:#748796;font-size:.55rem}.cut-progress b{color:#fbbf24;font-size:.66rem}.cut-progress-track{height:7px;margin-top:.65rem;overflow:hidden;border-radius:99px;background:rgba(148,163,184,.12)}.cut-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#f43f5e);transition:width .3s}@keyframes cut-spin{to{transform:rotate(360deg)}}
.cut-status{margin:1rem 1.2rem 0;padding:.65rem .75rem;border-radius:9px;background:rgba(245,158,11,.07);color:#fde68a;font-size:.64rem}.cut-status.success{background:rgba(34,197,94,.08);color:#9ce9b7}.cut-status.error{background:rgba(239,68,68,.08);color:#fecaca}.cut-result{margin:1rem 1.2rem 0;padding:1rem;border:1px solid rgba(34,197,94,.22);border-radius:14px;background:radial-gradient(circle at 100% 0,rgba(34,197,94,.09),transparent 38%),var(--cut-panel)}.cut-result h3{margin:.25rem 0 .2rem;font-size:1rem}.cut-result p{margin:0;color:#748897;font-size:.58rem}.cut-result>div:last-child{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}.cut-result .btn{min-height:40px;font-size:.64rem}
.cut-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1rem}.cut-guide>div{padding:.85rem;border:1px solid var(--cut-line);border-radius:12px;background:var(--cut-panel)}.cut-guide strong{color:#ffe8ba;font-size:.66rem}.cut-guide p{margin:.24rem 0 0;color:#748795;font-size:.57rem;line-height:1.48}
@container(max-width:720px){.cut-controls{grid-template-columns:1fr}.cut-guide{grid-template-columns:1fr}.cut-hero{flex-direction:column}.cut-trust{justify-content:flex-start}}
@container(max-width:430px){.cut-hero,.cut-upload-card,.cut-editor{padding:.85rem}.cut-time-inputs{grid-template-columns:1fr}.cut-section-head{align-items:flex-start;flex-direction:column;gap:.25rem}.cut-wave{height:120px}.cut-wave canvas{height:120px}.cut-progress,.cut-status,.cut-result{margin-left:.85rem;margin-right:.85rem}.cut-result>div:last-child{display:grid}.cut-result .btn{width:100%;justify-content:center}.cut-filebar span{overflow-wrap:anywhere}.cut-duration{align-items:flex-start;flex-direction:column;gap:.2rem}}
@media(prefers-reduced-motion:reduce){.cut-tool *{animation:none!important;transition:none!important}}