.recorder-tool-page{width:100%;max-width:var(--page);min-height:calc(100dvh - var(--hd-h, 72px));margin:0 auto;padding:clamp(32px,6vh,72px) max(var(--gutter),var(--safe-right)) max(clamp(48px,8vh,96px),var(--safe-bottom)) max(var(--gutter),var(--safe-left))}.recorder-tool-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(360px,.9fr);align-items:stretch;gap:36px;width:100%}.recorder-tool-frame{height:100%;min-height:520px;min-width:0;padding:5px;overflow:hidden;background:var(--bg);border:1px solid var(--shade-15);border-radius:16px}.recorder-tool-iframe{display:block;width:100%;height:100%;border:0;border-radius:11px}.recorder-tool-panel{min-width:0}.recorder-tool-benefit-heading,.recorder-tool-signup h2{text-wrap:balance}.recorder-tool-benefit-heading{margin-bottom:20px;color:var(--mid);font-size:var(--text-xs);font-weight:var(--fw-normal);line-height:var(--lh-normal)}.recorder-tool-benefits{display:grid;gap:8px;list-style:none}.recorder-tool-benefit{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;padding:12px;background:var(--shade-5);border-radius:12px}.recorder-tool-benefit>i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--fg);background:var(--bg);border-radius:6px;box-shadow:var(--card-shadow);font-size:18px;line-height:1}[data-theme=dark] .recorder-tool-benefit>i{box-shadow:none;border:1px solid var(--shade-10)}.recorder-tool-benefit strong{display:block;margin-bottom:2px;color:var(--fg);font-size:var(--text-xxs);font-weight:var(--fw-medium);line-height:var(--lh-normal)}.recorder-tool-benefit span{display:block;color:var(--mid);font-size:var(--text-2xs);line-height:var(--lh-normal);text-wrap:pretty}.recorder-tool-panel-rule{height:1px;margin:22px 0;background:var(--rule)}.recorder-tool-signup h2{margin-bottom:7px;color:var(--fg);font-size:var(--text-base);font-weight:var(--fw-normal);line-height:var(--lh-snug)}.recorder-tool-signup-copy{margin-bottom:16px;color:var(--mid);font-size:var(--text-xxs);line-height:var(--lh-body);text-wrap:pretty}.recorder-tool-signup .sk-divider{margin:14px 0}.recorder-tool-signup .sk-field{margin-bottom:10px}.recorder-tool-signup .sk-error{margin-bottom:10px}.recorder-tool-signup-success{display:none;padding:22px;text-align:center;background:var(--shade-5);border-radius:12px}.recorder-tool-signup-form.off{display:none}.recorder-tool-signup-success.on{display:block}.recorder-tool-signup-success .signup-success-icon{width:52px;height:52px;margin:0 auto 12px;font-size:26px}.recorder-tool-signup-success h3{margin-bottom:8px;font-size:var(--text-xs);font-weight:var(--fw-medium);line-height:var(--lh-normal)}.recorder-tool-signup-success p{color:var(--mid);font-size:var(--text-xxs);line-height:var(--lh-body)}.recorder-tool-signup-success .signup-success-aside{margin-top:16px;font-size:var(--text-2xs)}@media (max-width:980px){.recorder-tool-page{display:block;min-height:0}.recorder-tool-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:48px}.recorder-tool-frame{height:clamp(520px,72dvh,680px);min-height:0}.recorder-tool-panel{width:100%;max-width:600px;margin:0 auto}}@media (max-width:600px){.recorder-tool-page{padding-top:20px}.recorder-tool-layout{gap:36px}.recorder-tool-frame{height:max(500px,74dvh);padding:3px;border-radius:13px}.recorder-tool-iframe{border-radius:9px}}