:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f8;--panel:#fff;--ink:#101114;--muted:#6a6f7a;--line:#e3e6ea;--soft:#eef0f3;--accent:#111;--yellow:#facc15;--green:#12b981}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}.app-shell{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.brand-mark{background:#5865f2;border-radius:8px;place-items:center;width:30px;height:30px;display:grid;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.nav{color:var(--muted);align-items:center;gap:18px;font-size:14px;display:flex}.nav a:hover{color:var(--ink)}.mobile-menu{display:none}.mobile-menu summary{list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.auth-menu{position:relative}.auth-menu summary,.auth-menu-trigger{border:1px solid var(--line);min-width:96px;height:34px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;padding:0 12px;font-size:14px;font-weight:700;list-style:none;display:inline-flex}.auth-menu summary::-webkit-details-marker{display:none}.auth-menu summary:hover,.auth-menu-trigger:hover{border-color:var(--ink)}.auth-menu-loading{color:var(--muted)}.clerk-account-trigger{width:auto}.clerk-account-trigger:before{content:"Account"}.clerk-account-avatar{display:none}.auth-menu-panel{z-index:40;border:1px solid var(--line);background:#fff;border-radius:8px;gap:8px;min-width:170px;padding:10px;display:grid;position:absolute;top:42px;right:0;box-shadow:0 18px 45px #0f11141f}.auth-menu-panel .nav-button{width:100%}.auth-menu-panel .cl-userButtonBox{justify-content:center}.nav-button{border:1px solid var(--line);height:34px;color:var(--ink);background:#fff;border-radius:6px;padding:0 12px;font-size:14px;font-weight:700}.nav-button:hover{border-color:var(--ink)}.auth-nav-placeholder{width:132px;height:34px}.page{width:min(1320px,100vw - 48px);max-width:100%;margin:0 auto;padding:34px 0 56px}.hero{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:28px;display:grid}.hero-main,.editor-panel,.preview-stage,.code-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px}.hero-main{padding:38px}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700}.hero h1{letter-spacing:0;max-width:1120px;margin:16px 0 14px;font-size:58px;line-height:.98}.hero-accent{color:#9a5b00;background:linear-gradient(90deg,#111 0%,#a15c00 42%,#d99a00 100%);-webkit-text-fill-color:transparent;text-wrap:balance;-webkit-background-clip:text;background-clip:text}.hero-copy{max-width:920px;color:var(--muted);margin:0;font-size:19px;line-height:1.45}.hero-actions{gap:12px;margin-top:28px;display:flex}.button{color:#fff;background:#5865f2;border:1px solid #111;border-radius:6px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-weight:700;display:inline-flex}.button.secondary{border-color:var(--line);color:var(--ink);background:#fff}.button.ghost{color:var(--ink);background:0 0;border-color:#0000}.site-footer{place-items:center;gap:16px;padding:24px 24px 42px;display:grid}.discord-cta{color:#fff;text-align:center;background:#111;border:1px solid #5b5fe8;border-radius:10px;place-items:center;gap:12px;width:min(620px,100%);min-height:142px;padding:22px;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 18px 48px #5865f23d}.discord-cta:hover{transform:translateY(-1px);box-shadow:0 22px 58px #5865f252}.discord-icon{background:#ffffff24;border-radius:12px;place-items:center;width:50px;height:50px;display:grid}.discord-icon svg{fill:#5865f2;width:31px;height:31px}.discord-cta strong,.discord-cta small{display:block}.discord-cta strong{font-size:22px;line-height:1.1}.discord-cta small{color:#ffffffd1;margin-top:5px;font-size:15px;line-height:1.35}.footer-legal{color:var(--muted);text-align:center;justify-items:center;gap:4px;margin:0;font-size:13px;line-height:1.4;display:grid}.footer-legal p{margin:0}.footer-legal a{color:inherit;text-underline-offset:3px;text-decoration:underline}.primary-button{color:#fff;background:#111;border:0;border-radius:6px;justify-content:center;align-items:center;width:fit-content;min-height:44px;margin-top:28px;padding:0 18px;font-weight:800;display:inline-flex}.jobs-hero{gap:10px;display:grid}.jobs-hero h1,.auth-card h1{letter-spacing:0;max-width:760px;margin:12px 0 8px;font-size:clamp(30px,3vw,42px);line-height:1.08}.jobs-hero .hero-copy{max-width:760px;font-size:16px;line-height:1.45}.jobs-panel{gap:18px;display:grid}.jobs-page{grid-template-columns:1fr;align-items:start;gap:22px;width:min(1180px,100vw - 48px);padding-top:36px;display:grid}.jobs-page .section-band{min-width:0}.job-row{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;display:grid}.job-row:last-child{border-bottom:0}.job-row div{gap:4px;min-width:0;display:grid}.job-row span,.job-row p{color:var(--muted);margin:0;font-size:14px}.job-row a,.job-row button{text-underline-offset:3px;font-weight:800;text-decoration:underline}.job-download{color:#fff;background:#111;border:0;border-radius:6px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;display:inline-flex;text-decoration:none!important}.download-error{color:#991b1b;margin:10px 0 0;font-size:14px}.job-status{color:#4d535c;text-transform:capitalize;background:#eef0f3;border-radius:999px;justify-content:center;min-width:86px;padding:5px 8px;font-size:12px;font-weight:800;display:inline-flex}.job-status.ready{color:#166534;background:#dcfce7}.job-status.failed{color:#991b1b;background:#fee2e2}.job-status.queued,.job-status.rendering{color:#854d0e;background:#fef9c3}.jobs-support-link{width:fit-content;margin-top:18px}.jobs-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.summary-metric{border:1px solid var(--line);background:#fff;border-radius:8px;align-content:center;gap:4px;min-height:68px;padding:12px 14px;display:grid}.summary-metric strong{color:var(--ink);font-size:22px;line-height:1}.summary-metric span{color:var(--muted);font-size:12px;font-weight:800}.summary-metric.failed strong{color:#991b1b}.jobs-list{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:2px 18px}.jobs-section-header{justify-content:space-between;align-items:end;gap:16px;display:flex}.jobs-section-header h2{margin:0;font-size:24px;line-height:1.1}.jobs-section-header p{color:var(--muted);margin:6px 0 0;font-size:14px}.jobs-empty{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:8px;padding:22px;display:grid}.jobs-empty strong{font-size:18px}.jobs-empty span:last-child{color:var(--muted)}.export-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.progress-step{border:1px solid var(--line);background:var(--panel);min-height:56px;color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:0 14px;display:flex}.progress-step span{background:var(--soft);width:28px;height:28px;color:var(--muted);border-radius:999px;place-items:center;font-size:13px;font-weight:800;display:grid}.progress-step strong{font-size:14px}.progress-step.complete{color:var(--ink)}.progress-step.complete span{color:#fff;background:#111}.progress-step.current{background:#fffbe6;border-color:#d4b106}.job-mini-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(420px,100%);margin-top:4px;display:grid}.job-row .mini-step{border:1px solid var(--line);background:var(--soft);min-width:0;color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;line-height:1.2;overflow:hidden}.job-row .mini-step.complete{color:var(--ink);background:#f3f4f6;border-color:#d1d5db}.job-row .mini-step.current{color:#854d0e;background:#fffbe6;border-color:#d4b106}.auth-page{place-items:center;min-height:calc(100vh - 64px);padding-top:40px;padding-bottom:64px;display:grid}.auth-card{background:linear-gradient(135deg, #facc1514, transparent 38%), var(--panel);grid-template-columns:minmax(0,1fr) minmax(360px,440px);align-items:center;gap:56px;width:min(1120px,100%);min-height:560px;padding:clamp(34px,5vw,64px);display:grid}.auth-card .hero-copy{text-align:center;grid-area:1/1/span 3;place-self:center;max-width:520px}.auth-card.verified{border-left:5px solid var(--green)}.auth-card.failed{border-left:5px solid #ef4444}.clerk-panel{grid-area:1/2/span 3;justify-self:end;width:min(440px,100%)}.clerk-panel :where(.cl-rootBox,.cl-cardBox,.cl-card){width:100%;max-width:100%}.clerk-loading{display:none}.clerk-loaded{display:block}.clerk-skeleton{border:1px solid var(--line);background:#fff;border-radius:12px;align-content:center;place-items:center;gap:14px;width:100%;min-height:426px;display:grid;overflow:hidden;box-shadow:0 18px 45px #0f11141f}.clerk-skeleton strong{color:var(--muted);font-size:14px}.clerk-loading-mark{border:3px solid var(--line);border-top-color:#111;border-radius:999px;width:34px;height:34px;animation:.85s linear infinite clerk-loading-spin}@keyframes clerk-loading-spin{to{transform:rotate(360deg)}}.auth-form{grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:12px;margin-top:16px;display:grid}.auth-form label{color:var(--muted);grid-column:1/-1;font-size:13px;font-weight:800}.auth-form input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:6px;padding:0 12px}.auth-message{color:var(--muted);gap:8px;margin-top:4px;display:grid}.auth-message a{width:fit-content;color:var(--ink);text-underline-offset:3px;font-weight:800;text-decoration:underline}.auth-message.failed{color:#991b1b}.auth-message.sent{color:#166534}.section-title{justify-content:space-between;align-items:flex-end;margin:38px 0 16px;display:flex}.section-title h2{overflow-wrap:anywhere;max-width:100%;margin:0;font-size:28px}.section-title p{max-width:560px;color:var(--muted);margin:0;line-height:1.45}.template-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),300px));align-items:start;gap:14px;display:grid}.template-card{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 10px 26px #0f11140f}.template-preview{aspect-ratio:16/9;background:#0f1012;overflow:hidden}.template-preview-video{object-fit:cover;width:100%;height:100%;display:block}.template-body{padding:12px}.template-body h3{margin:0 0 6px;font-size:15px;line-height:1.2}.template-body p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.template-body .button{border-radius:5px;min-height:34px;padding:0 12px;font-size:13px}.template-body p{color:var(--muted)}.pill-row{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.pill{background:var(--soft);color:#4d535c;border-radius:999px;padding:4px 7px;font-size:11px;font-weight:700}.editor-layout{grid-template-columns:390px minmax(0,1fr);gap:18px;display:grid}.editor-layout>*{min-width:0}.editor-panel{min-width:0;padding:18px}.field-group{gap:14px;display:grid}.field{gap:7px;display:grid}.field label{color:#3e434b;font-size:13px;font-weight:700}.field-hint{color:var(--muted);font-size:12px;line-height:1.35}.field-hint.error{color:#b91c1c;font-weight:700}.field-hint.success{color:#047857;font-weight:700}.field input,.field textarea,.field select{border:1px solid var(--line);width:100%;min-width:0;max-width:100%;color:var(--ink);background:#fff;border-radius:6px;outline:none}.field input,.field select{height:38px;padding:0 11px}.field textarea{resize:vertical;min-height:78px;padding:10px 11px}.field input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;height:44px;padding:0}.field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.field input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}.field input[type=color]::-moz-color-swatch{border:0;border-radius:6px}.checkbox-field{color:#3e434b;align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.checkbox-field input{width:16px;height:16px}.editor-fieldset{border:1px solid var(--line);border-radius:8px;gap:10px;min-width:0;margin:2px 0 0;padding:12px;display:grid}.editor-fieldset legend{color:var(--ink);padding:0 6px;font-size:13px;font-weight:800}.compact-field-grid{grid-template-columns:108px minmax(0,1fr);align-items:center}.editor-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.preview-stage{min-height:0;padding:12px;display:grid;overflow:visible}.browser-preview{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;min-height:0;padding:clamp(14px,2.2vw,28px);overflow:visible}.browser-preview.dark{background:#0f0f0f;border-color:#2a2a2a}.browser-preview.light{background:#fff}.youtube-page{color:#0f0f0f;background:#fff;width:min(920px,100%);margin:0 auto}.youtube-page.dark{color:#f5f5f5;background:#0f0f0f}.youtube-page.light{color:#0f0f0f;background:#fff}.video-frame{aspect-ratio:16/9;background:#111;border-radius:8px;place-items:center;display:grid;overflow:hidden}.video-frame img{object-fit:cover;background:#111;width:100%;height:100%}.video-placeholder{color:#fff;font-size:22px;font-weight:800}.video-title{color:#0f0f0f;text-overflow:ellipsis;white-space:nowrap;margin-top:2%;font-size:clamp(13px,2.05vw,25px);font-weight:800;line-height:1.18;overflow:hidden}.youtube-page.dark .video-title,.youtube-page.dark .channel-name{color:#f5f5f5}.channel-row{justify-content:space-between;align-items:center;gap:12px;margin-top:1.8%;display:flex}.channel-meta{align-items:center;gap:clamp(6px,1.1vw,12px);min-width:0;display:flex}.avatar{background:#d9eefc;border-radius:999px;place-items:center;width:clamp(24px,3.4vw,44px);height:clamp(24px,3.4vw,44px);font-weight:800;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.logo-avatar{background:#f1f5f9;border-radius:999px;width:clamp(24px,3.4vw,44px);height:clamp(24px,3.4vw,44px);overflow:hidden}.avatar.logo-avatar img{object-fit:cover;width:100%;height:100%}.channel-name{color:#0f0f0f;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(10px,1.3vw,16px);font-weight:800;overflow:hidden}.subscribers{color:#606060;margin-top:2px;font-size:clamp(8px,1.05vw,13px)}.youtube-page.dark .avatar.logo-avatar{background:#1f2937}.youtube-page.dark .subscribers,.youtube-page.dark .description-card p,.youtube-page.dark .link-label{color:#a3a3a3}.subscribe-button{color:#fff;background:#0f0f0f;border-radius:999px;justify-content:center;align-items:center;height:clamp(22px,2.7vw,36px);padding:0 clamp(10px,1.4vw,18px);font-size:clamp(9px,1vw,13px);font-weight:800;display:inline-flex}.youtube-page.dark .subscribe-button{color:#0f0f0f;background:#f1f1f1}.description-card{overflow-wrap:anywhere;background:#f2f2f2;border-radius:8px;width:100%;margin-top:2.2%;padding:clamp(8px,1.35vw,16px) clamp(10px,1.5vw,18px)}.youtube-page.dark .description-card{background:#272727}.youtube-page.dark .description-card p:first-child{color:#f5f5f5}.description-card p{color:#0f0f0f;max-width:92%;margin:0;font-size:clamp(9px,1.16vw,15px);line-height:1.45}.link-label{color:#606060;margin-top:7px}.highlight-link{background:var(--yellow);color:#0f172a;overflow-wrap:anywhere;white-space:normal;border-radius:6px;max-width:100%;margin-top:1.4%;padding:clamp(3px,.45vw,5px) clamp(6px,.8vw,9px);font-family:Consolas,Courier New,monospace;font-size:clamp(12px,1.65vw,21px);line-height:1.15;display:inline-block}.new-upload-preview{border:1px solid var(--line);border-radius:8px;gap:18px;padding:clamp(16px,2vw,28px);display:grid;overflow:hidden}.new-upload-preview.dark{color:#f5f5f5;background:#0f0f0f}.new-upload-preview.light{color:#0f0f0f;background:#fff}.new-upload-channel{grid-template-columns:clamp(82px,12vw,138px) minmax(0,1fr);align-items:center;gap:clamp(16px,2.2vw,28px);display:grid}.new-upload-avatar{aspect-ratio:1;background:#00ff3b;border-radius:999px;overflow:hidden}.new-upload-avatar img,.new-upload-thumb img{object-fit:cover;width:100%;height:100%;display:block}.new-upload-channel-copy{gap:8px;min-width:0;display:grid}.new-upload-name-row{align-items:center;gap:8px;min-width:0;display:flex}.new-upload-name-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(25px,4vw,44px);line-height:1.02;overflow:hidden}.verified-dot{border-radius:999px;flex:none;place-items:center;width:23px;height:23px;font-size:13px;display:grid}.new-upload-preview.dark .verified-dot{color:#0f0f0f;background:#f5f5f5}.new-upload-preview.light .verified-dot{color:#fff;background:#0f0f0f}.new-upload-channel-copy span,.new-upload-channel-copy p,.new-upload-card p{color:#a3a3a3;margin:0;font-size:clamp(12px,1.35vw,17px);line-height:1.35}.new-upload-preview.light .new-upload-channel-copy span,.new-upload-preview.light .new-upload-channel-copy p,.new-upload-preview.light .new-upload-card p{color:#606060}.new-upload-channel-copy p{text-overflow:ellipsis;white-space:nowrap;max-width:58ch;overflow:hidden}.new-upload-channel-copy button{color:#0f0f0f;background:#f1f1f1;border:0;border-radius:999px;width:fit-content;min-height:38px;padding:0 20px;font-weight:800}.new-upload-tabs{color:#a3a3a3;border-bottom:1px solid #80808047;gap:clamp(18px,3vw,38px);padding-bottom:10px;font-size:16px;font-weight:800;display:flex}.new-upload-tabs strong{color:inherit;text-underline-offset:12px;text-decoration:underline;text-decoration-thickness:2px}.new-upload-preview h3{margin:0;font-size:24px}.new-upload-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.new-upload-card{gap:8px;min-width:0;display:grid}.new-upload-thumb{aspect-ratio:16/9;background:#161616;border-radius:8px;position:relative;overflow:hidden}.new-upload-thumb span{color:#fff;background:#000000d1;border-radius:4px;padding:3px 5px;font-size:12px;font-weight:800;position:absolute;bottom:7px;right:7px}.new-upload-card strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.4em;font-size:clamp(12px,1.35vw,17px);line-height:1.2;display:-webkit-box;overflow:hidden}.comment-preview{border:1px solid var(--line);border-radius:8px;place-items:center;min-height:clamp(360px,54vw,620px);padding:clamp(26px,5vw,70px);display:grid;overflow:hidden}.comment-preview-inner{grid-template-columns:clamp(42px,7vw,78px) minmax(0,1fr);align-items:start;gap:clamp(14px,2vw,26px);width:min(760px,100%);display:grid;transform:translate(-2%)}.comment-preview-avatar{aspect-ratio:1;border-radius:999px;place-items:center;display:grid;overflow:hidden}.comment-preview-avatar svg,.comment-preview-creator-avatar svg{width:100%;height:100%;display:block}.comment-preview-avatar img{object-fit:cover;width:100%;height:100%}.comment-preview-body{align-items:start;gap:clamp(8px,1.2vw,14px);min-width:0;display:grid}.comment-preview-meta{justify-self:start;align-items:baseline;gap:12px;min-width:0;display:flex}.comment-preview-meta strong,.comment-preview-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.comment-preview-meta strong{font-size:clamp(18px,2.8vw,34px)}.comment-preview-meta span{font-size:clamp(14px,2.2vw,25px)}.comment-preview-body p{overflow-wrap:anywhere;justify-self:start;max-width:42ch;margin:0;font-size:clamp(20px,3.1vw,42px);line-height:1.34}.comment-preview-actions{justify-self:start;align-items:center;gap:clamp(10px,1.7vw,20px);font-size:clamp(14px,2vw,24px);display:flex}.comment-preview-actions strong{font-size:.92em}.comment-preview-like,.comment-preview-dislike{width:1em;height:.9em;position:relative}.comment-preview-like:before,.comment-preview-dislike:before{content:"";clip-path:polygon(6% 42%,28% 42%,48% 8%,63% 8%,57% 42%,90% 42%,96% 51%,82% 88%,30% 88%,30% 96%,6% 96%);background:currentColor;position:absolute;inset:0}.comment-preview-dislike{transform:rotate(180deg)}.comment-preview-heart{width:.58em;height:.58em;display:block;position:absolute;bottom:-.1em;right:-.08em;overflow:visible}.comment-preview-creator-heart{place-items:center;width:1.22em;height:1.22em;display:inline-grid;position:relative;overflow:visible}.comment-preview-creator-avatar{border-radius:999px;place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.comment-preview-heart svg{width:100%;height:100%;display:block;overflow:visible}.tear-preview{aspect-ratio:16/9;border:1px solid var(--line);background:#101114;border-radius:8px;position:relative;overflow:hidden}.tear-preview img{object-fit:cover;width:100%;height:100%;display:block}.tear-preview-second{position:absolute;inset:0;transform:scale(1.03)}.tear-preview-left,.tear-preview-right{position:absolute;inset:0;overflow:hidden}.tear-preview-left{clip-path:polygon(0 0,47% 0,50% 9%,47% 18%,51% 28%,48% 38%,52% 48%,49% 58%,52% 69%,48% 79%,50% 88%,47% 100%,0 100%);transform-origin:0;transform:translate(-10%)rotateY(10deg)}.tear-preview-right{clip-path:polygon(53% 0,100% 0,100% 100%,53% 100%,50% 88%,52% 79%,48% 69%,51% 58%,48% 48%,52% 38%,49% 28%,53% 18%,50% 9%);transform-origin:100%;transform:translate(10%)rotateY(-10deg)}.tear-preview-edges{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tear-preview-edges polyline{fill:none;stroke:#f2eee6;stroke-linecap:round;stroke-linejoin:round;stroke-width:.42px;opacity:.92}.code-panel{margin-top:18px;overflow:hidden}.code-panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.code-panel pre{color:#f2f4f8;background:#101114;max-height:360px;margin:0;padding:16px;font-size:12px;line-height:1.5;overflow:auto}.save-status,.render-status{border:1px solid var(--line);background:#f9fafb;border-radius:8px;gap:8px;margin-top:16px;padding:12px;display:grid}.save-status strong,.render-status strong{font-size:13px}.save-status span,.render-status span{color:var(--muted);overflow-wrap:anywhere;font-size:13px;line-height:1.35}.save-status code{color:#4d535c;text-overflow:ellipsis;background:#fff;border-radius:6px;max-width:100%;padding:8px;font-size:11px;display:block;overflow:hidden}.save-status.saved{background:#f0fdf8;border-color:#12b98157}.save-status.failed{background:#fff5f5;border-color:#dc26264d}.save-status.failed span{color:#991b1b}.render-status.ready{background:#f0fdf8;border-color:#12b98157}.render-status.failed{background:#fff5f5;border-color:#dc26264d}.render-status.failed span{color:#991b1b}.render-status video{background:#111;border-radius:6px;width:100%}@media (max-width:980px){.hero,.editor-layout,.template-grid,.jobs-page{grid-template-columns:1fr}.hero h1{font-size:42px}.auth-card{grid-template-columns:1fr;gap:28px;min-height:auto}.clerk-panel{grid-area:auto;justify-self:start}.topbar{padding:0 18px}.nav{gap:10px}}@media (max-width:720px){.topbar{align-items:center;height:62px;min-height:62px;padding:0 14px;position:sticky}.brand{gap:8px;font-size:19px}.nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;display:flex}.mobile-menu summary span{background:var(--ink);border-radius:999px;width:18px;height:2px}.mobile-menu-panel{z-index:30;border:1px solid var(--line);background:#fff;border-radius:8px;gap:6px;width:min(260px,100vw - 28px);padding:10px;display:grid;position:absolute;top:50px;right:0;box-shadow:0 18px 45px #0f11141f}.mobile-menu-panel a{min-height:42px;color:var(--ink);border-radius:6px;align-items:center;padding:0 10px;font-weight:700;display:flex}.mobile-menu-panel a:hover{background:var(--soft)}.mobile-menu-auth{border-top:1px solid var(--line);gap:8px;padding-top:8px;display:grid}.mobile-menu-auth .auth-menu summary,.mobile-menu-auth .auth-menu-trigger{width:100%;height:40px}.mobile-menu-auth .auth-menu-panel{min-width:0;box-shadow:none;border:0;margin-top:8px;padding:0;position:static}.mobile-menu-auth .nav-button{width:100%}.nav-button{min-width:92px;height:36px}.page{width:min(1320px,100vw - 28px);padding:28px 0 40px}.auth-page{place-items:start center;min-height:auto;padding-top:24px;padding-bottom:36px}.auth-card{text-align:center;background:var(--panel);justify-items:center;gap:18px;width:min(100%,430px);padding:24px 18px}.auth-card .eyebrow{text-align:center;width:100%}.auth-card h1{max-width:12ch;margin:4px auto 0;font-size:34px;line-height:1.04}.auth-card .hero-copy{grid-area:auto;max-width:31ch;margin:0 auto;font-size:16px;line-height:1.42}.auth-logo-panel{display:none}.clerk-panel{justify-self:center;width:min(100%,360px)}.clerk-panel>*{width:100%;max-width:100%;margin-inline:auto}.clerk-skeleton{min-height:420px}.jobs-page{gap:18px;padding-top:28px}.jobs-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title{align-items:start;gap:12px;max-width:100%;display:grid}.section-title>*{min-width:0;max-width:100%}.section-title h2{max-width:18ch;font-size:28px;line-height:1.06}.section-title p{max-width:min(100%,34ch)}.editor-panel,.preview-stage{max-width:100%;padding:16px}.editor-layout,.editor-layout>*,.code-panel,.code-panel pre{max-width:100%}.preview-stage{min-height:0}.browser-preview{min-height:0;padding:12px}.youtube-page,.description-card{width:100%}.editor-actions,.hero-actions{grid-template-columns:1fr;display:grid}.export-progress,.auth-form{grid-template-columns:1fr}.job-row{grid-template-columns:1fr;align-items:start}.job-status{width:fit-content}.job-download{width:100%}.button{width:100%;padding:0 12px}.field input[type=file]{height:auto;min-height:38px;padding:7px 8px}}