:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#152238;background:#f6f9fe;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid #559cf6;outline-offset:3px}h1,h2,h3,p{margin-top:0}h2{font-size:17px;margin-bottom:0;letter-spacing:-.35px}h3{font-size:16px}p{line-height:1.55}.shell{max-width:1470px;margin:0 auto;padding-left:28px;padding-right:28px}.skip{position:absolute;top:-100px;z-index:100;background:#fff;padding:12px}.skip:focus{top:0}.top{background:rgba(255,255,255,.9);border-bottom:1px solid #e2eaf6}.nav{display:flex;align-items:center;gap:30px;min-height:72px}.brand{font-size:20px;font-weight:600;display:flex;align-items:center;gap:8px}.brand b{color:#1680e7}.logo{display:grid;place-content:center;width:38px;height:38px;border-radius:12px;background:#e4f3ff;color:#237ee5;font-weight:900;font-size:25px}.logo span{color:#58bcfc}.nav nav{display:flex;gap:20px;color:#617088;font-size:13px}.privacy{margin-left:auto;color:#207bcb;background:#ecf6ff;padding:8px 12px;border-radius:99px;font-size:12px;font-weight:700}.hero{padding-top:46px;padding-bottom:28px}.eyebrow{color:#3586d1;font-size:11px;font-weight:800;letter-spacing:.18em}.hero h1{font-size:clamp(32px,4vw,55px);letter-spacing:-2.1px;line-height:1.09;margin-bottom:16px}.hero em{font-style:normal;color:#2688ea}.hero>p:not(.eyebrow){max-width:760px;color:#697b94;font-size:16px}.pills{display:flex;gap:8px;flex-wrap:wrap}.pills span{font-size:12px;background:#fff;border:1px solid #e4edf8;color:#52708e;padding:7px 10px;border-radius:99px}.notice{margin-bottom:18px;border:1px solid #b8d6fb;background:#eef7ff;padding:13px 17px;border-radius:13px;color:#28658f;font-size:13px;min-height:46px}.notice.error{background:#fff0f0;color:#ad3434;border-color:#facbcc}.notice.success{background:#e9f9f1;color:#14794f;border-color:#b4ebd2}.workspace{display:grid;grid-template-columns:minmax(235px,295px) minmax(0,1fr);gap:18px;align-items:start}.stack{display:flex;flex-direction:column;gap:18px;min-width:0}.panel{background:#fff;border:1px solid #e2eaf6;border-radius:20px;padding:21px;box-shadow:0 6px 24px #1f467008}.heading{display:flex;align-items:center;gap:10px;margin-bottom:18px}.step{display:grid;place-content:center;width:30px;height:30px;background:#eaf5ff;color:#237fea;border-radius:10px;font-weight:750;font-size:12px}.hint{font-size:12px;color:#62758e;line-height:1.55;margin:8px 0 14px}.field{font-size:12px;font-weight:700;color:#425774;display:block;margin:14px 0 7px}.panel input[type=file],.panel input[type=number],.panel select{width:100%;min-width:0;padding:11px 10px;color:#233b59;background:#fbfdff;border:1px solid #dce5f1;border-radius:10px;font-size:13px}.panel input[type=file]{padding:8px}.panel input[type=range]{width:100%;accent-color:#2389eb}.panel input[type=checkbox]{accent-color:#2789ea}.twocol{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.actions>.btn{flex:1}.btn{background:#eff5fd;border:1px solid #dce7f6;border-radius:11px;color:#365674;font-size:12px;font-weight:750;min-height:40px;padding:9px 12px;transition:background .15s}.btn:hover:not(:disabled){background:#e1efff}.btn.primary{background:linear-gradient(130deg,#298cf0,#1970dd);color:#fff;border:1px solid #2580df;box-shadow:0 4px 12px #1c85e838}.btn.primary:hover:not(:disabled){background:#116ccd}.btn.secondary{background:#eaf4ff;color:#216fc7}.btn.soft,.btn.subtle{background:#f7f9fc;color:#4f647f}.btn.full{display:block;width:100%;margin-top:12px}.mini-info{background:#f4f8fc;border-radius:10px;padding:11px 12px;margin:14px 0;font-size:12px;color:#61738d;line-height:1.5;overflow-wrap:anywhere}.key-list{max-height:135px;overflow:auto;margin-top:12px;font-size:12px;color:#6b7b91}.key-row{display:flex;justify-content:space-between;gap:8px;padding:7px 4px;border-bottom:1px solid #e9edf3}.stage-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.stage-head .hint{margin-top:7px}.state{font-size:11px;font-weight:700;background:#ecf6ff;color:#3283d5;white-space:nowrap;border-radius:99px;padding:7px 10px}.canvas-wrap{position:relative;background:radial-gradient(circle at center,#1c3354,#0c1527);border-radius:14px;overflow:hidden;display:grid;place-items:center;min-height:260px}.canvas-wrap canvas{width:100%;height:auto;max-height:70vh;object-fit:contain;touch-action:none;display:block;cursor:crosshair}.placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e5f2ff;text-align:center;background:linear-gradient(140deg,#10223c,#183e6b);pointer-events:none;gap:12px;padding:20px}.placeholder strong{font-size:clamp(18px,2.6vw,29px);letter-spacing:-.5px}.placeholder span{color:#a6c9e8;font-size:13px}.transport{display:flex;gap:10px;align-items:center;margin-top:17px}.transport input{flex:1;min-width:30px}.transport output{font-size:12px;color:#657c99;white-space:nowrap;font-variant-numeric:tabular-nums}.preview-options{display:flex;flex-wrap:wrap;gap:13px;margin:14px 0;border-bottom:1px solid #e5ecf6;padding-bottom:14px}.preview-options label{font-size:12px;color:#47607b}.export-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.expectations{border-color:#c9def5;background:#fafdff}.expectations p{color:#60758f;font-size:13px;margin:12px 0 0}.how{padding-top:62px;padding-bottom:60px}.how>h2{font-size:28px;letter-spacing:-.7px;margin-bottom:20px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.how-grid article{border:1px solid #e4eaf5;background:#fff;border-radius:16px;padding:20px}.how-grid article span{color:#2585dc;font-weight:800}.how-grid h3{margin:12px 0 8px}.how-grid p{font-size:13px;color:#6d7f95}.foot{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#74849b;padding-top:25px;padding-bottom:28px;border-top:1px solid #e6eaf3}.modal[hidden],[hidden]{display:none!important}.modal{position:fixed;inset:0;background:#0e2345b8;z-index:100;display:grid;place-items:center;padding:20px}.modal-card{width:min(420px,100%);text-align:center;background:#fff;padding:34px;border-radius:20px;box-shadow:0 25px 100px #07172c55}.modal-card p{font-size:13px;color:#72859f}.modal-card progress{width:100%;height:11px;margin:15px 0}.spinner{height:35px;width:35px;border:4px solid #e5efff;border-top-color:#2482e9;border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}@media(max-width:850px){.workspace{grid-template-columns:1fr}.stack:first-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.stack:first-child .panel:last-child{grid-column:1/-1}.hero{padding-top:30px}.canvas-wrap{min-height:180px}}@media(max-width:560px){.shell{padding-left:14px;padding-right:14px}.nav{min-height:64px;gap:8px}.nav nav{display:none}.brand{font-size:17px}.privacy{font-size:10px;padding:7px}.hero h1{letter-spacing:-1.2px}.stack:first-child{display:flex}.panel{padding:15px;border-radius:15px}.stage-head{flex-wrap:wrap}.transport{flex-wrap:wrap}.transport input{order:3;flex-basis:100%}.export-actions{grid-template-columns:1fr}.how-grid{grid-template-columns:1fr}.foot{flex-direction:column}.canvas-wrap{min-height:180px}}.audio-toggle{display:flex;align-items:center;gap:9px;margin:4px 0 6px;color:#304d6c;font-weight:650;font-size:13px}.audio-toggle input{accent-color:#2586e9}#analysis-info{border-left:3px solid #65aaf1}#analysis-info.warn{border-left-color:#df9a32;background:#fffaf0;color:#79541a}#sample-count{max-width:100%}@media(max-width:430px){.audio-toggle{align-items:flex-start}}.ai-outline-panel{padding:13px 12px;margin:12px 0;border:1px solid #cfe1f5;background:#f3f8ff;border-radius:13px;display:grid;gap:10px}.ai-outline-panel .hint{margin:0;line-height:1.5;overflow-wrap:anywhere}.ai-outline-panel .actions{display:flex;flex-wrap:wrap;gap:7px}.ai-outline-panel button{min-width:0;white-space:normal}@media(max-width:500px){.ai-outline-panel .actions>.btn{flex:1 1 145px}}.key-markers{position:relative;height:23px;margin-top:10px;background:linear-gradient(90deg,#eaf3ff,#dae8fb);border:1px solid #c9ddf4;border-radius:8px}.key-marker{position:absolute;top:0;transform:translateX(-50%);width:17px;height:22px;border-radius:5px;border:1px solid #1467c9;background:#328ce4;cursor:pointer}.key-marker:focus-visible,.key-marker:hover{background:#165cb5}#preview-audio:disabled{opacity:.5}