@font-face{font-family:System;src:local("Arial");font-display:swap}
:root{color-scheme:dark;--bg:#11120f;--surface:#1c1e18;--border:#34372c;--text:#f2f2e9;--muted:#93978a;--accent:#d6f77b;--error:#f2b29f;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{cursor:wait}button[hidden],a[hidden],[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page-shell{min-height:100svh;max-width:1600px;margin:0 auto;padding:0 56px;display:flex;flex-direction:column}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-weight:800;font-size:42px;letter-spacing:-3px;line-height:1}.wordmark span{color:var(--accent)}.header-note{font-size:12px;letter-spacing:.015em;color:var(--muted);display:flex;align-items:center;gap:9px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}main{flex:1;display:flex;justify-content:center;align-items:center;padding:65px 0 100px}.workspace{width:100%;max-width:760px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.18em;margin:0 0 25px;color:var(--accent)}h1{font-size:clamp(76px,8.5vw,116px);font-weight:600;line-height:.94;letter-spacing:-.075em;margin:0 0 28px}h1 span{color:var(--accent)}.lede{color:#b0b4a7;font-size:17px;line-height:1.5;margin:0 0 40px;letter-spacing:-.015em}.input-wrap{position:relative;display:flex;align-items:center;gap:15px;padding:10px 10px 10px 24px;background:var(--surface);border:1px solid var(--border);border-radius:18px;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#7d8d59;box-shadow:0 0 0 3px #d6f77b0a}.input-wrap.has-error{border-color:#aa7564}.link-icon{color:#8c9380;width:23px;height:23px;flex:none}.input-wrap input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);height:54px;font-size:17px;letter-spacing:-.025em;width:100%;padding:0}.input-wrap input::placeholder{color:#777e6d;opacity:1}.submit-button{border:0;width:56px;height:54px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#19200b;background:var(--accent);flex:none;transition:background .2s,transform .2s}.submit-button:hover{background:#e1ff9c}.submit-button:active{transform:scale(.96)}.submit-button svg{width:25px;height:25px}.input-caption{display:flex;justify-content:space-between;gap:12px;color:#757d6a;font-size:10px;letter-spacing:.025em;padding:13px 3px 0}.quality-note{white-space:nowrap}.platforms{margin-top:40px;color:#8f9586}.platforms>p{font-size:12px;line-height:2;letter-spacing:.005em;margin:0}.platforms>p span{margin:0 7px;color:#49503f}.mobile-break{display:none}.help-details{margin-top:17px;font-size:11px;line-height:1.7;color:#7c8471}.help-details summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:color .2s}.help-details summary:hover{color:var(--text)}.help-details summary::-webkit-details-marker{display:none}.help-details summary svg{width:14px;height:14px;transition:transform .2s}.help-details[open] summary svg{transform:rotate(180deg)}.help-content{max-width:630px;padding-top:8px;color:#979d8f;font-size:12px}.help-content p{margin:8px 0}.help-content strong{font-weight:500;color:#c5cabd}.site-footer{border-top:1px solid #292d22;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#626b58;font-size:10px;letter-spacing:.025em}
.activity-panel{margin-top:24px;border:1px solid var(--border);border-radius:15px;padding:22px 24px;background:#171912;animation:arrive .3s ease-out}.activity-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.activity-label{font-size:13px;display:flex;align-items:center;gap:11px}.spinner{width:13px;height:13px;flex:none;border:1.5px solid #4e5c38;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.progress-number{color:var(--accent);font-size:11px;font-variant-numeric:tabular-nums}.progress-track{height:3px;border-radius:2px;background:#323b26;overflow:hidden;margin:20px 0 12px}.progress-fill{height:100%;width:0;background:var(--accent);border-radius:2px;transition:width .4s ease}.progress-track.indeterminate .progress-fill{width:35%;animation:progress 1.8s ease-in-out infinite}.activity-detail{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.error-panel{display:flex;gap:14px;margin-top:24px;padding:22px;background:#211b17;border:1px solid #5c4033;border-radius:15px;animation:arrive .3s ease-out}.error-icon{border:1px solid #b9846c;color:var(--error);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;flex:none;margin-top:1px}.error-heading{font-size:13px;margin:0 0 7px}.error-panel #error-message{margin:0;color:#c5a89a;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.text-button{padding:0;border:0;background:transparent;color:inherit;font-size:11px;text-align:left}.error-panel .text-button{margin-top:14px;color:var(--error)}.error-panel .text-button span{margin-left:4px}.result-panel{display:grid;grid-template-columns:1fr 1fr;margin-top:27px;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#181a14;animation:arrive .35s ease-out}.video-wrap{background:#080a06;min-height:290px;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-wrap video{display:block;width:100%;height:100%;max-height:380px;min-height:230px;object-fit:contain}.result-details{padding:27px 24px 23px;min-width:0;display:flex;flex-direction:column}.result-kicker{font-size:8px;letter-spacing:.11em;color:var(--accent);margin:0 0 16px;display:flex;gap:6px;align-items:center}.ready-check{font-size:12px}h2{margin:0;font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.03em;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.result-meta{margin:10px 0 22px;color:#929b85;font-size:10px;line-height:1.5}.result-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}.primary-action{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;min-height:45px;border:0;border-radius:9px;background:var(--accent);color:#1c240e;font-size:12px;font-weight:600;transition:background .2s}.primary-action:hover{background:#e1ff9c}.primary-action svg{width:16px;height:16px}.primary-action.secondary{background:transparent;border:1px solid #3d4532;color:#b4bda8}.primary-action.secondary:hover{background:#252b1e}.primary-action:disabled{opacity:.55}.save-hint{font-size:10px;line-height:1.6;color:#909b82;margin:12px 0 0}.save-hint strong{font-weight:500;color:#c8d1bc}.share-feedback{font-size:10px;line-height:1.6;color:#b8c49f;margin:8px 0 0}.share-feedback:empty{display:none}.result-links{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-top:20px;color:#88947b;font-size:10px}.result-links a:hover,.result-links button:hover{color:var(--text)}.result-links a span{margin-left:3px}.result-links .text-button{font-size:10px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress{0%{transform:translateX(-110%)}100%{transform:translateX(390%)}}@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){main{padding-top:85px;padding-bottom:120px}}
@media(max-width:800px){.page-shell{padding:0 30px}.site-header{height:96px}main{padding:50px 0 80px}h1{font-size:96px}.workspace{max-width:650px}.result-panel{grid-template-columns:1fr 1fr}.result-details{padding:23px 20px}}
@media(max-width:520px){.page-shell{padding:0 23px}.site-header{height:90px}.wordmark{font-size:37px;letter-spacing:-2.5px}.header-note{font-size:9px;gap:7px}main{align-items:flex-start;padding:66px 0 65px}.eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:23px}h1{font-size:clamp(65px,18.2vw,89px);line-height:.97;letter-spacing:-.073em;margin-bottom:23px}.lede{font-size:13px;margin-bottom:33px}.input-wrap{padding:8px 8px 8px 15px;gap:10px;border-radius:14px}.link-icon{width:19px;height:19px}.input-wrap input{height:45px;font-size:14px}.submit-button{width:45px;height:45px;border-radius:8px}.submit-button svg{width:22px;height:22px}.input-caption{font-size:8px;padding-top:11px;letter-spacing:0}.platforms{margin-top:32px}.platforms>p{font-size:10px;line-height:2.3}.platforms>p span{margin:0 6px}.mobile-break{display:block}.help-details{margin-top:14px;font-size:10px}.help-content{font-size:11px}.site-footer{min-height:74px;font-size:8px;gap:15px;align-items:flex-start;padding-top:24px;line-height:1.5}.site-footer span:last-child{text-align:right;max-width:115px}.activity-panel{padding:20px 18px}.activity-label{font-size:12px}.activity-detail{font-size:10px}.error-panel{padding:19px 17px}.result-panel{grid-template-columns:1fr}.video-wrap{min-height:0}.video-wrap video{min-height:0;max-height:360px;aspect-ratio:16/10}.result-details{padding:23px}.result-kicker{font-size:9px;margin-bottom:13px}h2{font-size:22px}.result-meta{font-size:11px;margin-bottom:22px}.primary-action{min-height:48px;font-size:13px}.result-links{font-size:11px}.result-links .text-button{font-size:11px}.save-hint,.share-feedback{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.progress-track.indeterminate .progress-fill{width:40%}}
