@font-face{font-family:Space;src:url('/static/fonts/space.ttf')}@font-face{font-family:DM;src:url('/static/fonts/dm.ttf')}@font-face{font-family:Mono;src:url('/static/fonts/mono.ttf')}
:root{--bg:#f5f4f0;--paper:#fff;--ink:#282730;--muted:#84818c;--purple:#7252ce;--pale:#f2eefb;--line:#e8e6e3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a38adb;outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}span[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.header{height:96px;max-width:1360px;margin:auto;padding:0 62px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e2df}.brand{display:flex;align-items:center;font-family:Space,sans-serif;font-size:23px;font-weight:700;letter-spacing:-1px;gap:9px}.brand-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--purple);border-radius:10px;color:white;margin-right:3px}.brand-icon svg{width:25px;height:25px;stroke-width:1.5}.brand-divider{font-size:25px;font-weight:400;color:#c4bfcc;margin:0 1px}.brand-light{font-weight:500;font-size:20px;letter-spacing:-.7px}.header-right{display:flex;gap:31px;align-items:center}.mini-label,.eyebrow,.card-kicker,.tag,.processing-label{font-family:Mono,monospace;font-weight:400;letter-spacing:1.4px;font-size:10px}.mini-label{color:#96919b;font-size:9px;letter-spacing:1px}.quiet-button{background:transparent;color:#696572;display:inline-flex;gap:7px;align-items:center;justify-content:center;font-size:12px;padding:8px 0}.quiet-button svg{width:16px;height:16px}.quiet-button:hover{color:var(--purple)}main{max-width:1236px;margin:auto;padding:0 0}.intro{position:relative;padding:54px 0 34px}.eyebrow{display:flex;gap:8px;align-items:center;color:#8b7e9b;font-size:10px;letter-spacing:1.5px}.small-dot{width:6px;height:6px;border-radius:50%;background:#9077cf}.intro h1{font-family:Space,sans-serif;font-size:58px;font-weight:700;line-height:1.07;letter-spacing:-3px;margin:21px 0 17px;position:relative;width:fit-content}.intro h1>span{color:var(--purple)}.heading-spark{position:absolute;right:-55px;top:59px;width:37px;height:37px;color:#ab98d9;stroke-width:1.7;transform:rotate(9deg)}.intro>p{line-height:1.8;font-size:15px;color:#827c88;margin:0}.workspace{display:grid;grid-template-columns:420px 1fr;gap:24px;align-items:start}.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 3px 4px #30223902}.input-card{padding:27px 28px 0;overflow:hidden}.card-kicker{display:flex;gap:10px;align-items:center;color:#928999;font-size:9px;letter-spacing:1.4px}.step-number{color:#8b75b6;border:1px solid #e6dff1;background:#faf8fd;width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:10px;letter-spacing:0}.input-card h2{font-family:Space,sans-serif;letter-spacing:-.8px;font-size:25px;margin:22px 0 7px;font-weight:600}.subtext{font-size:12px;color:var(--muted);margin:0 0 27px}label{display:block;font-size:12px;color:#504a59;font-weight:500;margin-bottom:10px}.url-field,.token-field{border:1px solid #dedbe5;border-radius:8px;background:#fff;display:flex;align-items:center;height:47px;transition:border-color .15s,box-shadow .15s}.url-field{padding-left:13px;gap:9px}.url-field svg{width:17px;height:17px;color:#aaa1b9}.url-field:focus-within,.token-field:focus-within{border-color:#9b83d5;box-shadow:0 0 0 3px #7252ce0c}input{font-family:Mono,monospace;font-size:11px;background:transparent;border:0;outline:0;min-width:0;width:100%;padding:13px 10px 13px 0;color:#51445e}input::placeholder{color:#aaa3b2;opacity:1}.field-hint{color:#9a93a2;font-size:10px;line-height:1.8;margin:8px 0 24px}.access-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.access-heading label{margin:0}.tag{display:flex;gap:4px;color:#aaa0b5;font-size:8px;letter-spacing:.7px}.tag svg{width:10px;height:10px}.token-field input{padding-left:13px}.token-field button{display:flex;align-items:center;background:transparent;padding:12px;color:#a198ad}.token-field svg{width:16px;height:16px}.token-hint{margin-bottom:21px}.token-hint a{color:#7f6c99;text-decoration:underline;text-underline-offset:3px}.token-hint a svg{width:10px;height:10px;margin-left:2px}code{font-family:Mono,monospace;font-size:.9em}.capture-note{display:flex;gap:11px;align-items:flex-start;background:#f8f6fc;border:1px solid #f0ecf7;border-radius:9px;padding:14px 13px;margin-bottom:21px}.capture-note>span{color:#9d86c2;padding-top:1px}.capture-note svg{width:17px;height:17px}.capture-note strong{font-size:11px;font-weight:500;color:#7b6b91}.capture-note p{font-size:10px;line-height:1.7;color:#a197ae;margin:5px 0 0}.primary-button{display:flex;gap:10px;align-items:center;justify-content:center;color:white;background:var(--purple);border:1px solid var(--purple);border-radius:8px;font-weight:500;font-size:12px;height:46px;padding:0 17px;transition:background .15s,transform .15s}.primary-button:hover{background:#6242bd}.primary-button:active{transform:translateY(1px)}.primary-button svg{width:17px;height:17px}.input-card .primary-button{width:100%;justify-content:flex-start}.input-card .primary-button>span:last-child{margin-left:auto}.source-foot{margin:23px -28px 0;padding:15px 20px;text-align:center;font-size:10px;color:#a59baa;border-top:1px solid #f0edf1;display:flex;justify-content:center;align-items:center;gap:7px;background:#fefdfd}.source-foot svg{width:13px;height:13px}.output-card{padding:27px 28px 26px;min-height:595px}.output-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.status-badge{display:flex;align-items:center;gap:6px;font-size:9px;background:#f7f6f4;color:#a49da9;border:1px solid #eeebef;border-radius:5px;padding:5px 7px;white-space:nowrap}.status-badge>span{width:4px;height:4px;background:#bdb5c3;border-radius:50%}.status-badge.active{background:#f3effc;color:#8062b9;border-color:#e9e0f7}.status-badge.done{background:#edf6f1;color:#52856a;border-color:#deede4}.status-badge.done>span{background:#639d7a}.empty-state{text-align:center;padding:68px 0 35px}.preview-illustration{width:285px;height:197px;margin:0 auto 25px;position:relative}.ghost-frame{border-radius:10px;border:1px solid #e7e0ef;background:#fcfbff;position:absolute;width:244px;height:168px}.back-frame{left:25px;top:0;transform:rotate(-7deg);background:#f4f0fa;border-color:#e8dff3}.main-frame{left:16px;top:12px;transform:rotate(3deg);box-shadow:0 9px 20px #5f467711;overflow:hidden}.ghost-top{display:flex;align-items:center;gap:4px;padding:12px;background:#f8f5fc;border-bottom:1px solid #efe9f6}.ghost-top>span{width:4px;height:4px;border-radius:50%;background:#e1d8eb}.ghost-top i{display:block;height:7px;background:#f0ebf6;width:130px;margin-left:16px;border-radius:3px}.ghost-content{height:84px;display:flex;gap:17px;padding:13px;position:relative}.ghost-sidebar{width:37px;height:62px;background:#f1ecf9;border-radius:4px}.ghost-lines{padding-top:3px;display:flex;flex-direction:column;gap:9px}.ghost-lines i{width:119px;height:7px;border-radius:3px;background:#eee8f7}.ghost-lines i:nth-child(2){width:87px}.ghost-lines i:nth-child(3){width:107px;height:15px;background:#e6dcf6}.ghost-cursor{position:absolute;right:51px;bottom:6px;color:#a58bcf;transform:rotate(-20deg)}.ghost-cursor svg{fill:#aa90d7;stroke:white;width:28px;height:28px}.ghost-caption{margin:4px 11px 0;background:#f1ebfb;border:1px solid #e7def4;border-radius:5px;padding:8px;display:flex;align-items:center;gap:8px}.ghost-time{font-family:Mono,monospace;font-size:8px;color:#a18abd}.caption-lines{display:flex;flex-direction:column;gap:4px;flex:1}.caption-lines i{height:4px;background:#ddd1ed;border-radius:3px;width:100%}.caption-lines i:last-child{width:70%}.tiny-wave{letter-spacing:1px;font-size:17px;color:#b49bcd}.floating-label{position:absolute;right:-4px;bottom:14px;display:flex;align-items:center;gap:6px;background:#fff;color:#9d83be;box-shadow:0 3px 13px #57446b10;border:1px solid #ede7f3;border-radius:6px;padding:8px 11px;font-size:10px;transform:rotate(-4deg)}.floating-label svg{width:13px;height:13px}.empty-state h2{font-family:Space,sans-serif;font-weight:500;font-size:21px;letter-spacing:-.6px;margin:0 0 10px;color:#6e637c}.empty-state p{font-size:12px;line-height:1.8;color:#a198ab;margin:0}.evidence-pills{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:25px}.evidence-pills>span{display:flex;gap:5px;align-items:center;color:#a69aae;font-size:9px}.evidence-pills svg{width:13px;height:13px}.bottom-strip{display:flex;align-items:center;justify-content:space-between;border:1px solid #e7e3e1;background:#f1efeb;border-radius:10px;padding:22px 29px;margin-top:27px;gap:18px}.bottom-strip>div{display:flex;align-items:center;gap:13px}.strip-number{height:27px;width:27px;display:grid;place-items:center;border:1px solid #ddd6e1;border-radius:50%;font-family:Mono,monospace;color:#a69aaf;font-size:10px}.bottom-strip p{display:flex;flex-direction:column;gap:5px;margin:0}.bottom-strip strong{font-weight:500;color:#746c7b;font-size:11px}.bottom-strip p>span{font-size:10px;color:#a299a9}.strip-arrow{color:#c5bdcb}.strip-arrow svg{width:16px;height:16px}footer{display:flex;justify-content:space-between;padding:26px 0 33px;color:#aaa2ac;font-size:10px}.footer-right{font-family:Mono,monospace;font-size:8px;letter-spacing:1.4px}.error-message{font-size:11px;line-height:1.7;color:#ae435e;background:#fff3f5;border:1px solid #f3dae1;padding:12px;border-radius:8px;overflow-wrap:anywhere}.progress-state{text-align:center;padding:78px 15px 20px}.progress-symbol{background:var(--pale);color:var(--purple);width:64px;height:64px;border-radius:20px;display:grid;place-items:center;margin:auto auto 26px;animation:breathe 2s infinite}.progress-symbol svg{width:28px;height:28px}.processing-label{font-size:9px;color:#9b86bd}.progress-state h2{font-family:Space,sans-serif;font-size:23px;margin:18px 0 10px;letter-spacing:-.5px}.progress-state p{font-size:12px;color:var(--muted);line-height:1.7}.progress-track{height:6px;background:#eee9f5;border-radius:9px;margin:30px auto 12px;max-width:340px;overflow:hidden}.progress-track>div{height:100%;background:var(--purple);width:0;transition:width .5s;border-radius:9px}#progress-percent{font-family:Mono,monospace;font-size:11px;color:var(--purple)}.progress-tip{margin-top:38px!important;font-size:10px!important}.result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:24px 0 18px}.result-heading h2{font-family:Space,sans-serif;font-size:21px;letter-spacing:-.6px;margin:0 0 8px;overflow-wrap:anywhere}.result-heading p{font-size:10px;color:var(--muted);margin:0;line-height:1.6}.result-heading .quiet-button{flex-shrink:0;font-size:10px}.sheet-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.sheet-tabs button{font-size:10px;background:#f5f3f7;color:#93859e;padding:7px 10px;border-radius:5px}.sheet-tabs button.selected{background:var(--pale);color:var(--purple);box-shadow:inset 0 0 0 1px #ded3f4}.sheet-preview{background:#eeeaf3;border:1px solid #e8e1f0;border-radius:8px;height:375px;overflow:auto;padding:10px;scrollbar-width:thin;scrollbar-color:#d2c5e5 #f3f0f6}.sheet-preview img{display:block;width:100%;height:auto;border-radius:3px;box-shadow:0 2px 8px #3121440b}.export-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.secondary-button{height:46px;display:flex;justify-content:center;align-items:center;gap:9px;background:#fff;color:#79628f;border:1px solid #ded6e7;border-radius:8px;font-size:12px}.secondary-button:hover{background:#faf8fd}.secondary-button svg{width:16px;height:16px}.download-row{display:flex;justify-content:center;gap:25px;margin-top:16px;font-size:10px;color:#9a8aa9}.download-row a{display:flex;align-items:center;gap:5px}.download-row a:hover{color:var(--purple)}.download-row svg{width:13px;height:13px}.result-warnings{font-size:10px;line-height:1.7;color:#9a7f55;margin-top:20px;border:1px solid #eee6d5;background:#fffcf6;border-radius:8px;padding:10px 12px}.result-warnings summary{cursor:pointer}.result-warnings ul{padding-left:17px;margin:10px 0 0}.result-warnings li+li{margin-top:7px}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;max-width:520px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 20px 100px #30223922}dialog::backdrop{background:#28203655;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}dialog h2{font-family:Space,sans-serif;font-size:26px;letter-spacing:-.9px;margin:20px 0}dialog ol{padding-left:20px;color:#80748c;font-size:13px;line-height:1.8}dialog li+li{margin-top:12px}dialog a{color:var(--purple);text-decoration:underline}.help-note{font-size:11px;line-height:1.8;color:#998ca5;background:#f7f4fb;border-radius:8px;padding:14px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#302638;color:white;padding:13px 22px;border-radius:9px;box-shadow:0 8px 30px #30203625;font-size:12px;z-index:20;max-width:calc(100% - 30px);width:max-content;text-align:center}[hidden]{display:none!important}@keyframes breathe{50%{transform:translateY(-4px);box-shadow:0 7px 20px #7252ce12}}@media(min-width:1450px){.header{max-width:1480px}main{max-width:1236px}.workspace{grid-template-columns:450px 1fr}.output-card{min-height:595px}.intro{padding-top:58px}}@media(max-width:1400px){.header{margin:0 40px;padding:0 8px}main{margin:0 48px}.workspace{grid-template-columns:390px 1fr}}@media(max-width:1100px){main{margin:0 32px}.header{margin:0 24px}.mini-label{display:none}.workspace{grid-template-columns:350px 1fr;gap:18px}.input-card,.output-card{padding-left:22px;padding-right:22px}.source-foot{margin-left:-22px;margin-right:-22px}.evidence-pills{gap:8px}.output-top .card-kicker{font-size:8px;gap:7px;letter-spacing:.8px}.status-badge{font-size:8px}.bottom-strip{padding:20px}.bottom-strip p>span{font-size:9px}.bottom-strip>div{gap:9px}.intro h1{font-size:54px}}@media(max-width:850px){.workspace{grid-template-columns:1fr}.input-card{padding:24px 25px 0}.output-card{min-height:535px}.source-foot{margin-left:-25px;margin-right:-25px}.intro{padding-top:38px}.intro h1{font-size:52px}.input-card h2{margin-top:19px}.subtext{margin-bottom:22px}.empty-state{padding-top:52px}.bottom-strip{gap:15px;padding:20px;align-items:flex-start;flex-direction:column}.strip-arrow{display:none}.bottom-strip>div{gap:14px}.bottom-strip p>span{font-size:10px}.header{height:80px}.header-right{gap:0}.brand{font-size:21px}.brand-light{font-size:18px}.intro>p{font-size:13px}.result-heading h2{font-size:20px}.sheet-preview{height:430px}}@media(max-width:480px){main{margin:0 18px}.header{margin:0 18px;padding:0}.brand{gap:7px;font-size:20px}.brand-light{font-size:16px}.brand-icon{width:31px;height:31px;border-radius:9px}.brand-icon svg{width:22px;height:22px}.header .quiet-button{font-size:10px;gap:4px}.header .quiet-button svg{width:14px;height:14px}.intro h1{font-size:45px;letter-spacing:-2.6px}.heading-spark{width:29px;height:29px;right:-39px;top:48px}.intro .eyebrow{font-size:8px;letter-spacing:1px}.desktop{display:none}.intro>p{font-size:12px;max-width:320px}.input-card,.output-card{padding-left:20px;padding-right:20px}.source-foot{margin-left:-20px;margin-right:-20px}.output-top{gap:7px}.card-kicker{font-size:8px;letter-spacing:1px}.preview-illustration{transform:scale(.92);margin-bottom:12px}.empty-state h2{font-size:19px}.empty-state p{font-size:11px}.evidence-pills{gap:12px}.evidence-pills>span{font-size:8px}.footer-right{font-size:7px;letter-spacing:.5px}.sheet-preview{height:350px}.download-row{gap:16px;font-size:9px}.progress-state{padding-left:0;padding-right:0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.shared-access{display:flex;gap:11px;align-items:flex-start;padding:14px 13px;margin:1px 0 20px;border:1px solid #e9e5ef;border-radius:9px;background:#fdfcfe}.shared-access>span{color:#9d86c2;margin-top:1px}.shared-access svg{width:17px;height:17px}.shared-access strong{font-size:11px;font-weight:500;color:#7b6b91}.shared-access p{font-size:10px;line-height:1.8;color:#9a8fa5;margin:5px 0 0}
@media(max-width:850px){.header-right>a[download]{display:none}}
/* Give the actual recording evidence the full available workspace. */
body.has-storyboard main{max-width:1800px;width:calc(100% - 64px);margin:28px auto 0;padding:0}body.has-storyboard .intro,body.has-storyboard .input-card,body.has-storyboard .bottom-strip{display:none}body.has-storyboard .workspace{display:block}body.has-storyboard .output-card{width:100%;padding:24px 28px}body.has-storyboard .result-heading{margin:16px 0}body.has-storyboard .sheet-preview{height:clamp(560px,72vh,1200px);padding:12px}body.has-storyboard .sheet-preview a{display:block;min-width:100%;width:100%}.sheet-preview img{max-width:none}.viewer-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0 12px;color:#9782a9;font-size:11px}.viewer-controls>div{display:flex;align-items:center;gap:7px}.viewer-controls button{border:1px solid #e0d7ed;border-radius:6px;padding:7px 12px;background:#faf7fe;color:#806397;font-size:11px}.viewer-controls button:hover{background:#eee6fa}.viewer-controls #zoom-level{min-width:66px;text-align:center;font-family:Mono,monospace;font-size:10px}body.has-storyboard .export-actions{max-width:650px;margin:18px auto 0}body.has-storyboard .output-card:fullscreen{background:#f5f4f0;overflow:auto;border:0;border-radius:0;padding:16px 28px}body.has-storyboard .output-card:fullscreen .sheet-preview{height:calc(100dvh - 295px);min-height:240px}@media(max-width:700px){body.has-storyboard main{width:calc(100% - 24px);margin-top:12px}body.has-storyboard .output-card{padding:16px 12px}.viewer-controls>span{display:none}.viewer-controls{justify-content:flex-end}.viewer-controls button{padding:7px 9px}body.has-storyboard .sheet-preview{height:70vh;min-height:420px;padding:5px}}