.transcribe-section,.connect-section{--transcribe-accent:#F74780;--transcribe-ink:#000;--gw-canvas-line:#E3E7ED;--gw-app:#1F2B3A;--gw-editor:#222F3E;--gw-line:#3A4859;--gw-text:#E5E9F0;--gw-muted:#8C99AA;--gw-label:#AEB8C6;--gw-green:#059669;--gw-level:#28A745;--gw-amber:#F59E0B;--gw-red:#DC2626;--gw-slate:#64748B;--gw-vocab:#F43F5E;--gw-fixed:#6EE7B7}.showcase-panel{max-width:1630px;margin:0 auto 60px;padding:110px 0;border-radius:40px;background:#EBF3F1}.transcribe-panel{background:#FBF4ED}.showcase-steps .showcase-step{cursor:pointer;opacity:.5;transition:opacity .3s ease}.showcase-steps .showcase-step.is-active{opacity:1}.showcase-steps .icon{width:32px;height:32px;fill:none;stroke:var(--transcribe-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s ease}.showcase-steps .is-active .icon{stroke:var(--transcribe-accent)}.showcase-steps .showcase-step::before,.showcase-steps .showcase-step::after{content:'';position:absolute;top:0;bottom:0;left:-24px;width:2px;border-radius:2px;opacity:0;transition:opacity .4s ease .3s}.showcase-steps .showcase-step::before{background:#D3E2DE}.showcase-steps .showcase-step::after{background:var(--transcribe-accent);transform:scaleY(var(--step-progress,0));transform-origin:top;transition:opacity .4s ease .3s,transform var(--step-fill-ms,250ms) linear}.showcase-steps .showcase-step.is-playing::before{opacity:1;transition:opacity .2s ease}.showcase-steps .showcase-step.is-playing::after{opacity:1;transition:opacity .2s ease,transform var(--step-fill-ms,250ms) linear}.transcribe-stage{--u:1.15cqw;position:relative;display:flex;flex-direction:column;height:100%;container-type:inline-size;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',sans-serif;line-height:1.25;overflow:hidden}.transcribe-stage svg,.connect-stage svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.gw-icons{position:absolute;width:0;height:0;overflow:hidden}.showcase-chip{position:absolute;left:var(--pop-x,0);top:var(--pop-y,0);z-index:6;display:inline-flex;align-items:center;gap:calc(var(--u) * .6);padding:calc(var(--u) * .7) calc(var(--u) * 1.2);border:1px solid var(--gw-canvas-line);border-radius:calc(var(--u) * 5);background:#fff;color:#1F2937;font-size:calc(var(--u) * 1.3);font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transform:scale(.85);transition:opacity .25s ease,transform .25s ease}.showcase-chip.is-on{opacity:1;transform:none}.showcase-chip svg{width:calc(var(--u) * 1.6);height:calc(var(--u) * 1.6);color:var(--transcribe-accent)}.transcribe-accent-name{margin-right:calc(var(--u) * -.3)}.gw-app{display:flex;flex:1;gap:calc(var(--u) * 1.6);min-height:calc(var(--u) * 40);padding:calc(var(--u) * 1.6);border-radius:calc(var(--u) * 1.6);background:var(--gw-app);color:var(--gw-text)}.gw-column{display:flex;flex-direction:column;min-width:0}.gw-transcription{flex:0 0 41%}.gw-report{flex:1}.gw-head{display:flex;flex:none;flex-wrap:wrap;align-items:center;gap:calc(var(--u) * .6);min-height:calc(var(--u) * 3);margin-bottom:calc(var(--u) * .9);white-space:nowrap}.gw-label{margin-right:calc(var(--u) * .3);font-size:calc(var(--u) * 1.2);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gw-label)}.gw-btn{display:inline-flex;flex:none;align-items:center;gap:calc(var(--u) * .5);height:calc(var(--u) * 2.6);padding:0 calc(var(--u) * .8);border-radius:calc(var(--u) * .6);font-size:calc(var(--u) * 1.15);font-weight:600;color:#fff;transition:transform .15s ease,opacity .3s ease}.gw-btn svg{width:calc(var(--u) * 1.45);height:calc(var(--u) * 1.45)}.gw-btn.is-pressed{transform:scale(.9)}.gw-btn-mic{background:var(--gw-green)}.gw-btn-pause{background:var(--gw-amber)}.gw-btn-done{background:var(--gw-red)}.gw-btn-process{background:var(--gw-slate);letter-spacing:.04em}.gw-btn-outline{border:1px solid var(--gw-line);background:transparent;color:var(--gw-muted)}.gw-btn-caret{padding:0 calc(var(--u) * .4)}.gw-timer{flex:none;padding:calc(var(--u) * .3) calc(var(--u) * .6);border-radius:calc(var(--u) * .4);background:#2C3A4B;font-size:calc(var(--u) * 1.1);color:#C3CCD8;font-variant-numeric:tabular-nums}.gw-level{flex:none;width:calc(var(--u) * .5);height:calc(var(--u) * 2);border-radius:calc(var(--u) * .2);background:var(--gw-level);transform-origin:bottom}.gw-status{flex:none;font-size:calc(var(--u) * 1.1);color:var(--gw-muted)}.gw-status:empty{display:none}.gw-spinner{display:none}.gw-btn-pause,.gw-btn-done,.gw-timer,.gw-level{display:none}.transcribe-stage.is-recording .gw-btn-mic:not(.gw-btn-static),.transcribe-stage.is-recording .gw-btn-layout{display:none}.transcribe-stage.is-recording .gw-btn-pause,.transcribe-stage.is-recording .gw-btn-done,.transcribe-stage.is-recording .gw-timer,.transcribe-stage.is-recording .gw-level{display:inline-flex}.transcribe-stage.is-recording .gw-level{animation:gw-level .45s ease-in-out infinite alternate}.transcribe-stage.is-processing .gw-process-icon{display:none}.transcribe-stage.is-processing .gw-spinner{display:block;animation:gw-spin .8s linear infinite}.transcribe-stage.is-ready .gw-btn-impression{border-color:var(--transcribe-accent);color:#fff}.gw-editor{display:flex;flex:1;flex-direction:column;min-height:0;border:1px solid var(--gw-line);border-radius:calc(var(--u) * .9);background:var(--gw-editor);overflow:hidden}.gw-toolbar{display:flex;flex:none;align-items:center;gap:calc(var(--u) * 1.3);height:calc(var(--u) * 4.2);padding:0 calc(var(--u) * 1.4);border-bottom:1px solid var(--gw-line)}.gw-tool{width:calc(var(--u) * 1.8);height:calc(var(--u) * 1.8);color:#7F8C9D}.gw-tool-bright{color:var(--gw-text)}.gw-vocab{margin-left:calc(var(--u) * .6);padding:calc(var(--u) * .3) calc(var(--u) * .7);border:1px solid var(--gw-vocab);border-radius:calc(var(--u) * .4);font-size:calc(var(--u) * 1.2);color:var(--gw-vocab)}.gw-tool-text{font-size:calc(var(--u) * 1.3);color:var(--gw-text)}.gw-tool-format{font-size:calc(var(--u) * 1.5)}.gw-body{flex:1;min-height:0;margin:calc(var(--u) * .3);padding:calc(var(--u) * 1.2) calc(var(--u) * 1.4);border:1px solid transparent;border-radius:calc(var(--u) * .6);font-size:calc(var(--u) * 1.55);line-height:1.65;color:var(--gw-text);overflow:hidden;transition:border-color .3s ease}.transcribe-stage.is-recording .gw-transcript{border-color:#fff}.gw-report-body p{margin:0;font-size:inherit;line-height:inherit;color:inherit}.gw-report-body strong{font-weight:700;color:#fff}.gw-report-body .gw-gap{margin-top:calc(var(--u) * .9)}.gw-foot{display:flex;flex:none;justify-content:space-between;padding:calc(var(--u) * .5) calc(var(--u) * 1.2);border-top:1px solid var(--gw-line);font-size:calc(var(--u) * 1.1);color:var(--gw-label)}.gw-count{font-weight:400}.gw-word:not(.is-shown){display:none}.gw-word.is-shown{animation:gw-word-in .2s ease both}.gw-caret{display:none;width:calc(var(--u) * .15);height:calc(var(--u) * 1.6);margin-left:calc(var(--u) * .15);background:#fff;vertical-align:text-bottom}.transcribe-stage.is-recording .gw-caret{display:inline-block;animation:gw-blink 1s steps(1) infinite}.gw-junk.is-flagged{color:var(--gw-vocab);text-decoration:line-through;text-decoration-thickness:calc(var(--u) * .15);transition:opacity .35s ease}.gw-junk.is-fading{opacity:0}.gw-junk.is-gone{display:none}.gw-misheard.is-flagged{text-decoration:underline wavy var(--gw-amber);text-decoration-thickness:calc(var(--u) * .12)}.gw-misheard.is-fixed{border-radius:calc(var(--u) * .3);background:rgba(16,185,129,.22);color:var(--gw-fixed);transition:background .6s ease,color .6s ease}.gw-misheard.is-settled{background:transparent;color:inherit}.transcribe-stage .gw-cursor,.connect-stage .gw-cursor{position:absolute;left:0;top:0;z-index:5;width:calc(var(--u) * 2.6);height:calc(var(--u) * 2.6);fill:#111;stroke:#fff;stroke-width:1.4;pointer-events:none;transform:translate(var(--cursor-x,0),var(--cursor-y,0));transition:transform .75s cubic-bezier(.65,0,.35,1),opacity .3s ease}.transcribe-stage.is-cursor-away .gw-cursor,.transcribe-stage.is-static .gw-cursor,.connect-stage.is-cursor-away .gw-cursor,.connect-stage.is-static .gw-cursor{opacity:0}.gw-click{position:absolute;left:0;top:0;z-index:4;width:calc(var(--u) * 4);height:calc(var(--u) * 4);margin:calc(var(--u) * -2) 0 0 calc(var(--u) * -2);border:calc(var(--u) * .3) solid var(--transcribe-accent);border-radius:50%;opacity:0;pointer-events:none}.gw-click.is-on{animation:gw-click .5s ease-out both}@container (max-width:600px){.transcribe-stage>*{--u:2.2cqw}.gw-app{flex-direction:column}.gw-column{height:auto}.gw-transcription{flex:none}.gw-transcript{flex:none;height:calc(var(--u) * 15)}.gw-report-body{flex:none;height:calc(var(--u) * 24)}}@keyframes gw-level{0%{transform:scaleY(.3)}35%{transform:scaleY(.9)}60%{transform:scaleY(.5)}100%{transform:scaleY(1)}}@keyframes gw-spin{to{transform:rotate(360deg)}}@keyframes gw-blink{50%{opacity:0}}@keyframes gw-word-in{from{opacity:0}to{opacity:1}}@keyframes gw-click{from{opacity:1;transform:translate(var(--click-x),var(--click-y)) scale(.3)}to{opacity:0;transform:translate(var(--click-x),var(--click-y)) scale(1.4)}}@media (max-width:991px){.showcase-panel{margin-bottom:40px;padding:60px 0;border-radius:24px}}@media (prefers-reduced-motion:reduce){.transcribe-section *,.transcribe-section *:after,.connect-section *,.connect-section *:after{animation:none!important;transition:none!important}}