@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg: #101010;--surface: #181818;--line: #303030;--text: #eeeee8;--muted: #969690;--faint: #686864;--accent: #ff5538;--body: "DM Sans", sans-serif;--display: "Barlow Condensed", Impact, sans-serif;--mono: "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--text);background:var(--bg);font:14px/1.55 var(--body);-webkit-font-smoothing:antialiased}body:before{content:"";position:absolute;z-index:-1;width:70%;height:600px;right:0;top:0;pointer-events:none;background:radial-gradient(ellipse at 75% 20%,#b8260b12,transparent 60%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0;background:none}::selection{color:#101010;background:var(--accent)}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:50;top:12px;left:12px;padding:12px 20px;background:var(--accent);color:#111;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:700;letter-spacing:-.03em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;padding-bottom:3px;background:var(--accent);color:#111;font-size:30px;line-height:1;font-weight:700;border-radius:3px}.brand-suffix{color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.025em}nav{display:flex;align-items:center;gap:30px;font-size:12px}nav>a:not(.nav-studio){color:#b7b7b0;transition:color .2s}nav>a:hover{color:#fff}.nav-studio{border:1px solid #44443f;padding:10px 15px;border-radius:3px}.nav-studio span{margin-left:20px;color:var(--accent)}.hero{padding:48px 0 36px}.hero-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow,.edition,.hero-spec,.mono{font:10px/1.5 var(--mono);letter-spacing:.075em}.eyebrow{color:#b7b7af}.eyebrow i{display:inline-block;height:6px;width:6px;margin-right:9px;background:var(--accent);border-radius:50%;vertical-align:1px}.edition{color:var(--faint)}h1{margin:0;font:800 clamp(76px,10.1vw,145px)/.9 var(--display);letter-spacing:-.015em}h1>span{display:block}.hero-bottom{display:flex;align-items:baseline;gap:.13em}h1 em{font-style:normal;color:var(--accent)}.hero-arrow{margin-left:auto;font-family:var(--body);font-weight:400;color:var(--accent);font-size:.8em}.hero-caption{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:26px}.hero-caption p{margin:0;color:#aaa9a2;font-size:14px;line-height:1.7}.hero-spec{color:#797973;display:flex;gap:16px;padding-bottom:4px}.hero-spec span:nth-child(2n){color:#464641}.studio-section{background:#161616;border:1px solid var(--line);border-radius:6px;overflow:hidden}.studio-bar{padding:18px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#1a1a1a}.studio-bar>div{display:flex;align-items:center;gap:10px}.studio-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #ff553836}.studio-bar h2{font:500 11px/1 var(--mono);letter-spacing:.1em;margin:0}.studio-version{font:9px var(--mono);color:var(--faint);margin-left:14px}.preview-state{color:#a9a9a2;font:9px var(--mono);letter-spacing:.05em}.studio-grid{display:grid;grid-template-columns:1fr 1.17fr 1fr;gap:28px;padding:26px 24px 24px}.studio-grid>section{min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:18px}.panel-title h3{font:10px var(--mono);color:#74746e;margin:0;white-space:nowrap}.panel-title h3 span{margin-left:10px;color:#d2d2c9;letter-spacing:.04em}.panel-code{color:#73736d;font:9px var(--mono);letter-spacing:.05em}.video-frame{position:relative;height:355px;width:100%;background:#0c0c0c;border:1px solid #292929;border-radius:3px;overflow:hidden}.video-frame video{display:block;height:100%;width:100%;object-fit:contain;background:#070707}.frame-tag{position:absolute;top:12px;left:12px;z-index:1;background:#101010cc;color:#eeeeea;padding:5px 7px;font:8px var(--mono);letter-spacing:.04em;pointer-events:none;border:1px solid #ffffff1a;border-radius:2px}.media-placeholder{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 65% 60%,#a1201225,transparent 70%),#101010}.media-placeholder:after{content:"";position:absolute;inset:0;opacity:.13;background:repeating-linear-gradient(0deg,transparent 0 2px,#000 2px 3px);pointer-events:none}.frame-corner{position:absolute;bottom:14px;left:14px;color:#78786f;font:9px var(--mono)}.placeholder-monogram{color:#38302b;font:800 148px/.9 var(--display);letter-spacing:-.04em}.placeholder-monogram span{color:#722b21}.media-placeholder p{max-width:160px;text-align:center;font-size:11px;color:#aaa29c}.reference-controls{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.reference-controls>.mono{font-size:9px;color:#88887f}.segmented{display:flex;padding:3px;background:#101010;border:1px solid #2a2a28;border-radius:4px;gap:3px}.segmented button{padding:6px 10px;color:#9a9a92;font-size:10px;border-radius:2px}.segmented button.selected{background:#30302d;color:#e8e8df}.segmented button:disabled{opacity:.35}.quality-note{display:flex;gap:10px;margin-top:18px}.quality-marker{flex:0 0 15px;height:15px;line-height:13px;border:1px solid #bc6d37;color:#dfa96b;font-size:9px;text-align:center;border-radius:50%;margin-top:2px}.quality-note p{margin:0;color:#9a9488;font-size:10px;line-height:1.65}.quality-note strong{color:#cdb392;font-weight:500;display:block;font-size:11px;margin-bottom:3px}.quality-note p>span{display:block}.quality-note.passed .quality-marker{border-color:#829a68;color:#b7c997}.quality-note.passed strong{color:#bdc6aa}.reference-note{font-size:11px;color:var(--muted);margin:16px 0 0}.sample-picker{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.sample-picker button{font-size:10px;padding:5px 9px;border:1px solid #383832;border-radius:2px;color:#9a9a91}.sample-picker button.selected{color:#ddd8cf;border-color:#716c60}.source-portrait{display:flex;align-items:center;gap:10px;margin-top:20px;padding-top:15px;border-top:1px solid #292929}.source-portrait img{width:35px;height:44px;object-fit:cover;border-radius:2px}.source-portrait p{color:#b3b3a9;font-size:10px;margin:0}.source-portrait p span{display:block;font-size:9px;color:#75756f;margin-top:3px}.maker-panel{padding-inline:26px;margin-inline:-2px;border-left:1px solid #2c2c29;border-right:1px solid #2c2c29}.upload-zone{position:relative;height:235px;border:1px dashed #484843;border-radius:3px;background:#1c1c1b;transition:border-color .2s,background .2s}.upload-zone:hover,.upload-zone.dragging{background:#22211f;border-color:#aa6b51}.upload-target{height:100%;width:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:20px}.upload-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #474742;margin-bottom:17px;color:var(--accent);font-size:24px;background:#20201e}.upload-target strong{font-size:13px;font-weight:500}.upload-target>span:not(.upload-icon){font-size:11px;color:#a7a79d;margin-top:4px}.upload-target small{font:9px var(--mono);color:#73736a;margin-top:24px}.upload-zone.has-photo{border-style:solid;background:#0c0c0c}.upload-zone>img{display:block;width:100%;height:100%;object-fit:contain}.photo-actions{position:absolute;bottom:8px;left:8px;right:8px;display:flex;justify-content:space-between;gap:8px}.photo-actions button{font-size:10px;background:#101010d9;padding:7px 10px;border:1px solid #ffffff24;border-radius:2px}.photo-actions button span{margin-left:8px}.local-tag{position:absolute;top:10px;left:10px;background:#101010cc;color:#dfded5;font:8px var(--mono);padding:5px 7px}.photo-tips{display:flex;gap:12px;justify-content:space-between;margin-top:12px;font:8px var(--mono);color:#96968b;letter-spacing:.02em}.photo-tips span:before{content:"✓";color:#8f9281;margin-right:4px}.template-row{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;border-block:1px solid #2d2d28;margin-top:24px;padding-block:14px}.template-row>span:first-child{font-size:10px;color:#828279;flex-basis:100%}.template-row strong{font-size:11px;font-weight:500;max-width:calc(100% - 55px)}.duration-chip{margin-left:auto;padding:3px 5px;border:1px solid #424239;font:8px var(--mono);color:#b4b4a8;border-radius:2px}.consent{display:flex;align-items:flex-start;gap:9px;margin-block:19px;font-size:10px;line-height:1.7;color:#abab9f;cursor:pointer}.consent input{accent-color:var(--accent);width:13px;height:13px;margin:3px 0 0;flex-shrink:0}.create-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 15px;border:1px solid var(--accent);border-radius:3px;background:var(--accent);color:#160b07;font-size:12px;font-weight:700;transition:background .2s}.create-button>span:last-child{font-size:20px;font-weight:400;line-height:1}.create-button:hover:not(:disabled){background:#ff745e}.create-button:disabled{background:#563126;color:#c39180;border-color:#694033}.submission-note{margin:10px 0 0;color:#8c8c80;font-size:9px;line-height:1.6}.operator-area{border-top:1px solid #30302a;margin-top:22px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:6px}.operator-area>span{font:8px var(--mono);color:#85857a}.operator-area i{display:inline-block;width:5px;height:5px;background:#77776c;margin-right:6px;border-radius:50%}.operator-area i.unlocked{background:#a0b787}.operator-area button{font-size:10px;color:#d1cbbc;padding:0}.operator-area button span{margin-left:6px;color:var(--accent)}.unlock-form{border:1px solid #39392e;padding:12px;margin-top:12px;border-radius:3px;background:#1c1c18}.unlock-form label{display:block;color:#ccc9ba;font-size:10px;margin-bottom:8px}.unlock-form>div{display:flex;gap:6px}.unlock-form input{min-width:0;width:100%;padding:8px;background:#111;border:1px solid #44443c;border-radius:2px;font-size:12px}.unlock-form button{background:#414038;border:1px solid #565348;font-size:10px;padding-inline:10px;border-radius:2px}.unlock-form>p{font-size:9px;color:#88877b;margin-bottom:0}.result-frame{background:#111}.result-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center}.result-symbol{color:#7b7b71;font-size:28px;border:1px solid #373731;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;margin-bottom:15px}.result-empty p{font-size:13px;color:#cacabc;margin:0 0 9px}.result-empty>span{color:#79796f;max-width:175px;font-size:10px;line-height:1.8}.result-symbol.working{border-top-color:var(--accent);color:var(--accent);animation:pulse 2s ease-in-out infinite}.result-status{display:flex;align-items:center;gap:7px;margin-top:18px;font:9px var(--mono);letter-spacing:.02em;color:#9d9d91}.status-light{display:inline-block;width:5px;height:5px;flex-shrink:0;background:#62625b;border-radius:50%}.status-light.running,.status-light.queued,.status-light.submitting,.status-light.processing{background:var(--accent)}.status-light.completed{background:#a4bd85}.status-light.failed,.status-light.unknown{background:#dba463}.result-footnote{color:#74746a;font-size:10px;line-height:1.8;margin:13px 0 0}.job-meta{color:#77776e;font:9px/1.6 var(--mono);display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:10px}.result-actions{display:flex;flex-wrap:wrap;gap:9px 14px;margin-top:14px}.result-actions>button{color:#bcbcae;font-size:10px;padding:0}.result-actions>button.delete-button{color:#968b7d;margin-left:auto}.download-button{width:100%;display:flex;justify-content:space-between;background:#e5e1d3;color:#20201b;padding:11px 12px;border-radius:2px;font-size:11px;font-weight:600}.form-error,.unlock-form>p.form-error{color:#efaa91;font-size:11px;line-height:1.6;margin:12px 0 0}.connection-note{color:#c2a885;font-size:10px;line-height:1.6}.pending-request{border-left:2px solid #c88b58;padding-left:10px;margin-top:14px}.pending-request>span{font:8px/1.7 var(--mono);color:#bdab93;overflow-wrap:anywhere;display:block}.pending-request button{padding:8px 0 0;font-size:10px;text-decoration:underline;text-underline-offset:4px}.pending-request p{font-size:9px;color:#978a78}.notice{border-bottom:1px solid #634034;padding:12px 24px;color:#edb299;font-size:12px}.notice button{text-decoration:underline;text-underline-offset:3px;margin-left:8px}.history{border-top:1px solid #303029;padding:18px 24px}.history-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.history-heading h3{font:9px var(--mono);letter-spacing:.06em;margin:0;color:#b9b9ac}.history-heading h3 span{margin-left:10px;color:#707066}.history-heading button{color:#b3b3a4;font-size:10px}.history-list{display:flex;overflow-x:auto;gap:8px;padding:3px 3px 8px}.history-list>button{display:flex;align-items:center;gap:8px;border:1px solid #33332d;padding:9px 10px;flex-shrink:0;font-size:10px;border-radius:2px}.history-list>button.selected{border-color:#786151;background:#282019}.history-list .mono{font-size:8px;color:#77776c}.history-empty{color:#74746b;font-size:11px}.studio-bottom{display:flex;justify-content:space-between;padding:12px 24px;border-top:1px solid var(--line);background:#131313;font:8px var(--mono);color:#6b6b62;letter-spacing:.055em;gap:15px}.how-section{padding-top:100px;padding-bottom:90px}.section-heading{display:grid;grid-template-columns:1fr 1.17fr 1fr;column-gap:28px;align-items:start}.section-heading>.eyebrow{margin-top:10px}.section-heading h2{font:600 46px/.98 var(--display);letter-spacing:-.01em;margin:0}.section-heading>p{color:#8d8d81;font-size:12px;line-height:1.8;margin:8px 0 0}.steps{margin:48px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps li{border-top:1px solid #33332d;padding-top:21px}.step-no{font:10px var(--mono);color:var(--accent)}.steps h3{font-size:16px;margin:24px 0 10px;font-weight:500;letter-spacing:-.02em}.steps p{color:#88887d;font-size:12px;line-height:1.9;max-width:270px;margin:0}.faq-section{display:grid;grid-template-columns:1fr 2.17fr;gap:28px;padding-block:64px 95px;border-top:1px solid #303029}.faq-section .section-heading{display:block}.faq-section h2{margin-top:24px}.faq-list details{border-top:1px solid #35352d}.faq-list details:last-child{border-bottom:1px solid #35352d}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:baseline;padding:21px 0;gap:20px;color:#c9c9bc;font-size:13px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font:20px var(--mono);color:#7e7e70;line-height:1}.faq-list details[open] summary span{transform:rotate(45deg);color:var(--accent)}.faq-list details p{margin:-3px 40px 24px 0;color:#8f8f81;font-size:12px;line-height:1.9;max-width:610px}.site-footer{border-top:1px solid #303029;padding-block:32px 40px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font-size:11px;color:#9a9a8b}.site-footer p{color:#6f6f63;font-size:9px;line-height:1.8;margin:0}.site-footer>a:last-child{font-size:10px;color:#aaa997}.site-footer>a:last-child span{margin-left:12px;color:var(--accent)}@keyframes pulse{50%{border-color:#ff553848;box-shadow:0 0 20px #ff55380b}}@media(min-width:1550px){h1{font-size:150px}.video-frame{height:405px}.upload-zone{height:268px}}@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.studio-grid{gap:18px;padding:24px 20px}.maker-panel{padding-inline:18px}.video-frame{height:310px}.upload-zone{height:214px}.panel-title h3{font-size:9px}.panel-title h3 span{margin-left:7px}.panel-code{font-size:8px}.hero-spec{gap:10px;font-size:9px}.photo-tips{font-size:7px;gap:5px}.section-heading h2{font-size:40px}}@media(max-width:820px){.wrap{width:calc(100% - 40px)}.site-header{height:78px}nav{gap:20px}.hero{padding-top:35px}h1{font-size:11.5vw}.hero-arrow{display:none}.hero-top{margin-bottom:24px}.hero-caption{margin-top:20px}.hero-spec{flex-wrap:wrap;justify-content:flex-end;max-width:240px}.studio-grid{grid-template-columns:.9fr 1.1fr;gap:24px;padding:24px}.maker-panel{border-right:0;margin:0;padding-left:24px;padding-right:0}.result-panel{grid-column:1 / -1;padding-top:22px;border-top:1px solid #303029;display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:start}.result-panel .panel-title{grid-column:1 / -1}.result-frame{grid-row:2 / 8;height:220px}.result-panel>:not(.panel-title):not(.result-frame){grid-column:2}.result-panel .result-status{margin-top:4px}.result-panel .result-footnote{align-self:end}.video-frame.reference-frame{height:330px}.section-heading{grid-template-columns:1fr 1.5fr}.section-heading>p{grid-column:2;margin-top:18px}.how-section{padding-block:72px}.steps{gap:24px}.faq-section{padding-block:50px 65px;grid-template-columns:.9fr 1.5fr}.site-footer{flex-wrap:wrap}.site-footer p{margin-left:auto}}@media(max-width:560px){.wrap{width:calc(100% - 32px)}.site-header{height:72px}.brand{gap:8px;font-size:12px}.brand-mark{width:28px;height:28px;font-size:25px}.brand-suffix{display:none}nav{gap:0}nav>a:not(.nav-studio){display:none}.nav-studio{font-size:10px;padding:8px 11px}.nav-studio span{margin-left:14px}.hero{padding-top:28px;padding-bottom:26px}.hero-top{align-items:start;gap:10px;margin-bottom:23px}.hero-top .eyebrow{font-size:8px;letter-spacing:.025em}.edition{font-size:7px;max-width:80px;text-align:right;line-height:1.8}h1{font-size:15.6vw;line-height:.95}.hero-bottom,h1 em{display:block}.hero-caption{display:block;margin-top:19px}.hero-caption p{font-size:12px}.hero-spec{margin-top:18px;max-width:none;justify-content:start;font-size:8px;gap:12px}.studio-bar{padding:16px}.studio-version{display:none}.studio-bar h2{font-size:10px}.preview-state{font-size:8px}.studio-grid{grid-template-columns:1fr;padding:20px 16px;gap:30px}.reference-panel .video-frame{height:360px}.reference-panel .video-frame video{background:#090909}.maker-panel{border:0;border-top:1px solid #303029;padding:24px 0 0}.panel-title h3{font-size:10px}.panel-code{font-size:9px}.upload-zone{height:245px}.photo-tips{font-size:8px;gap:12px}.template-row{margin-top:21px}.template-row strong{font-size:12px}.consent{font-size:11px;margin-block:20px}.create-button{padding:16px;font-size:13px}.submission-note{font-size:10px}.operator-area>span{font-size:9px}.operator-area button{font-size:11px}.result-panel{display:block;grid-column:auto;padding-top:24px}.result-frame{height:300px}.result-panel .result-status{margin-top:17px}.result-empty>span{max-width:200px;font-size:11px}.result-footnote{font-size:11px}.studio-bottom{padding:12px 16px;font-size:7px;line-height:1.6}.studio-bottom>span:last-child{text-align:right;max-width:95px;flex-shrink:0}.history{padding:16px}.how-section{padding-block:58px}.section-heading{display:block}.section-heading h2{font-size:42px;margin-top:20px}.section-heading>p{font-size:11px}.steps{grid-template-columns:1fr;margin-top:32px;gap:26px}.steps li{display:grid;grid-template-columns:42px 1fr;gap:0 12px;padding-top:18px}.step-no{grid-row:1 / 3;padding-top:3px}.steps h3{margin:0 0 8px;font-size:15px}.steps p{max-width:none;font-size:11px;grid-column:2}.faq-section{grid-template-columns:1fr;gap:32px;padding-block:40px 52px}.faq-list summary{font-size:12px;padding:19px 0}.faq-list details p{margin-right:20px;font-size:11px}.site-footer{padding-block:25px 32px;align-items:start;gap:18px}.site-footer p{flex-basis:100%;margin:0;order:2;font-size:9px}.site-footer>a:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}