.dw-recorder-page{min-height:calc(100vh - 1px);background:radial-gradient(circle at 8% 4%,rgba(99,102,241,.13),transparent 30%),radial-gradient(circle at 92% 8%,rgba(14,165,233,.10),transparent 28%),#f6f7fb;color:#131827}.dw-app-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:24px}.dw-app-back{display:inline-flex;align-items:center;gap:10px;color:#64748b;font-weight:700}.dw-app-title{display:flex;align-items:center;gap:12px;text-align:left}.dw-app-title>span{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#665cf6,#8b5cf6);color:#fff;box-shadow:0 12px 30px rgba(99,91,246,.25)}.dw-app-title small{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#7c8294;font-weight:800}.dw-app-title h1{font-size:18px;margin:2px 0 0}.dw-app-status{justify-self:end;display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #e5e7ef;border-radius:999px;background:#fff}.dw-app-status span{width:9px;height:9px;border-radius:50%;background:#22c55e}.dw-app-status span.is-recording{background:#ef4444;box-shadow:0 0 0 6px rgba(239,68,68,.14);animation:dw-rec-blink 1s infinite}.dw-app-status span.is-complete{background:#6366f1}.dw-recorder-shell{display:grid;grid-template-columns:310px minmax(0,1fr);gap:20px;max-width:1480px;margin:0 auto}.dw-recorder-sidebar,.dw-recorder-main{border:1px solid rgba(226,232,240,.9);background:rgba(255,255,255,.94);border-radius:24px;box-shadow:0 16px 50px rgba(15,23,42,.07)}.dw-recorder-sidebar{padding:24px}.dw-recorder-side-head h2{font-size:24px;margin:14px 0 8px}.dw-recorder-side-head p{color:#667085;line-height:1.65}.dw-recorder-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#ecfdf3;color:#067647;font-size:12px;font-weight:800}.dw-recorder-toggle{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #eef0f5;margin:0;cursor:pointer}.dw-recorder-toggle input{display:none}.dw-recorder-toggle>span{position:relative;width:44px;height:24px;border-radius:999px;background:#d7dbe5;transition:.2s}.dw-recorder-toggle>span:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(15,23,42,.2);transition:.2s}.dw-recorder-toggle input:checked+span{background:#665cf6}.dw-recorder-toggle input:checked+span:after{transform:translateX(20px)}.dw-recorder-toggle b,.dw-recorder-toggle small{display:block}.dw-recorder-toggle small{color:#8890a2;font-size:12px}.dw-recorder-info{display:flex;gap:10px;padding:13px;border-radius:14px;background:#f6f7fb;color:#667085;font-size:12px;line-height:1.55}.dw-recorder-main{padding:20px}.dw-recorder-preview-wrap{position:relative;min-height:min(66vh,720px);border-radius:20px;overflow:hidden;background:#0b0f19;display:grid;place-items:center}.dw-recorder-preview-wrap video{width:100%;height:100%;object-fit:contain;max-height:min(66vh,720px)}.dw-recorder-empty{text-align:center;color:#cbd5e1;padding:30px}.dw-recorder-empty i{font-size:54px;color:#818cf8}.dw-recorder-empty h3{color:#fff;margin:18px 0 8px}.dw-recorder-live{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(7,10,18,.76);backdrop-filter:blur(8px);color:#fff;font-weight:800}.dw-recorder-live span{width:9px;height:9px;background:#ef4444;border-radius:50%;animation:dw-rec-blink 1s infinite}.dw-recorder-live b{font-variant-numeric:tabular-nums}.dw-recorder-countdown{position:absolute;inset:0;display:grid;place-items:center;background:rgba(6,10,20,.58);backdrop-filter:blur(4px);font-size:120px;font-weight:900;color:#fff;z-index:4}.dw-recorder-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:18px 0 2px}.dw-audio-recorder-visual{width:100%;height:100%;min-height:430px;display:grid;place-items:center;position:relative}.dw-audio-recorder-visual>i{position:absolute;font-size:64px;color:#fff;z-index:2}.dw-audio-pulse{position:absolute;width:170px;height:170px;border-radius:50%;background:linear-gradient(135deg,#665cf6,#0ea5e9);box-shadow:0 0 0 30px rgba(99,102,241,.12),0 0 0 60px rgba(14,165,233,.06)}.dw-audio-recorder-visual canvas{position:absolute;inset:auto 4% 40px;width:92%;height:180px;opacity:.76}@keyframes dw-rec-blink{50%{opacity:.35}}@media(max-width:900px){.dw-app-topbar{grid-template-columns:1fr auto}.dw-app-title{display:none}.dw-recorder-shell{grid-template-columns:1fr}.dw-recorder-sidebar{order:2}.dw-recorder-preview-wrap{min-height:48vh}}@media(max-width:580px){.dw-app-back span{display:none}.dw-recorder-main{padding:10px}.dw-recorder-controls .btn{flex:1 1 44%;font-size:14px}.dw-recorder-preview-wrap{border-radius:16px}.dw-recorder-page .container-fluid{padding-left:10px!important;padding-right:10px!important}}