.home-hero{flex-direction:column;gap:.5rem;margin-bottom:1.75rem;display:flex}.home-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:oklch(84% .1 300);background:oklch(68% .24 300/.14);border:1px solid oklch(68% .24 300/.35);border-radius:999px;align-self:flex-start;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.66rem;font-weight:700;display:inline-flex}.home-hero-title{font-family:var(--font-display,inherit);letter-spacing:-.02em;color:var(--foreground);font-size:clamp(1.5rem,4vw,2.3rem);font-weight:800;line-height:1.1}.home-hero-desc{max-width:36rem;color:var(--muted-foreground);font-size:.9rem}.home-group{margin-bottom:1.75rem}.home-group-title{letter-spacing:.16em;text-transform:uppercase;color:oklch(80% .1 300);margin-bottom:.75rem;font-size:.72rem;font-weight:800}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (width>=1024px){.home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.home-card{background:linear-gradient(oklch(18.5% .058 296),oklch(17.5% .052 298)) padding-box padding-box,linear-gradient(150deg,oklch(68% .24 300/.45),oklch(68% .24 300/.08) 50%,oklch(70% .24 326/.25)) border-box;border:1px solid #0000;border-radius:1.1rem;flex-direction:column;gap:.6rem;min-width:0;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 10px 30px -22px oklch(68% .24 300/.6)}.home-card:hover,.home-card:focus-visible{transform:translateY(-1px);box-shadow:0 14px 34px -18px oklch(68% .24 300/.8)}.home-card:active{transform:scale(.98)}.home-card-hl{background:linear-gradient(135deg,oklch(23.5% .1 295),oklch(17.5% .052 298)) padding-box padding-box,linear-gradient(150deg,oklch(68% .24 300/.7),oklch(70% .24 326/.35)) border-box;grid-column:1/-1}.home-card-icon{color:oklch(86% .1 300);background:oklch(68% .24 300/.18);border-radius:.7rem;place-items:center;width:2.2rem;height:2.2rem;display:grid}.home-card-body{flex-direction:column;gap:.2rem;min-width:0;display:flex}.home-card-title{color:oklch(97% .01 290);font-size:.9rem;font-weight:700;line-height:1.2}.home-card-desc{color:oklch(70% .02 288);font-size:.75rem;line-height:1.35}.home-card-open{color:oklch(80% .14 300);margin-top:auto;font-size:.72rem;font-weight:700}@media (prefers-reduced-motion:reduce){.home-card{transition:none}.home-card:hover,.home-card:active{transform:none}}.cc-page{--cc-night:oklch(13% .058 298);--cc-panel:oklch(18% .06 296);--cc-field:oklch(15% .052 298);--cc-line:oklch(36% .08 292/.55);--cc-violet:oklch(68% .24 300);--cc-violet-soft:oklch(84% .1 300);--cc-pink:oklch(70% .24 326);--cc-blue:oklch(58% .22 274);--cc-text:oklch(97% .01 290);--cc-muted:oklch(72% .03 288);max-width:100%;color:var(--cc-text);flex-direction:column;gap:1.25rem;display:flex;overflow-x:clip}.cc-hero{flex-direction:column;gap:.6rem;padding:.5rem 0 .25rem;display:flex}.cc-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--cc-violet-soft);background:color-mix(in oklab, var(--cc-violet) 14%, transparent);border:1px solid color-mix(in oklab, var(--cc-violet) 35%, transparent);border-radius:999px;align-self:flex-start;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.68rem;font-weight:700;display:inline-flex}.cc-title{font-family:var(--font-display,inherit);letter-spacing:-.03em;background:linear-gradient(120deg, var(--cc-text) 40%, var(--cc-violet-soft));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,2.9rem);font-weight:800;line-height:1.05}.cc-subtitle{max-width:38rem;color:var(--cc-muted);font-size:.92rem;line-height:1.55}.cc-segmented{background:var(--cc-field);border:1px solid var(--cc-line);border-radius:1rem;align-self:flex-start;gap:.25rem;max-width:100%;padding:.3rem;display:inline-flex}.cc-seg-btn{border-radius:.75rem;justify-content:center;align-items:center;gap:.45rem;min-height:2.6rem;padding:0 1rem;font-size:.8rem;font-weight:700;transition:background .25s,color .25s,box-shadow .25s;display:inline-flex}.cc-seg-idle{color:var(--cc-muted)}.cc-seg-idle:hover{color:var(--cc-text);background:color-mix(in oklab, var(--cc-violet) 8%, transparent)}.cc-seg-active{color:oklch(99% 0 0);background:linear-gradient(135deg, var(--cc-violet), var(--cc-blue));box-shadow:0 6px 20px -8px color-mix(in oklab, var(--cc-violet) 70%, transparent)}.cc-card{background:linear-gradient(var(--cc-panel), var(--cc-panel)) padding-box, linear-gradient(150deg, color-mix(in oklab, var(--cc-violet) 55%, transparent), color-mix(in oklab, var(--cc-violet) 12%, transparent) 45%, color-mix(in oklab, var(--cc-pink) 30%, transparent)) border-box;box-shadow:0 0 0 1px oklch(0% 0 0/.2), 0 18px 50px -28px color-mix(in oklab, var(--cc-violet) 55%, transparent);border:1px solid #0000;border-radius:1.5rem;padding:1.5rem;position:relative}.cc-card.overflow-hidden{padding:0}.cc-card-title{font-family:var(--font-display,inherit);color:var(--cc-text);align-items:center;gap:.55rem;font-size:1.2rem;font-weight:800;display:flex}.cc-card-title svg{color:var(--cc-violet)}.cc-card-desc{color:var(--cc-muted);margin:.5rem 0 1.5rem;font-size:.82rem;line-height:1.55}.cc-group-title{letter-spacing:.14em;text-transform:uppercase;color:var(--cc-violet-soft);align-items:center;gap:.6rem;padding-top:.25rem;font-size:.72rem;font-weight:800;display:flex}.cc-group-title span{width:1.6rem;height:1.6rem;color:var(--cc-text);background:color-mix(in oklab, var(--cc-violet) 22%, transparent);border-radius:.5rem;place-items:center;font-size:.65rem;display:inline-grid}.cc-group-title:after{content:"";background:linear-gradient(90deg, var(--cc-line), transparent);flex:1;height:1px}.cc-label{letter-spacing:.06em;text-transform:uppercase;color:var(--cc-muted);margin-bottom:.55rem;font-size:.72rem;font-weight:700;display:block}.cc-page textarea,.cc-page select,.cc-page input:not([type=file]){min-height:2.9rem;color:var(--cc-text);transition:border-color .2s,box-shadow .2s;background:var(--cc-field)!important;border-color:var(--cc-line)!important;border-radius:.85rem!important}.cc-page textarea:focus,.cc-page select:focus,.cc-page input:focus{box-shadow:0 0 0 3px color-mix(in oklab, var(--cc-violet) 18%, transparent);border-color:var(--cc-violet)!important}.cc-upload{border:1.5px dashed color-mix(in oklab, var(--cc-violet) 55%, transparent);background:color-mix(in oklab, var(--cc-violet) 6%, var(--cc-field));border-radius:1.1rem;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;width:100%;min-height:9rem;padding:1.5rem;transition:background .2s,border-color .2s;display:flex}.cc-upload:hover{border-color:var(--cc-violet);background:color-mix(in oklab, var(--cc-violet) 12%, var(--cc-field))}.cc-upload-icon{width:2.8rem;height:2.8rem;color:var(--cc-text);background:linear-gradient(135deg, var(--cc-violet), var(--cc-blue));border-radius:.9rem;place-items:center;display:grid}.cc-upload-label{color:var(--cc-text);font-size:.88rem;font-weight:700}.cc-upload-hint{color:var(--cc-muted);font-size:.72rem}.cc-upload-filled{border:1.5px solid var(--cc-violet);box-shadow:0 0 24px -10px color-mix(in oklab, var(--cc-violet) 70%, transparent);border-radius:1.1rem}.cc-chip{background:var(--cc-field);border:1px solid var(--cc-line);min-height:2.75rem;color:var(--cc-muted);border-radius:.85rem;padding:0 .75rem;font-size:.85rem;font-weight:700;transition:all .2s}.cc-chip:hover{color:var(--cc-text);border-color:color-mix(in oklab, var(--cc-violet) 50%, transparent)}.cc-chip-active{color:oklch(99% 0 0);border-color:var(--cc-violet);background:color-mix(in oklab, var(--cc-violet) 24%, var(--cc-field));box-shadow:0 0 18px -8px color-mix(in oklab, var(--cc-violet) 80%, transparent)}.cc-credits{background:color-mix(in oklab, var(--cc-violet) 9%, var(--cc-field));border:1px solid var(--cc-line);border-radius:1rem;grid-template-columns:1fr auto;align-items:center;gap:.15rem 1rem;padding:.9rem 1rem;font-size:.8rem;display:grid}.cc-credits-label{letter-spacing:.1em;text-transform:uppercase;color:var(--cc-muted);font-size:.68rem;font-weight:700}.cc-credits-value{color:var(--cc-violet-soft);grid-column:1;font-size:1.1rem;font-weight:800}.cc-credits-text{color:var(--cc-muted);grid-column:1}.cc-credits a{color:var(--cc-violet-soft);border:1px solid color-mix(in oklab, var(--cc-violet) 45%, transparent);border-radius:.7rem;grid-area:1/2/span 3;padding:.5rem .85rem;text-decoration:none!important}.cc-generate{color:oklch(99% 0 0);background:linear-gradient(120deg, var(--cc-violet), var(--cc-pink) 55%, var(--cc-blue));width:100%;min-height:3.6rem;box-shadow:0 14px 34px -14px color-mix(in oklab, var(--cc-violet) 80%, transparent);border-radius:1.1rem;justify-content:center;align-items:center;gap:.55rem;font-size:.98rem;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex}.cc-generate:hover:not(:disabled){box-shadow:0 18px 40px -14px color-mix(in oklab, var(--cc-pink) 80%, transparent);transform:translateY(-1px)}.cc-generate:disabled{opacity:.55}.cc-output-head{border-bottom:1px solid var(--cc-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;display:flex}.cc-output-head h3{font-family:var(--font-display,inherit);font-size:1.1rem;font-weight:800}.cc-safe-badge{letter-spacing:.08em;color:oklch(85% .14 160);background:oklch(70% .15 160/.14);border:1px solid oklch(70% .15 160/.35);border-radius:999px;padding:.35rem .7rem;font-size:.64rem;font-weight:800}.cc-output-block{background:var(--cc-field);border:1px solid var(--cc-line);border-radius:1rem;padding:1rem}.cc-output-block>div:first-child p{color:var(--cc-violet-soft)!important}.cc-copy{color:var(--cc-text);background:color-mix(in oklab, var(--cc-violet) 22%, transparent);border:1px solid color-mix(in oklab, var(--cc-violet) 45%, transparent);border-radius:.6rem;align-items:center;gap:.3rem;padding:.35rem .7rem;font-size:.72rem;font-weight:700;display:inline-flex}.cc-copy:hover{background:color-mix(in oklab, var(--cc-violet) 34%, transparent)}@media (width<=640px){.cc-card{border-radius:1.25rem;padding:1.1rem}.cc-segmented{align-self:stretch}.cc-seg-btn{flex:1;padding:0 .5rem;font-size:.74rem}.cc-output-head{padding:1rem 1.1rem}}@media (prefers-reduced-motion:reduce){.cc-page *{transition:none!important}.cc-generate:hover{transform:none}}.mv-page{width:min(100%,72rem);margin-inline:auto;padding-bottom:6.5rem}@media (width>=1024px){.mv-page{padding-bottom:2rem}}.mv-header{margin-bottom:1rem}.mv-header h1{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1.35rem;font-weight:800;display:flex}.mv-header p{color:var(--muted-foreground);margin-top:.25rem;font-size:.8rem}.mv-cost-inline{color:var(--brand);font-weight:700}.mv-cost-pill{color:color-mix(in oklab, var(--brand) 70%, var(--foreground));background:color-mix(in oklab, var(--brand) 12%, transparent);border:1px solid color-mix(in oklab, var(--brand) 30%, transparent);border-radius:.75rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.75rem;display:flex}.mv-cost-pill b{color:var(--foreground)}.mv-layout{grid-template-columns:minmax(0,1fr);gap:.875rem;display:grid}@media (width>=1024px){.mv-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.mv-side{position:sticky;top:1rem}}.mv-main,.mv-side{grid-template-columns:minmax(0,1fr);align-content:start;gap:.75rem;min-width:0;display:grid}.mv-card{border:1px solid color-mix(in oklab, var(--brand) 18%, transparent);background:linear-gradient(160deg, color-mix(in oklab, var(--card) 92%, var(--brand) 8%), var(--card));box-shadow:0 8px 24px -18px color-mix(in oklab, var(--brand) 60%, transparent);border-radius:1.1rem;padding:1rem}.mv-card-flush{padding:0}.mv-card-strong{border-color:color-mix(in oklab, var(--brand) 38%, transparent)}.mv-card-head{align-items:flex-start;gap:.65rem;margin-bottom:.75rem;display:flex}.mv-card-head h2{font-size:.9rem;font-weight:700}.mv-card-head p{color:var(--muted-foreground);margin-top:.15rem;font-size:.72rem;line-height:1.45}.mv-step{width:1.5rem;height:1.5rem;color:var(--brand-foreground);background:linear-gradient(135deg, var(--brand), oklch(62% .24 320));border-radius:999px;flex-shrink:0;place-items:center;font-size:.7rem;font-weight:800;display:grid}.mv-upload{cursor:pointer;border:1.5px dashed color-mix(in oklab, var(--brand) 55%, transparent);background:color-mix(in oklab, var(--brand) 6%, var(--background));border-radius:.9rem;flex-direction:column;align-items:center;gap:.3rem;padding:1.1rem;transition:border-color .2s,background .2s;display:flex}.mv-upload:hover,.mv-upload:focus-within{border-color:var(--brand);background:color-mix(in oklab, var(--brand) 11%, var(--background))}.mv-preview{align-items:center;gap:.85rem;display:flex}.mv-tag{color:color-mix(in oklab, var(--brand) 55%, var(--foreground));background:color-mix(in oklab, var(--brand) 14%, transparent);border:1px solid color-mix(in oklab, var(--brand) 25%, transparent);border-radius:999px;align-items:center;padding:.15rem .55rem;font-size:.65rem;font-weight:600;display:inline-flex}.mv-pills{flex-wrap:wrap;gap:.45rem;display:flex}.mv-pill{border:1px solid var(--border);background:var(--secondary);color:var(--muted-foreground);border-radius:999px;padding:.42rem .95rem;font-size:.78rem;font-weight:600;transition:all .18s}.mv-pill:hover{color:var(--foreground)}.mv-pill[aria-pressed=true]{color:var(--brand-foreground);background:linear-gradient(135deg, var(--brand), oklch(60% .23 315));box-shadow:0 4px 14px -4px color-mix(in oklab, var(--brand) 70%, transparent);border-color:#0000}.mv-add-script{width:100%;color:var(--brand);align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.mv-textarea,.mv-select{border:1px solid var(--border);background:color-mix(in oklab, var(--background) 70%, transparent);border-radius:.75rem;outline:none;width:100%;padding:.65rem .75rem;font-size:.82rem}.mv-select{margin-top:.25rem;padding:.5rem;font-size:.75rem}.mv-textarea{resize:none}.mv-textarea:focus,.mv-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklab, var(--brand) 18%, transparent)}.mv-mode{text-align:left;border:1px solid var(--border);background:var(--secondary);border-radius:.9rem;flex-direction:column;gap:.2rem;padding:.75rem;transition:all .18s;display:flex}.mv-mode b{font-size:.82rem}.mv-mode span{color:var(--muted-foreground);font-size:.68rem;line-height:1.35}.mv-mode[aria-pressed=true]{border-color:var(--brand);background:color-mix(in oklab, var(--brand) 14%, var(--secondary));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--brand) 40%, transparent), 0 0 18px -6px color-mix(in oklab, var(--brand) 60%, transparent)}.mv-carousel{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:.6rem;margin-top:.7rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.mv-rec{scroll-snap-align:start;border:1px solid var(--border);background:var(--secondary);text-align:left;border-radius:.9rem;flex:0 0 7.25rem;transition:border-color .18s,transform .18s;position:relative;overflow:hidden}.mv-rec:hover{border-color:var(--brand);transform:translateY(-1px)}.mv-rec-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:.45rem .5rem .55rem;font-size:.68rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.mv-rec-add{background:var(--brand);width:1.5rem;height:1.5rem;color:var(--brand-foreground);box-shadow:0 2px 8px color-mix(in oklab, var(--brand) 50%, transparent);border-radius:999px;place-items:center;display:grid;position:absolute;top:.4rem;right:.4rem}.mv-chip{scroll-snap-align:start;border:1px solid var(--border);background:var(--secondary);border-radius:.7rem;flex-shrink:0;padding:.5rem .85rem;font-size:.75rem;font-weight:600}.mv-chip:hover{border-color:var(--brand)}.mv-library-btn{border:1px solid color-mix(in oklab, var(--brand) 45%, transparent);background:color-mix(in oklab, var(--brand) 12%, transparent);width:100%;color:color-mix(in oklab, var(--brand) 60%, var(--foreground));border-radius:.85rem;justify-content:center;align-items:center;gap:.5rem;margin-top:.8rem;padding:.7rem;font-size:.8rem;font-weight:700;transition:background .18s;display:flex}.mv-library-btn:hover{background:color-mix(in oklab, var(--brand) 20%, transparent)}.mv-seq-row{border:1px solid var(--border);background:color-mix(in oklab, var(--secondary) 80%, transparent);border-radius:.75rem;align-items:center;gap:.55rem;padding:.4rem .5rem;display:flex}.mv-secondary-btn{border:1px solid color-mix(in oklab, var(--brand) 45%, transparent);color:var(--brand);border-radius:.75rem;padding:.55rem .8rem;font-size:.75rem;font-weight:700}.mv-secondary-btn:disabled{opacity:.45}.mv-generate{color:var(--brand-foreground);background:linear-gradient(100deg, var(--brand), oklch(60% .24 318));box-shadow:0 10px 24px -10px color-mix(in oklab, var(--brand) 80%, transparent);border-radius:.9rem;padding:.8rem 1.4rem;font-size:.9rem;font-weight:800}.mv-generate:disabled{opacity:.5}.mv-bottom-bar{z-index:40;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid color-mix(in oklab, var(--brand) 25%, transparent);background:color-mix(in oklab, var(--background) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);inset-inline:0;align-items:center;gap:.75rem;display:flex;position:fixed;bottom:0}@media (width>=1024px){.mv-bottom-bar{display:none}}.mv-library{z-index:50;background:color-mix(in oklab, var(--background) 70%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;position:fixed;inset:0}.mv-library-inner{background:var(--card);flex-direction:column;width:100%;height:100%;display:flex}@media (width>=768px){.mv-library{justify-content:center;align-items:center;padding:1.5rem}.mv-library-inner{border:1px solid var(--border);border-radius:1.25rem;max-width:56rem;height:90vh}}@media (prefers-reduced-motion:reduce){.mv-page *,.mv-library *{transition-duration:.01ms!important;animation-duration:.01ms!important}}.studio-shell{--background:oklch(13% .058 298);--card:oklch(18% .06 296);--surface:oklch(14.5% .06 298);--secondary:oklch(22% .066 295);--border:oklch(33% .08 295);--brand:oklch(64% .22 298);--foreground:oklch(97% .01 290);--muted-foreground:oklch(72% .03 294);background:var(--background);color:var(--foreground);min-height:100dvh;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.studio-shell>aside,.studio-shell>div.sticky,.studio-shell>main>div:first-child:not(:last-child){display:none!important}.studio-shell>main{min-height:100dvh;padding-left:0!important}.studio-shell>main>div:last-child{min-height:100dvh;padding:0!important}.studio-shell>main>div:last-child>header{z-index:20;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:90px;margin:0;padding:18px max(24px,50vw - 380px);position:sticky;top:0}.studio-shell>main>div:last-child>header>div:first-child{padding-left:64px;position:relative}.studio-shell>main>div:last-child>header>div:first-child:before{content:"A";background:linear-gradient(145deg,var(--brand),color-mix(in srgb,var(--brand) 72%,black));width:48px;height:48px;color:var(--brand-foreground);box-shadow:0 10px 25px color-mix(in srgb,var(--brand) 28%,transparent);border-radius:10px;place-items:center;font-size:20px;font-weight:800;display:grid;position:absolute;top:0;left:0}.studio-shell>main>div:last-child>header>div:last-child{display:none}.studio-shell h1{letter-spacing:0;font-size:22px;line-height:1.15}.studio-shell header>div>p{letter-spacing:.16em;text-transform:uppercase;font-size:12px}.prompt-flow{background:var(--background);width:100%;margin:0;display:block}.studio-config{border:0;flex-direction:column;width:min(100%,760px);margin:0 auto;display:flex;overflow:visible}.studio-config>div:not(.studio-config-scroll):not(.studio-footer){border-bottom:1px solid var(--border);background:var(--card);border-left:0;margin:0;padding:10px 20px;font-size:11px;line-height:1.55}.studio-config>div:nth-child(2){color:var(--muted-foreground);background:var(--surface)!important;padding:8px 20px!important}.studio-config>div:nth-child(2)>svg{width:14px;height:14px}.studio-config-scroll{scroll-behavior:smooth;padding:36px 24px 20px;overflow:visible;display:block!important}.prompt-flow .prompt-step{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0 0 38px;overflow:visible}.prompt-flow .prompt-steps:before,.prompt-flow .prompt-step:before{display:none}.prompt-flow .prompt-step{margin-left:0;padding:0}.prompt-flow .prompt-step-header{background:0 0;border:0;padding:0 0 15px}.prompt-flow .prompt-step-header h2{letter-spacing:.04em;color:var(--foreground);text-transform:uppercase;font-size:17px;font-weight:800}.prompt-flow .prompt-step-header h2>span{font-size:inherit;font-weight:inherit;text-transform:uppercase;color:inherit;float:none;background:0 0;border:0;padding:0}.prompt-flow .prompt-step-header h2>span:before{content:"("}.prompt-flow .prompt-step-header h2>span:after{content:")"}.prompt-flow .prompt-step-header p{color:var(--muted-foreground);margin-top:5px;font-size:11px;line-height:1.55}.prompt-flow .prompt-step-body{padding:0}.prompt-flow .prompt-step-body>.grid{gap:10px}.prompt-flow button,.prompt-flow select,.prompt-flow input,.prompt-flow textarea{transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}.prompt-flow button:not(:disabled):hover{background-color:#8581ff10;border-color:#7773cb}.prompt-flow button:focus-visible,.studio-shell a:focus-visible{outline-offset:3px;outline:2px solid #9692ff}.prompt-flow button[aria-pressed=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 25%,transparent);background:color-mix(in srgb,var(--brand) 13%,var(--background))!important;color:var(--foreground)!important;border-color:var(--brand)!important}.prompt-flow select,.prompt-flow input:not([type=file]),.prompt-flow textarea{border:1px solid var(--border);min-height:46px;color:var(--foreground);border-radius:9px;padding:10px 14px;font-size:14px;background:var(--secondary)!important}.prompt-flow select:focus,.prompt-flow textarea:focus,.prompt-flow input:focus{border-color:#8581ff;box-shadow:0 0 0 3px #8581ff15}.prompt-flow select option{background:var(--secondary);color:var(--foreground)}.prompt-flow label>span{color:#929bad;font-size:11px}.prompt-flow .generation-grid button{background:var(--secondary);border-radius:9px;gap:0;min-height:52px;padding:12px 16px;font-size:14px;transform:none}.prompt-flow .generation-grid button img{display:none}.prompt-flow .prompt-upload{border:2px dashed color-mix(in srgb,var(--brand) 70%,var(--border));background:var(--card);border-radius:12px;height:auto;min-height:260px;padding:24px}.prompt-flow .prompt-upload svg{color:#a4a0ff;background:#8581ff15;border-radius:10px;width:38px;height:38px;padding:8px}.prompt-flow .prompt-step-body img.max-h-72{background:var(--card);min-height:300px;max-height:430px}.prompt-flow .prompt-step-body p{font-size:11px;line-height:1.6}.prompt-flow .prompt-accordion{border:1px solid var(--border);background:var(--card);border-radius:9px;overflow:hidden}.prompt-flow .prompt-accordion button{height:auto;min-height:40px;font-size:12px}.prompt-flow .prompt-accordion-panel{grid-template-rows:0fr;transition:grid-template-rows .2s;display:grid}.prompt-flow .prompt-accordion-panel>div{border-top:0;min-height:0;padding-top:0;padding-bottom:0;transition:padding .2s;overflow:hidden}.prompt-flow .prompt-accordion-panel.is-open{grid-template-rows:1fr}.prompt-flow .prompt-accordion-panel.is-open>div{border-top:1px solid #252a36;padding:12px}.prompt-flow .prompt-step-body button.rounded-full{white-space:normal;border-radius:7px;height:auto;min-height:30px;padding:6px 9px;font-size:10px;line-height:1.4}.compact-options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;display:grid}.advanced-settings{margin-bottom:26px}.studio-footer{background:var(--background);box-shadow:none;z-index:1;border:0;padding:0 24px 38px;position:static}.studio-footer>button{border:1px solid color-mix(in srgb,var(--brand) 75%,var(--foreground));height:74px;box-shadow:0 12px 28px color-mix(in srgb,var(--brand) 25%,transparent);border-radius:14px;font-size:20px;background:linear-gradient(110deg,var(--brand),color-mix(in srgb,var(--brand) 78%,blue))!important;color:var(--brand-foreground)!important}.studio-footer>p{color:#868ea1;margin-top:8px;font-size:10px}.studio-output{display:none}.studio-output.has-result{border:1px solid var(--border);background:var(--card);border-radius:12px;flex-direction:column;width:min(100% - 48px,760px);margin:0 auto 42px;display:flex}.studio-output.has-result>*{width:100%;min-width:0}.studio-output.has-result .studio-terminal{min-height:320px}.studio-output-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:28px 28px 22px;display:flex}.studio-eyebrow{letter-spacing:.16em;color:#8c91a5;font-size:9px;font-weight:600}.studio-output-heading h2{letter-spacing:-.04em;margin:6px 0 0;font-size:19px;font-weight:600}.studio-status{color:#aaaec0;background:#181b24;border:1px solid #2d3340;border-radius:30px;align-items:center;gap:6px;padding:6px 10px;font-size:10px;display:flex}.studio-status-dot{background:#9692ff;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #8581ff40}.studio-status-dot.is-processing{animation:1s infinite studio-pulse}.studio-output-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#353a4d transparent;flex-direction:column;flex:1;gap:14px;min-height:0;padding:0 28px 28px;display:flex;overflow-y:auto}.studio-parameter-tags{flex-wrap:wrap;gap:6px;display:flex}.studio-parameter-tags span{color:#aba8ec;overflow-wrap:anywhere;background:#8581ff0b;border:1px solid #8581ff1c;border-radius:6px;max-width:100%;padding:5px 8px;font-size:10px}.studio-terminal{background:#0c0e14;border:1px solid #2c3140;border-radius:12px;flex-direction:column;flex:1;min-height:280px;display:flex;overflow:hidden;box-shadow:0 14px 60px #00000025}.studio-terminal-bar{color:#798196;background:#151821;border-bottom:1px solid #222735;flex-shrink:0;align-items:center;gap:11px;height:40px;padding:0 14px;font:10px ui-monospace,monospace;display:flex}.studio-terminal-bar>span:last-child{margin-left:auto;font-size:9px}.studio-terminal-dots{gap:4px;display:flex}.studio-terminal-dots i{background:#34394b;border-radius:50%;width:5px;height:5px}.studio-prompt-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#c9cede;scrollbar-width:thin;scrollbar-color:#353a4d transparent;flex:1;min-height:0;max-height:min(52vh,460px);padding:23px;font:12px/1.95 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-y:auto}.studio-bar-copy{color:#d6d4ff;cursor:pointer;background:#242337;border:1px solid #8581ff50;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;margin-left:8px;padding:4px 10px;font:10px ui-monospace,monospace;display:inline-flex}.studio-bar-copy:hover{background:#2e2c47}.studio-empty{text-align:center;background-image:radial-gradient(#ffffff09 .7px,#0000 .7px);background-size:17px 17px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:35px 20px;display:flex}.studio-empty-icon{color:#aba7ff;background:linear-gradient(140deg,#8581ff1a,#8581ff05);border:1px solid #8581ff25;border-radius:16px;place-items:center;width:58px;height:58px;margin-bottom:19px;display:grid;box-shadow:0 0 60px #8581ff0b}.studio-empty h3{letter-spacing:-.02em;font-size:16px;font-weight:500}.studio-empty p{color:#7e879c;margin-top:9px;font-size:12px;line-height:1.8}.studio-empty>span{letter-spacing:.12em;color:#535e76;margin-top:28px;font-size:8px}.studio-copy{border:1px solid #8581ff50;border-radius:9px;flex-shrink:0;width:100%;height:44px;font-size:12px;font-weight:500;color:#d6d4ff!important;background:#242337!important}.studio-copy:disabled{opacity:.35}.studio-output-note{color:#818a9f;align-items:flex-start;gap:8px;font-size:10px;line-height:1.8;display:flex}.studio-output-note svg{flex-shrink:0;margin-top:3px}.studio-output-scroll>.space-y-2 button{background:0 0;border-radius:8px;width:100%;height:40px;font-size:11px}@keyframes studio-pulse{50%{opacity:.35}}@media (width<=640px){.studio-shell>main>div:last-child>header{min-height:80px;padding:15px 18px}.studio-shell>main>div:last-child>header>div:first-child{padding-left:54px}.studio-shell>main>div:last-child>header>div:first-child:before{width:42px;height:42px}.studio-shell h1{font-size:19px}.studio-config-scroll{padding:28px 16px 16px}.studio-footer{padding:0 16px 28px}.studio-footer>button{height:62px;font-size:16px}.prompt-flow .prompt-step{margin-bottom:32px}.prompt-flow .prompt-step-header h2{font-size:15px}.prompt-flow .generation-grid button{min-height:54px;padding:10px 12px;font-size:12px}.prompt-flow .prompt-step-body img.max-h-72{min-height:220px;max-height:340px}.compact-options-grid{grid-template-columns:1fr;gap:16px}.prompt-flow .prompt-upload{min-height:220px}.studio-output.has-result{width:calc(100% - 32px)}}@media (prefers-reduced-motion:reduce){.prompt-flow *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.prompt-studio.prompt-flow{--background:oklch(13% .058 298);--surface:oklch(14.5% .06 298);--card:oklch(18% .06 296);--secondary:oklch(22% .066 295);--muted:oklch(22% .066 295);--border:oklch(33% .08 295);--input:oklch(29% .07 295);--brand:oklch(62% .26 298);--primary:var(--brand);--ring:var(--brand);--foreground:oklch(97% .01 290);--muted-foreground:oklch(72% .03 294);--font-sans:Inter,ui-sans-serif,system-ui,sans-serif;--font-display:Inter,ui-sans-serif,system-ui,sans-serif;font-family:var(--font-sans);--pf-glow:oklch(72% .28 318);background:radial-gradient(60% 40% at 90% 0,oklch(30% .15 300/.55),#0000 70%),radial-gradient(50% 35% at 0 30%,oklch(26% .13 285/.5),#0000 70%),linear-gradient(oklch(13% .06 288),oklch(10% .045 284));min-height:100dvh}.studio-shell{--background:oklch(13% .058 298)}.studio-config>div:not(.studio-config-scroll):not(.studio-footer){background:0 0!important;border:0!important}.studio-config-scroll{padding-top:24px}.prompt-hero{padding:4px 88px 4px 0;position:relative}.prompt-hero-badge{letter-spacing:.1em;text-transform:uppercase;border:1px solid color-mix(in oklab,var(--brand) 55%,transparent);background:color-mix(in oklab,var(--brand) 18%,transparent);color:oklch(88% .08 300);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:10px;font-weight:700;display:inline-flex}.prompt-hero h2{letter-spacing:-.02em;margin-top:12px;font-size:clamp(26px,6vw,36px);font-weight:800;line-height:1.08}.prompt-hero h2 em{background:linear-gradient(90deg,var(--brand),var(--pf-glow));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.prompt-hero p{color:var(--muted-foreground);max-width:440px;margin-top:8px;font-size:14px}.prompt-hero-art{color:oklch(95% .03 300);background:linear-gradient(140deg,var(--brand),var(--pf-glow));width:72px;height:72px;box-shadow:0 14px 40px color-mix(in oklab,var(--brand) 45%,transparent);border-radius:20px;place-items:center;display:grid;position:absolute;top:10px;right:0;transform:rotate(-8deg)}.prompt-flow .prompt-step{border:1px solid color-mix(in oklab,var(--brand) 32%,transparent)!important;background:linear-gradient(160deg,oklch(18% .06 288/.92),oklch(14% .045 285/.92))!important;border-radius:20px!important;margin:0 0 18px!important;padding:20px!important;box-shadow:0 18px 40px oklch(5% .03 285/.45),inset 0 1px oklch(100% 0 0/.05)!important}.prompt-flow .prompt-step-header h2{text-transform:none;letter-spacing:0;font-size:17px}.prompt-flow .prompt-step-header h2:first-letter{color:var(--pf-glow)}.prompt-flow .prompt-upload{border-color:color-mix(in oklab,var(--brand) 65%,transparent);background:oklch(12% .045 286/.7);border-radius:16px;min-height:200px}.prompt-tip{color:oklch(88% .04 300);border:1px solid color-mix(in oklab,var(--pf-glow) 50%,transparent);box-shadow:0 0 28px color-mix(in oklab,var(--brand) 22%,transparent);background:linear-gradient(135deg,oklch(30% .14 305/.55),oklch(20% .09 290/.55));border-radius:16px;padding:14px;font-size:12px;line-height:1.6}.prompt-tip svg{color:var(--pf-glow)}.prompt-tip b{color:oklch(97% .03 300)}.prompt-flow .generation-grid button,.prompt-flow select,.prompt-flow input:not([type=file]),.prompt-flow textarea{border-radius:12px;background:oklch(12% .04 286)!important;border-color:oklch(32% .08 290)!important}.prompt-flow button[aria-pressed=true]{background:color-mix(in oklab,var(--brand) 22%,oklch(12% .04 286))!important;border-color:var(--pf-glow)!important;box-shadow:0 0 18px color-mix(in oklab,var(--brand) 35%,transparent)!important}.studio-footer{z-index:5;background:linear-gradient(#0000,oklch(10% .045 284) 35%);padding-top:18px;position:sticky;bottom:0}.studio-footer>button{box-shadow:0 12px 34px color-mix(in oklab,var(--brand) 45%,transparent);border:0;border-radius:18px;background:linear-gradient(100deg,var(--brand),var(--pf-glow))!important}@media (width<=640px){.prompt-hero{padding-right:70px}.prompt-hero-art{border-radius:16px;width:56px;height:56px}.prompt-flow .prompt-step{padding:16px!important}}.studio-output.has-result .studio-output-scroll{overscroll-behavior:auto;flex:none;overflow:visible}.studio-output.has-result .studio-terminal{flex:none;min-height:0;overflow:visible}.studio-output.has-result .studio-prompt-text{flex:none;max-height:none;overflow:visible}.studio-output.has-result .studio-terminal-bar{z-index:4;border-radius:12px 12px 0 0;position:sticky;top:90px}@media (width<=640px){.studio-output.has-result .studio-terminal-bar{top:80px}}.ugc-page{--ugc-night:oklch(10.5% .055 285);--ugc-deep:oklch(14% .07 286);--ugc-panel:oklch(17% .055 283);--ugc-line:oklch(47% .21 291);--ugc-violet:oklch(68% .28 300);--ugc-pink:oklch(72% .28 326);--ugc-blue:oklch(57% .25 274);border-radius:var(--radius-lg);background:radial-gradient(55rem 34rem at 78% 5%, color-mix(in oklab, var(--ugc-violet) 26%, transparent), transparent 64%), radial-gradient(38rem 30rem at 5% 38%, color-mix(in oklab, var(--ugc-blue) 18%, transparent), transparent 70%), linear-gradient(145deg, var(--ugc-deep), var(--ugc-night) 58%);min-height:calc(100dvh - 2rem);color:var(--foreground);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--ugc-violet) 18%, transparent);position:relative;overflow:hidden}.ugc-page:before{content:"";pointer-events:none;background-image:linear-gradient(color-mix(in oklab, var(--foreground) 2.5%, transparent) 1px, transparent 1px);background-size:100% 2.5rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 65%);mask-image:linear-gradient(#000,#0000 65%)}.ugc-content{width:min(100%,58rem);margin-inline:auto;padding:clamp(1.25rem,4vw,3rem);position:relative}.ugc-hero{grid-template-columns:minmax(0,1fr) 19rem;align-items:center;gap:2rem;min-height:18rem;display:grid;position:relative}.ugc-hero-copy{z-index:2;position:relative}.ugc-exclusive{border:1px solid color-mix(in oklab, var(--ugc-violet) 52%, transparent);background:color-mix(in oklab, var(--ugc-violet) 20%, transparent);color:color-mix(in oklab, var(--ugc-violet) 78%, var(--foreground));text-transform:uppercase;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .8rem;font-size:.72rem;font-weight:800;display:inline-flex}.ugc-exclusive svg{width:1rem}.ugc-hero h1{max-width:36rem;font-family:var(--font-display);letter-spacing:0;margin-top:1rem;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.02}.ugc-hero h1 strong{color:var(--ugc-violet);text-shadow:0 0 1.8rem color-mix(in oklab, var(--ugc-pink) 38%, transparent);display:block}.ugc-duration{border:2px solid var(--ugc-violet);background:color-mix(in oklab, var(--ugc-night) 72%, transparent);box-shadow:0 0 1.5rem color-mix(in oklab, var(--ugc-violet) 24%, transparent);border-radius:999px;align-items:center;gap:.55rem;margin-top:.8rem;padding:.45rem .85rem;font-weight:750;display:inline-flex}.ugc-duration svg{width:1.05rem;color:var(--ugc-pink)}.ugc-hero-copy>p{max-width:33rem;color:color-mix(in oklab, var(--foreground) 74%, var(--ugc-violet));margin-top:1rem;font-size:1rem;line-height:1.55}.ugc-visual{height:14rem;filter:drop-shadow(0 1.2rem 2.2rem color-mix(in oklab, var(--ugc-violet) 52%, transparent));position:relative;transform:rotate(-5deg)}.ugc-clapper{border:.45rem solid var(--ugc-blue);background:linear-gradient(145deg, color-mix(in oklab, var(--ugc-violet) 55%, var(--ugc-night)), var(--ugc-night));width:12.5rem;height:8rem;box-shadow:inset 0 0 1.5rem color-mix(in oklab, var(--ugc-pink) 32%, transparent), 0 0 1.7rem color-mix(in oklab, var(--ugc-violet) 56%, transparent);border-radius:1.4rem;place-items:center;display:grid;position:absolute;bottom:1.2rem;right:1.5rem}.ugc-clapper svg{width:3.5rem;height:3.5rem;fill:var(--foreground);color:var(--foreground);filter:drop-shadow(0 0 .6rem var(--ugc-pink))}.ugc-clapper-top{z-index:2;background:repeating-linear-gradient(115deg, var(--ugc-violet) 0 1.5rem, var(--ugc-pink) 1.5rem 2.3rem, var(--ugc-blue) 2.3rem 3.7rem);width:13.5rem;height:2.3rem;box-shadow:0 0 1.1rem color-mix(in oklab, var(--ugc-violet) 58%, transparent);border-radius:.55rem;position:absolute;bottom:9.1rem;right:1.1rem;transform:rotate(-5deg)}.ugc-spark{color:var(--ugc-pink);filter:drop-shadow(0 0 .55rem var(--ugc-pink));position:absolute}.ugc-spark-one{width:2rem;top:1rem;right:1rem}.ugc-spark-two{width:1.3rem;bottom:1.5rem;left:1rem}.ugc-notice{border:1px solid var(--ugc-pink);border-radius:var(--radius-lg);background:linear-gradient(105deg, color-mix(in oklab, var(--ugc-blue) 20%, var(--ugc-panel)), color-mix(in oklab, var(--ugc-pink) 17%, var(--ugc-panel)));box-shadow:inset 0 1px 0 color-mix(in oklab, var(--foreground) 10%, transparent), 0 0 2rem color-mix(in oklab, var(--ugc-violet) 17%, transparent);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1.4rem 1.6rem;display:grid}.ugc-notice-icon{width:3.2rem;height:3.2rem;color:var(--ugc-pink);filter:drop-shadow(0 0 .7rem var(--ugc-violet));place-items:center;display:grid}.ugc-notice-icon svg{width:2.5rem;height:2.5rem}.ugc-notice h2{color:var(--ugc-pink);text-transform:uppercase;margin-bottom:.55rem;font-size:1.05rem;font-weight:850}.ugc-notice p{color:color-mix(in oklab, var(--foreground) 80%, var(--ugc-violet));align-items:flex-start;gap:.55rem;line-height:1.55;display:flex}.ugc-notice p svg{width:1.1rem;color:var(--ugc-pink);fill:color-mix(in oklab, var(--ugc-pink) 20%, transparent);flex:none;margin-top:.2rem}.ugc-notice-arrow{color:var(--ugc-pink)}.ugc-form,.ugc-result{border:1px solid color-mix(in oklab, var(--ugc-line) 66%, var(--border));border-radius:var(--radius-lg);background:linear-gradient(145deg, color-mix(in oklab, var(--ugc-panel) 92%, transparent), color-mix(in oklab, var(--ugc-deep) 90%, transparent));box-shadow:inset 0 1px 0 color-mix(in oklab, var(--foreground) 7%, transparent), 0 1.5rem 3.5rem color-mix(in oklab, var(--ugc-night) 48%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:clamp(1.2rem,3vw,2rem)}.ugc-field+.ugc-field{margin-top:1.5rem}.ugc-field>label,.ugc-result>label{align-items:center;gap:.65rem;margin-bottom:.75rem;font-weight:750;display:flex}.ugc-field>label svg{width:1.25rem;color:var(--ugc-pink);filter:drop-shadow(0 0 .45rem var(--ugc-violet))}.ugc-input-wrap{border:1px solid color-mix(in oklab, var(--ugc-line) 72%, var(--border));border-radius:var(--radius-md);background:color-mix(in oklab, var(--ugc-night) 78%, transparent);align-items:center;min-height:4rem;transition:border-color .18s,box-shadow .18s;display:flex}.ugc-input-wrap:focus-within{border-color:var(--ugc-pink);box-shadow:0 0 0 3px color-mix(in oklab, var(--ugc-violet) 16%, transparent)}.ugc-input-wrap>span{width:3.5rem;color:color-mix(in oklab, var(--foreground) 78%, var(--ugc-violet));place-items:center;display:grid}.ugc-input-wrap>span svg{width:1.2rem}.ugc-input-wrap input{min-width:0;color:var(--foreground);background:0 0;outline:none;flex:1;padding:1rem 1rem 1rem 0}.ugc-input-wrap input::placeholder{color:color-mix(in oklab, var(--muted-foreground) 78%, var(--ugc-violet))}.ugc-upload{border:1px dashed var(--ugc-violet);background:linear-gradient(145deg, color-mix(in oklab, var(--ugc-blue) 9%, transparent), color-mix(in oklab, var(--ugc-violet) 8%, transparent));width:100%;min-height:10rem;color:var(--foreground);white-space:normal;flex-direction:column;gap:.35rem;display:flex}.ugc-upload:hover{border-color:var(--ugc-pink);background:color-mix(in oklab, var(--ugc-violet) 14%, var(--ugc-night))}.ugc-upload svg{width:2.4rem;height:2.4rem;color:var(--ugc-pink);filter:drop-shadow(0 0 .65rem var(--ugc-violet))}.ugc-upload strong{margin-top:.25rem;font-size:1rem}.ugc-upload span{color:var(--muted-foreground);font-size:.78rem}.ugc-preview{border:1px dashed var(--ugc-violet);border-radius:var(--radius-md);background:color-mix(in oklab, var(--ugc-night) 68%, transparent);grid-template-columns:6rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.8rem;display:grid}.ugc-preview img{border-radius:calc(var(--radius-md) - 2px);object-fit:contain;background:var(--ugc-night);width:6rem;height:6rem}.ugc-preview div{flex-direction:column;gap:.25rem;min-width:0;display:flex}.ugc-preview span{color:var(--muted-foreground);font-size:.78rem}.ugc-preview button{color:var(--muted-foreground)}.ugc-error{border:1px solid color-mix(in oklab, var(--destructive) 55%, transparent);border-radius:var(--radius-sm);background:color-mix(in oklab, var(--destructive) 13%, transparent);color:color-mix(in oklab, var(--destructive) 55%, var(--foreground));margin-top:1rem;padding:.75rem 1rem;font-size:.85rem}.ugc-submit{border:1px solid color-mix(in oklab, var(--foreground) 36%, var(--ugc-pink));border-radius:var(--radius-md);background:linear-gradient(100deg, var(--ugc-pink), var(--ugc-violet), var(--ugc-blue));width:100%;min-height:4.7rem;color:var(--primary-foreground);box-shadow:0 0 1.8rem color-mix(in oklab, var(--ugc-violet) 45%, transparent);margin-top:1.5rem;font-size:1.05rem;font-weight:850}.ugc-submit:hover{filter:brightness(1.08)}.ugc-submit svg:last-child{margin-left:.35rem}.ugc-result{margin-top:1.5rem}.ugc-result-heading{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.ugc-result-heading span{color:var(--ugc-pink);text-transform:uppercase;font-size:.68rem;font-weight:800}.ugc-result-heading h2{font-family:var(--font-display);margin-top:.2rem;font-size:1.35rem;font-weight:750}.ugc-result-heading>svg{color:var(--ugc-pink)}.ugc-result textarea{resize:vertical;border:1px solid color-mix(in oklab, var(--ugc-line) 70%, var(--border));border-radius:var(--radius-md);background:var(--ugc-night);width:100%;min-height:24rem;color:var(--foreground);outline:none;padding:1rem;font:.84rem/1.75 ui-monospace,SFMono-Regular,Consolas,monospace}.ugc-result textarea:focus{border-color:var(--ugc-pink);box-shadow:0 0 0 3px color-mix(in oklab, var(--ugc-violet) 15%, transparent)}.ugc-result-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.ugc-copy{background:linear-gradient(100deg, var(--ugc-pink), var(--ugc-violet))}.ugc-result-actions .border-input{border-color:color-mix(in oklab, var(--ugc-line) 75%, var(--border));background:var(--ugc-night)}@media (width<=760px){.ugc-page{border-radius:0;min-height:calc(100dvh - 5rem)}.ugc-content{padding:1.25rem 1rem 2rem}.ugc-hero{grid-template-columns:1fr;min-height:20rem;padding-bottom:2rem}.ugc-hero-copy{padding-right:5.5rem}.ugc-hero h1{font-size:2.05rem}.ugc-visual{opacity:.74;width:11rem;height:9rem;position:absolute;bottom:1rem;right:-2.6rem}.ugc-clapper{border-width:.3rem;width:9rem;height:5.8rem;bottom:0;right:0}.ugc-clapper-top{width:9.7rem;height:1.7rem;bottom:6.5rem;right:-.2rem}.ugc-spark-one{top:-2rem}.ugc-notice{grid-template-columns:auto minmax(0,1fr);gap:.8rem;padding:1.15rem}.ugc-notice-icon{align-self:start;width:2.3rem;height:2.3rem}.ugc-notice-icon svg{width:2rem;height:2rem}.ugc-notice-arrow{display:none}.ugc-notice p{font-size:.82rem}.ugc-form,.ugc-result{padding:1.1rem}.ugc-upload{min-height:9rem}.ugc-submit{min-height:4.1rem;font-size:.95rem}}@media (prefers-reduced-motion:reduce){.ugc-page *,.ugc-page :before,.ugc-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.video-reference-page{--vr-panel:oklch(17% .026 281);--vr-panel-strong:oklch(13.5% .02 281);--vr-line:oklch(55% .2 293);--vr-glow:oklch(78% .26 309);--vr-blue:oklch(62% .26 269);border-radius:var(--radius-lg);border:1px solid color-mix(in oklab, var(--vr-line) 55%, transparent);width:min(100%,70rem);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--vr-glow) 16%, transparent), 0 1.2rem 3rem -1rem color-mix(in oklab, var(--vr-blue) 45%, transparent);background:radial-gradient(120% 90% at 15% 0,oklch(30% .14 295/.55),#0000 55%),radial-gradient(100% 80% at 90% 100%,oklch(26% .12 309/.45),#0000 60%),linear-gradient(145deg,oklch(17% .085 292),oklch(12% .07 286));margin-inline:auto;padding:clamp(.75rem,2vw,1.5rem)}.video-reference-hero{isolation:isolate;border:1px solid color-mix(in oklab, var(--vr-line) 68%, var(--border));border-radius:var(--radius-lg);background:radial-gradient(circle at 84% 52%, color-mix(in oklab, var(--vr-blue) 36%, transparent), transparent 31%), linear-gradient(112deg, var(--vr-panel-strong), color-mix(in oklab, var(--vr-panel) 78%, var(--brand)));min-height:9.25rem;box-shadow:inset 0 1px 0 color-mix(in oklab, var(--foreground) 8%, transparent);position:relative;overflow:hidden}.video-reference-hero:after{content:"";z-index:-1;background-image:linear-gradient(color-mix(in oklab, var(--foreground) 3%, transparent) 1px, transparent 1px);background-size:100% 2rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 55%,#0000);mask-image:linear-gradient(90deg,#0000,#000 55%,#0000)}.video-reference-orbit{width:14rem;color:color-mix(in oklab, var(--vr-glow) 82%, var(--foreground));grid-template-columns:1fr auto;align-items:center;gap:1.25rem;display:grid;position:absolute;top:50%;right:2.5rem;transform:translateY(-50%)rotate(-4deg)}.video-reference-device{border:2px solid color-mix(in oklab, var(--vr-blue) 78%, var(--foreground));background:linear-gradient(145deg, color-mix(in oklab, var(--vr-blue) 36%, transparent), color-mix(in oklab, var(--brand) 34%, var(--vr-panel-strong)));width:3.8rem;height:6.8rem;color:var(--foreground);box-shadow:0 0 1.8rem color-mix(in oklab, var(--vr-blue) 48%, transparent);border-radius:1rem;place-items:center;display:grid}.video-reference-uploader{cursor:pointer;border:1px dashed color-mix(in oklab, var(--brand) 82%, var(--border));border-radius:var(--radius-md);background:linear-gradient(105deg, color-mix(in oklab, var(--brand) 8%, var(--vr-panel-strong)), var(--vr-panel-strong));grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:5.25rem;padding:1rem 1.25rem;transition:border-color .18s,background-color .18s,transform .18s;display:grid}.video-reference-uploader:hover{border-color:var(--vr-glow);background:color-mix(in oklab, var(--brand) 12%, var(--vr-panel-strong));transform:translateY(-1px)}.video-reference-uploader:focus-within{outline:2px solid var(--ring);outline-offset:2px}.video-reference-submit{background:linear-gradient(100deg, var(--vr-glow), var(--brand), var(--vr-blue));box-shadow:0 .7rem 2rem color-mix(in oklab, var(--brand) 24%, transparent)}.video-reference-result textarea{scrollbar-color:var(--brand) var(--vr-panel-strong)}@media (width<=767px){.video-reference-hero{min-height:11.5rem}.video-reference-orbit{opacity:.68;width:auto;right:-1.35rem}.video-reference-orbit p{display:none}.video-reference-uploader{grid-template-columns:auto minmax(0,1fr);min-height:6rem}.video-reference-uploader>:last-child{display:none}}@media (prefers-reduced-motion:reduce){.video-reference-page *,.video-reference-page :before,.video-reference-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}