.reelio-hero{position:relative;isolation:isolate;overflow:hidden;min-height:380px;border-radius:28px;background:#0a0f24;color:#fff;margin-bottom:24px}.reelio-hero video,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.reelio-hero video{filter:hue-rotate(-110deg) saturate(1.05)}.hero-shade{z-index:-1;background:linear-gradient(90deg,#0a0f24e8 0%,#0a0f2468 48%,transparent 75%)}.hero-copy{padding:44px 42px 58px;max-width:620px}.hero-edition{display:block;font:600 9px "Montserrat",sans-serif;letter-spacing:2.6px;color:#b8d3ff;margin-bottom:28px}.hero-copy h1{font:600 clamp(38px,4vw,62px)/1.04 "Onest",sans-serif;letter-spacing:-2.5px;margin-bottom:16px;width:auto;max-width:100%;overflow-wrap:break-word}.hero-copy h1 em{font-family:"Lora",serif;font-style:normal;font-weight:600;color:#7fe3ff}.hero-copy p{font-size:12px;line-height:1.6;color:#c9d3ee;max-width:255px}.hero-cta{display:flex;align-items:center;gap:13px;background:#fff;color:#111735;padding:13px 18px;border-radius:40px;margin-top:24px;font-size:11px;font-weight:700;transition:transform .2s}.hero-cta:hover{transform:translateY(-2px)}.hero-cta svg{width:17px;height:17px}.hero-footer{position:absolute;bottom:17px;left:42px;right:22px;display:flex;justify-content:space-between;align-items:center}.hero-footer>span{font:600 8px "Montserrat",sans-serif;letter-spacing:2.6px;color:#8fa0cc}.hero-footer button{display:grid;place-items:center;border:1px solid #ffffff30;border-radius:50%;width:31px;height:31px;color:#fff;background:#ffffff0d}.hero-footer svg{width:12px;height:12px}.studio-tabs{display:flex;gap:5px;max-width:390px;background:var(--surface);border:1px solid var(--line);padding:5px;border-radius:16px;margin:0 0 30px}.studio-tabs button{flex:1;padding:12px;font-size:12px;border-radius:11px;white-space:nowrap;font-weight:700}.studio-tabs button.selected{background:var(--text);color:var(--bg)}.studio-tabs button span{font-size:8px;background:#2f5bff22;padding:3px 5px;margin-left:5px;border-radius:5px}.generation-intro{margin:2px 0 25px}.generation-intro h1{width:auto;max-width:100%;overflow-wrap:break-word;font:600 clamp(32px,4vw,54px)/1.1 "Onest",sans-serif;letter-spacing:-1.8px;margin:15px 0}.generation-intro h1 em{font:600 1em "Lora",serif;color:#2f5bff}.generation-intro>p{font-size:13px;color:var(--secondary);line-height:1.7}.generation-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:34px;align-items:start;margin-bottom:50px}.generation-form{min-width:0}.gen-block{padding:25px;border:1px solid var(--line);border-radius:20px;background:var(--surface);margin-bottom:16px}.gen-section-heading{display:flex;align-items:center;gap:10px;margin-bottom:21px}.gen-section-heading>span:first-child{font:600 9px "Montserrat",sans-serif;color:#2f5bff;background:#2f5bff12;border:1px solid #2f5bff2a;border-radius:7px;padding:7px}.gen-section-heading h2{font-size:16px;letter-spacing:-.4px}.gen-section-heading>span:last-child{margin-left:auto;font-size:9px;color:var(--muted)}.gen-model{background:var(--soft);border:1px solid var(--line);padding:6px 8px;border-radius:8px;white-space:nowrap}.gen-block textarea,.gen-block input:not([type=checkbox]),.gen-specs select{font:600 13px/1.7 "Onest",sans-serif;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:12px;width:100%;padding:14px;resize:vertical;outline:none}.gen-block textarea:focus,.gen-block input:focus,.gen-specs select:focus{border-color:#2f5bff;box-shadow:0 0 0 3px #2f5bff16}.gen-block input::placeholder,.gen-block textarea::placeholder{color:var(--muted);font-weight:400}.gen-block>label{display:block;font-size:11px;margin-bottom:9px;color:var(--secondary)}.gen-hint{font-size:10px;color:var(--muted);line-height:1.8;margin:10px 0}.gen-prompts{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 24px}.gen-prompts button{font-size:9px;padding:7px 9px;background:var(--soft);border:1px solid var(--line);border-radius:20px;color:var(--secondary)}.gen-prompts button:hover{border-color:#2f5bff}.gen-specs{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:12px}.gen-specs label>span,.gen-resolution>span{display:block;font-size:9px;color:var(--muted);margin-bottom:7px}.gen-specs select{padding:9px 8px;font-size:11px;min-height:39px}.gen-resolution strong{font-size:11px;display:block;padding:11px 0;white-space:nowrap}.gen-block .gen-audio{display:flex;align-items:center;gap:8px;margin:19px 0 0;font-size:11px}.gen-audio small{font-size:9px;color:var(--muted);margin-left:auto}.gen-audio input,.gen-consent input{accent-color:#2f5bff;width:15px;height:15px;flex-shrink:0}.gen-fonts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 16px}.gen-font-card{padding:15px;border:1px solid var(--line);background:var(--bg);border-radius:12px;text-align:left;position:relative}.gen-font-card>strong{display:block;font-size:28px;line-height:1.15;margin-bottom:13px}.gen-font-card>span{font-size:10px}.gen-font-card>small{display:block;font:400 8px "Onest",sans-serif;color:var(--muted);margin-top:4px}.gen-font-card[aria-pressed=true]{background:#2f5bff12;border-color:#2f5bff}.gen-font-card[aria-pressed=true]:after{content:'✓';position:absolute;right:10px;top:9px;font:700 11px "Onest";color:#2f5bff}.gen-title-styles{display:flex;gap:6px}.gen-title-styles button{flex:1;padding:10px 4px;font-size:9px;border:1px solid var(--line);border-radius:9px;color:var(--secondary)}.gen-title-styles button[aria-pressed=true]{background:var(--text);color:var(--surface);border-color:var(--text)}.gen-colors{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.gen-colors button{width:24px;height:24px;border:3px solid var(--surface);outline:1px solid var(--line);border-radius:50%;background:var(--swatch)}.gen-colors button[aria-pressed=true]{outline:2px solid #2f5bff;transform:scale(1.1)}.gen-preview-column{position:sticky;top:25px;min-width:0}.gen-preview{aspect-ratio:9/16;width:min(100%,var(--gen-width,100%));max-height:520px;max-width:100%;border-radius:23px;overflow:hidden;position:relative;isolation:isolate;background:#0b1230;margin:auto;color:#fff;transition:aspect-ratio .25s}.gen-preview>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:77% 50%;z-index:-2}.gen-preview-veil{position:absolute;inset:0;background:linear-gradient(0deg,#0a0f24e8,transparent 85%);z-index:-1}.gen-preview-badge{position:absolute;top:17px;left:17px;font-size:9px;background:#ffffff13;border:1px solid #ffffff26;border-radius:20px;padding:7px 10px;backdrop-filter:blur(12px)}#gen-preview-title{position:absolute;top:64%;left:10%;right:10%;transform:translateY(-50%);font-size:clamp(19px,2.4vw,32px);font-weight:700;line-height:1.2;text-align:center;text-wrap:balance;overflow-wrap:anywhere;text-shadow:0 2px 16px #0007}.gen-preview[data-title-style=bold] #gen-preview-title{font-size:clamp(22px,2.8vw,37px);font-weight:700}.gen-preview[data-title-style=minimal] #gen-preview-title{font-size:clamp(16px,1.8vw,24px)}.gen-preview-signature{position:absolute;bottom:20px;left:20px;font:700 17px "Onest";letter-spacing:-.5px}.gen-preview-signature span{font-size:10px;vertical-align:top;margin-left:3px;color:#7fe3ff}.gen-preview-ratio{position:absolute;right:20px;bottom:24px;font:600 9px "Montserrat";color:#dbe8ff99}.gen-process{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:15px;margin-top:20px;font:600 7px "Montserrat";color:var(--muted);letter-spacing:.7px}.gen-submit>p:first-child{font-size:10px;line-height:1.8;color:var(--secondary);margin:0 0 10px}.gen-submit .primary-button{width:100%}.gen-submit>.gen-hint{text-align:center}.gen-confirm,.gen-recovery{margin-top:18px;border:1px solid #2f5bff66;background:var(--surface);border-radius:17px;padding:22px}.gen-quote-line{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}.gen-quote-line strong{font-size:20px}.gen-confirm>p{font-size:10px;line-height:1.7;color:var(--muted);margin:12px 0 20px}.gen-consent{display:flex;gap:9px;font-size:10px;line-height:1.6;align-items:flex-start;margin:0 0 18px}.gen-confirm .primary-button{width:100%}.gen-recovery p{font-size:11px;line-height:1.7;margin-bottom:12px}.generation-form button:disabled{opacity:.45;cursor:not-allowed}.generation-form input:disabled,.generation-form textarea:disabled,.generation-form select:disabled{opacity:.65}.font-card[data-font] strong{font-size:26px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:760px){.reelio-hero{min-height:360px;border-radius:23px;margin:0 0 20px}.hero-copy{max-width:100%}.reelio-hero video{object-position:68% 50%}.hero-shade{background:linear-gradient(90deg,#0a0f24e8,#110c1d33)}.hero-copy{padding:32px 24px 60px;max-width:350px}.hero-copy h1{font-size:clamp(30px,10vw,43px);letter-spacing:-1.6px}.hero-copy p{font-size:11px;max-width:200px}.hero-edition{font-size:7px;letter-spacing:1.7px;margin-bottom:28px}.hero-footer{left:24px}.hero-cta{font-size:10px;padding:12px 14px}.generation-grid{grid-template-columns:1fr;gap:24px}.generation-intro h1{font-size:38px}.gen-preview-column{position:static;grid-row:1}.gen-preview{max-height:none;width:min(100%,var(--gen-width-mobile,100%));min-width:160px;max-width:100%}.gen-preview-column>.gen-hint{max-width:280px;margin:10px auto;text-align:center}.gen-preview-column .section-line,.gen-process{display:none}.gen-preview-column>.gen-hint:last-child{display:none}#gen-preview-title{font-size:21px!important}.gen-preview-badge{font-size:6px;padding:5px 7px;top:10px;left:10px}.gen-preview-signature{font-size:12px;bottom:13px;left:13px}.gen-preview-ratio{bottom:15px;right:13px;font-size:7px}.gen-block{padding:19px}.studio-tabs{width:100%;max-width:none}.gen-audio small{max-width:150px;text-align:right}.gen-specs{gap:8px}.gen-specs select{font-size:10px}.gen-section-heading h2{font-size:15px}.gen-quote-line strong{font-size:18px}.gen-confirm{padding:18px}.gen-font-card>strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){.reelio-hero video{display:none}.reelio-hero{background:#0a0f24 url('/assets/hero/reelio-loop.jpg?v=20261013') 70% 50%/cover}.hero-cta,.gen-preview{transition:none}}