.waveform-panel{width:100%;border-radius:18px;border:1px solid rgba(148,163,184,.25);background:linear-gradient(180deg,#0f172ae0,#030712f2);box-shadow:inset 0 1px #ffffff0f,0 12px 24px #02061747;overflow:hidden}.waveform-toolbar{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(148,163,184,.15);background:linear-gradient(180deg,#1e293b59,#0f172a33)}.waveform-toolbar-label{font-size:.86rem;font-weight:600;color:#dbeafe;letter-spacing:.01em}.waveform-zoom-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:999px;background:linear-gradient(90deg,#0ea5e9,#22d3ee);outline:none}.waveform-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;border:2px solid #dbeafe;background:#0ea5e9;box-shadow:0 0 0 3px #0ea5e940;cursor:pointer}.waveform-zoom-slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;border:2px solid #dbeafe;background:#0ea5e9;box-shadow:0 0 0 3px #0ea5e940;cursor:pointer}.waveform-zoom-value{min-width:64px;text-align:right;font-size:.82rem;color:#bae6fd}.waveform-canvas{min-height:170px;padding:4px 0}.waveform-timeline{padding:0 10px 10px}.waveform-error{margin:0;padding:10px 14px 14px;font-size:.84rem;color:#fecaca}.waveform-canvas ::part(region){border:1px solid rgba(186,230,253,.55);box-shadow:inset 0 0 0 1px #0ea5e933}.waveform-canvas ::part(region-handle-left),.waveform-canvas ::part(region-handle-right){border-color:#7dd3fcf2!important}@media (max-width: 720px){.waveform-toolbar{gap:10px;padding:10px 12px}.waveform-toolbar-label{font-size:.8rem}.waveform-zoom-value{min-width:56px;font-size:.78rem}}.app-shell{width:min(1100px,100% - 2.25rem);margin:0 auto;padding:2rem 0 3rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#10212f}.hero{text-align:left;padding:2rem;border-radius:18px;background:linear-gradient(140deg,#f6fbff,#ecf7ff,#fef7ef);border:1px solid #d7e8f5;box-shadow:0 14px 36px #0f172a14}.hero h1{margin:0;font-size:clamp(2rem,4vw,2.85rem);line-height:1.08;color:#071220}.hero p{margin:1rem 0 1.25rem;max-width:70ch;font-size:1.02rem;line-height:1.72;color:#2a3e52}.download-btn{display:inline-block;border:1px solid #122235;border-radius:12px;background:#122235;color:#fff;padding:.75rem 1rem;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.download-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #12223547}.app-shell>section{margin-top:2rem}.app-shell>section>h2{margin:0;font-size:clamp(1.4rem,2.2vw,2rem);color:#0f1f33;text-align:left}.features-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.feature-card{text-align:left;border-radius:14px;border:1px solid #dce9f4;background:#fff;padding:1rem;box-shadow:0 8px 20px #1118270f}.feature-card h3{margin:0;color:#0d2238;font-size:1.08rem}.feature-card p{margin:.65rem 0 0;color:#334e66;line-height:1.6}@media (max-width: 780px){.app-shell{width:min(1100px,100% - 1.3rem);padding-top:1.3rem}.hero{padding:1.2rem}.features-grid{grid-template-columns:1fr}}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f8fb}