:root{color-scheme:dark;--yellow:#f7dc35;--bg:#0b0c0d;--panel:#131416;--line:#292a2d;--muted:#a4a5a9}body{background:var(--bg);color:#f4f4f4;font-family:'Segoe UI',Arial,sans-serif}.sidebar{background:#101113;border-color:var(--line);width:230px;padding-top:30px}.brand{padding:0 9px 5px}.creator-handle{font-size:24px;letter-spacing:-1.2px;color:#fff;font-weight:750}.brand>span:last-child{color:var(--yellow);font-size:9px;letter-spacing:3px;margin-top:5px}.workspace{border-color:var(--line);color:#e2e2e4}.workspace-icon{background:#262515;color:var(--yellow);border:1px solid #565022}.workspace small{color:#929297}.workspace-dot{background:var(--yellow);box-shadow:0 0 10px #f7dc3540}.nav-label{color:#7b7c82;font-size:9px}.nav-item{color:#a9a9af;font-size:12px;padding:13px 11px}.nav-item.active{background:var(--yellow);color:#171714;font-weight:650}.nav-item:hover{background:#252629;color:#fff}.nav-item.active:hover{background:#ffe654;color:#111}.nav-count{opacity:.65}.studio-note{background:#1b1c1e;border:1px solid #343536}.studio-note p{font-family:inherit;font-size:19px;font-weight:600;letter-spacing:-.5px}.studio-note small{color:#9a9aa1}.mini-star{color:var(--yellow)}.main-wrap{margin-left:230px}.topbar{background:#0b0c0d;border-color:var(--line);height:72px}.breadcrumb{color:#83838a}.breadcrumb strong{color:#e9e9ec}.text-link{color:#dfdfe2}.avatar{background:#252416;border-color:#4b4523;color:var(--yellow)}main{padding-top:35px}.hero{background:#151618;border-color:#303135;min-height:370px;grid-template-columns:1.05fr 1fr;border-radius:12px;position:relative}.hero-copy{padding:38px 42px}.eyebrow{color:var(--yellow);font-size:9px;font-weight:700;letter-spacing:1.7px}.eyebrow>span{background:var(--yellow);box-shadow:0 0 9px #f7dc3577}.hero h1{font-family:'Segoe UI',Arial,sans-serif;font-size:76px;line-height:.96;letter-spacing:-4px;font-weight:800;margin-top:24px}.hero h1 em{font-family:inherit;font-style:normal;font-weight:800;color:var(--yellow);letter-spacing:-4px}.hero-asterisk{color:var(--yellow);font-size:53px;margin-left:25px}.hero p{font-size:12px;color:#a7a7ae;margin-top:20px;line-height:1.7}.hero-actions{margin-top:25px;gap:11px}.button{border-radius:5px;font-size:11px;padding:13px 16px;min-height:42px}.dark{background:var(--yellow);color:#161614;font-weight:750}.dark:hover{background:#ffe95b}.light{background:#222326;border:1px solid #3c3d40;color:#e7e7eb}.light:hover{background:#303135;border-color:#646469}.hero-art{background:radial-gradient(ellipse at 65% 40%,#42401e 0,transparent 70%),#161719;border-left:1px solid #303135;isolation:isolate}.art-grid{background-image:linear-gradient(#f7dc3509 1px,transparent 1px),linear-gradient(90deg,#f7dc3509 1px,transparent 1px);mask-image:none}.filmstrip{transform:rotate(-8deg);gap:15px;margin-left:20px;width:100%}.frame{flex-basis:47%;height:310px;border:5px solid #303134;box-shadow:0 17px 28px #0007;border-radius:8px;background:#292a2d}.f2{margin-top:40px}.f3{display:none}.hero-art .frame .frame-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%}.hero-art .frame:has(.frame-photo)>span{background:var(--yellow);color:#171713;border:0;top:9px;left:9px;font-weight:700;padding:6px 7px;font-size:9px}.hero-art .frame:has(.frame-photo) small{background:#0e0f10db;color:#fff;left:10px;bottom:10px;padding:7px 9px;border:1px solid #ffffff1c;letter-spacing:1.3px;font-size:7px}.art-caption{color:var(--yellow);font-size:8px;bottom:16px}.overview{border-color:var(--line);color:#93939b;gap:30px;padding:23px 2px}.overview strong{color:#f4f4f5;font-size:14px}.overview .media-progress{color:#b8ae65;font-size:10px}.library{padding-top:36px}.subtle{color:#83838c}.section-header h2{font-size:27px;font-weight:650;color:#f0f0f2}.section-header h2 span{color:var(--yellow)}.result-count{color:#96969f}.search,.select-wrap{background:#17181a;border-color:#343539}.search{padding:13px 14px}.search svg{color:#95959e}.search input{color:#f2f2f3;font-size:12px}.search input::placeholder{color:#777780}.search kbd{color:#777780;border-color:#36373a}.select-wrap select{color:#b0b0b9;font-size:11px}.chip{background:#1a1b1e;color:#a3a3ad;border:1px solid #292a2e;font-size:10px;padding:9px 12px}.chip.active{background:var(--yellow);border-color:var(--yellow);color:#171713;font-weight:650}.chip:hover{background:#2a2b2e;color:#fff}.chip.active:hover{background:#ffe95b;color:#161614}.generation-note{background:#222015;border:1px solid #494227;color:#bcb58d}.generation-note svg{color:#e2ca41}.generation-note strong{color:#ece5ba}.cards{gap:19px}.card{background:#161719;border-color:#2e2f32;border-radius:8px}.card:hover{border-color:#81762e;box-shadow:0 9px 25px #0005;transform:translateY(-4px)}.card-media{height:290px;background:#222326}.card-media-label{background:#111214df;color:#fff;border:1px solid #ffffff22;font-size:8px;backdrop-filter:blur(6px)}.card-media-label svg{color:var(--yellow)}.card-duration{background:#111214d9;color:#eee}.play{background:var(--yellow);color:#191913;box-shadow:0 0 28px #f7dc3525}.favorite{background:#101113c9;color:#d2d2d9;border:1px solid #ffffff24;backdrop-filter:blur(8px)}.favorite.saved,.favorite-detail.saved{color:var(--yellow)}.favorite.saved svg,.favorite-detail.saved svg{fill:#f7dc3566}.card-body{padding:17px 18px 14px}.category-label{color:#c4b64e;font-size:8px;font-weight:650}.card-body h3{font-size:16px;color:#f0f0f3}.card-body p{color:#9999a3;font-size:11px;line-height:1.6;min-height:35px}.card-bottom{border-color:#2b2c30;color:#9999a2;font-size:9px;padding:12px 18px}.card-bottom .arrow{color:var(--yellow)}.placeholder{background:radial-gradient(ellipse at 50% 40%,#333125,#1b1c1e 75%)!important;color:#d7c748}.placeholder:before{border-color:#f7dc3520;background:linear-gradient(135deg,#f7dc3509,transparent);border-radius:16px}.placeholder strong{font-family:inherit;color:#68644a;font-size:42px;font-weight:700;opacity:1}.placeholder svg{color:#c2b145;opacity:.7;width:58px;height:58px;stroke-width:1}.placeholder small{color:#9b9362;letter-spacing:2px}.empty-state{border-color:#4d4831}.empty-state>svg{color:var(--yellow)}.empty-state h3{color:#eee}.empty-state p{color:#a4a4ae}.how-section{background:#141517;border-color:#303135;grid-template-columns:1fr 2.2fr}.how-section h2{font-family:inherit;color:#eee;font-weight:650;font-size:28px;letter-spacing:-1px}.how-steps article>span{color:var(--yellow);font-weight:700}.how-steps h3{color:#e8e8ed;font-size:12px}.how-steps p{color:#8f8f9a;font-size:11px}footer{border-color:var(--line);color:#7f7f8a}.footer-brand{color:#e5e5ea;font-size:20px;letter-spacing:-.8px}.footer-brand span{color:var(--yellow)}footer button{color:#bcbcc3}dialog{background:#17181a;color:#ededf1;border-color:#44454b;box-shadow:0 25px 100px #000b}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.close-btn{background:#303136;color:#e8e8ec}.close-btn:hover{background:#494a51}.preview-side{background:#0e0f11;border-right:1px solid #2c2d32}.preview-tabs{background:#25262a}.preview-tabs button{color:#93939d}.preview-tabs button[aria-selected=true]{background:var(--yellow);color:#1b1b14}.preview{background:#242529}.preview>img,.preview>video{background:#090a0c}.preview-missing{background:#171819d9}.preview-missing svg{color:var(--yellow)}.preview-missing strong{color:#ededf1}.preview-missing p{color:#b2b2bc}.preview-foot{color:#93939d}.detail-content h2{font-weight:650;color:#f1f1f3}.detail-description{color:#a6a6b0;font-size:12px}.detail-tags span{background:#27282c;color:#b6b6c0}.prompt-tabs{border-color:#37383e}.prompt-tabs button{color:#92929e}.prompt-tabs button[aria-selected=true]{border-color:var(--yellow);color:var(--yellow)}.prompt-hint{color:#9494a0}.prompt-box{background:#101113;border-color:#37383e}.prompt-box textarea{color:#c2c2cc;font-size:12px;line-height:1.7}.prompt-box>div{background:#202124;border-color:#36373c}.prompt-box>div>span{color:#91919c}.prompt-box button{color:var(--yellow)}.tips{border-color:#34353b}.tips summary{color:#b1b1bc;font-size:11px}.tips ul{color:#9696a4;font-size:11px}.download-label{color:#81818f}.kit-button{color:#d0bf4e}.media-manage{border-color:#34353b}.media-manage summary{color:#90909d}.media-manage p{color:#9898a6}.guide-content li{color:var(--yellow)}.guide-content li p{color:#afafbb}.guide-callout{background:#262317;color:#c9c193;border:1px solid #494127}.guide-small{color:#8f8f9c}.toast{background:var(--yellow);color:#171710;font-weight:600}.skip{background:var(--yellow);color:#171713}:focus-visible{outline-color:var(--yellow)!important}.hero-actions .button:last-child{background:#252629;border:1px solid #44454b;color:#e8e8ef;padding:13px 16px}
@media(min-width:1550px){.hero{min-height:390px}.hero h1{font-size:86px}.hero-copy{padding:40px 45px}.frame{height:330px}.card-media{height:300px}}
@media(max-width:1200px){.sidebar{width:205px}.main-wrap{margin-left:205px}.creator-handle{font-size:23px}.hero h1{font-size:70px}.hero-copy{padding:32px}.frame{height:300px;flex-basis:57%}.filmstrip{margin-left:0}.card-media{height:260px}.how-section{grid-template-columns:1fr}}
@media(max-width:950px){.sidebar{width:185px}.main-wrap{margin-left:185px}.creator-handle{font-size:20px}.hero{grid-template-columns:1fr .8fr}.hero h1{font-size:63px}.hero-copy{padding:27px}.frame{flex-basis:83%;height:280px}.hero p{font-size:11px}.hero-actions .button{font-size:10px;padding:11px}.card-body h3{font-size:14px}.card-body p{font-size:10px}.card-media{height:285px}}
@media(max-width:720px){.main-wrap{margin:0}.topbar{height:60px}.hero{grid-template-columns:1.1fr .8fr;min-height:300px}.hero-copy{padding:25px}.hero h1{font-size:60px;letter-spacing:-3px}.hero h1 em{letter-spacing:-3px}.hero-asterisk{font-size:33px;margin-left:16px}.hero-art{min-height:300px}.frame{flex-basis:100%;height:250px}.filmstrip{margin-left:12px}.hero p{font-size:10px}.hero-actions{gap:8px}.hero-actions .button{font-size:9px;padding:10px;min-height:36px}.hero-actions .button:last-child{font-size:9px;padding:10px}.overview{gap:22px;padding:18px 0;font-size:9px}.overview strong{font-size:11px}.overview .media-progress{font-size:9px}.section-header h2{font-size:23px}.card-media{height:245px}.card-body{padding:13px}.card-body h3{font-size:13px}.card-body p{font-size:10px;min-height:48px}.card-bottom{padding:11px 13px;font-size:8px}.how-section{grid-template-columns:1fr}.how-section h2{font-size:25px}.how-steps h3{font-size:11px}.how-steps p{font-size:10px}.preview-side{border-right:0;border-bottom:1px solid #34353b}.preview{max-height:52vh}.detail-content h2{font-size:27px}.prompt-box textarea{font-size:12px}.download-actions .button{font-size:10px}.footer-brand{font-size:18px}.breadcrumb{font-size:10px}}
@media(max-width:420px){.hero{grid-template-columns:1fr}.hero-art{display:none}.hero h1 br{display:block}.hero h1 em{display:inline}.hero h1{font-size:64px}.hero-copy{padding:29px}.hero-asterisk{position:absolute;right:25px;top:70px;font-size:48px}.hero-actions{flex-wrap:wrap}.hero p{font-size:11px}.hero-actions .button,.hero-actions .button:last-child{font-size:10px}.card-media{height:205px}.card-body h3{font-size:13px}.card-body p{font-size:10px}.card-body{padding:12px}.card-bottom{padding:10px 12px}.card-bottom span{font-size:7px}.overview{gap:15px}.download-actions .button{font-size:9px;padding:10px 6px}.detail-content{padding:25px 20px}.how-steps h3{font-size:12px}.how-steps p{font-size:11px}}
.hero-art .frame{background:#202124;border-color:#343538}.hero-art .frame>span{color:#f7dc35}.hero-art .frame small{color:#b5ad70}.hero-art .mirror{border:5px solid #f7dc35;border-radius:15px;background:linear-gradient(135deg,#34342b,#111214);box-shadow:10px 10px 0 #f7dc3512}.hero-art .mirror:after{content:"✳";position:absolute;inset:0;display:grid;place-items:center;font-size:85px;color:#f7dc35}.hero-art .lens{background:radial-gradient(circle,#111214 0 18%,#f7dc35 19% 26%,#202124 27% 33%,#6e6627 34% 43%,#f7dc35 44% 46%,#202124 47% 65%,#4b4628 66%);box-shadow:12px 12px 0 #0004}
.sidebar{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#a28f28 #17181b;overscroll-behavior:contain}.sidebar>*{flex-shrink:0}.sidebar::-webkit-scrollbar{width:7px}.sidebar::-webkit-scrollbar-track{background:#17181b}.sidebar::-webkit-scrollbar-thumb{background:#8b7c29;border-radius:5px}.sidebar-bottom{margin-top:22px}.nav-label{margin-top:24px}.workspace{padding-top:18px;padding-bottom:18px}.chips{max-height:106px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#756b32 transparent}.collection-jump{margin-left:auto;display:flex;align-items:center;gap:10px}.collection-jump button{background:#f7dc35;color:#15150e;padding:10px 12px;border-radius:5px;font-size:10px;font-weight:650}.collection-jump select{background:#17181a;color:#ddd;border:1px solid #343539;padding:10px;border-radius:6px;max-width:210px;font-size:11px}.sidebar .brand{margin-bottom:0}.sidebar .studio-note{display:none}@media(max-width:720px){.collection-jump{width:100%;margin-top:16px}.collection-jump select{flex:1;max-width:none;min-width:0}.section-header{flex-wrap:wrap}.chips{max-height:none;overflow-x:auto;overflow-y:hidden}.collection-jump button{font-size:9px;white-space:nowrap}}
.hero-actions .button.dark{background:#f7dc35;color:#161614;border-color:#f7dc35}.collection-jump{margin:16px 0}.sidebar{height:100dvh}.card-media img{object-fit:cover}

/* Cofre e creators da capa. */
.hero-title-row{display:flex;align-items:center;gap:clamp(20px,3vw,48px);margin-top:24px}
.hero-title-row h1{margin-top:0;flex-shrink:0}
.hero-vault{width:clamp(100px,10vw,150px);height:auto;flex-shrink:0;transform:rotate(5deg);filter:drop-shadow(0 12px 18px #0005)}
.hero-creators{display:flex;min-width:0;min-height:420px;padding:30px 32px 48px;background:radial-gradient(ellipse at 70% 30%,#f7dc3512,transparent 70%),#111214}
.creator-collage{position:relative;display:flex;align-items:center;justify-content:center;gap:17px;width:100%;max-width:610px;margin:auto}
.creator-portrait{position:relative;flex:1;min-width:0;margin:0;aspect-ratio:9/15;max-height:370px;border:4px solid #353639;border-radius:15px;overflow:hidden;background:#202124;box-shadow:0 16px 28px #0007}
.creator-portrait-one{transform:translateY(-9px) rotate(-6deg);z-index:1}
.creator-portrait-two{transform:translateY(10px) rotate(6deg)}
.creator-portrait img,.creator-portrait video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}
.hero-video-toggle{position:absolute;top:10px;right:10px;z-index:2;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #ffffff40;border-radius:50%;background:#0b0c0dba;color:#f7dc35;font-size:13px;line-height:1;backdrop-filter:blur(6px)}
.hero-video-toggle:hover{background:#f7dc35;color:#111;border-color:#f7dc35}
.creator-portrait figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:7px;padding:26px 13px 15px;background:linear-gradient(transparent,#08090be8);font-size:8px;letter-spacing:1.25px;font-weight:650;color:#fff;white-space:nowrap}
.creator-dot{width:5px;height:5px;border-radius:50%;background:var(--yellow);box-shadow:0 0 8px #f7dc3555;flex-shrink:0}
.hero-creators .art-caption{left:29px;right:29px;bottom:18px;font-size:7px;letter-spacing:1.6px}
@media(max-width:1200px){.hero-title-row{gap:22px}.hero-vault{width:105px}.hero-creators{padding:32px 24px 49px;min-height:390px}.creator-collage{gap:12px}.creator-portrait figcaption{font-size:6px;padding-left:9px;letter-spacing:.8px}}
@media(min-width:721px) and (max-width:1080px){.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:29px 25px}.hero-title-row{gap:17px}.hero-title-row h1{font-size:58px}.hero-vault{width:88px}.hero-creators{padding:30px 18px 48px}.creator-collage{gap:8px}.creator-portrait{border-width:3px;border-radius:11px}.hero-creators .art-caption{left:20px;right:20px;font-size:6px;letter-spacing:1px}.hero .eyebrow{font-size:7px;letter-spacing:1.2px}}
@media(max-width:850px) and (min-width:721px){.hero{grid-template-columns:1fr}.hero-creators{border-left:0;border-top:1px solid #303135;min-height:310px;padding:27px 55px 46px}.creator-collage{max-width:370px;gap:23px}.creator-portrait{max-height:270px}.hero-vault{width:115px}.hero-title-row{gap:40px}.hero-title-row h1{font-size:64px}.creator-portrait figcaption{font-size:7px}}
@media(max-width:720px){.hero{grid-template-columns:1fr}.hero-copy{padding:28px}.hero-title-row{justify-content:space-between;gap:20px;margin-top:22px;max-width:380px}.hero-title-row h1{font-size:64px}.hero-vault{width:112px;margin-right:10px}.hero p{font-size:12px;max-width:380px}.hero-creators{display:flex;border-left:0;border-top:1px solid #303135;min-height:315px;padding:27px 32px 48px}.creator-collage{max-width:380px;gap:19px}.creator-portrait{max-height:280px;border-width:3px;border-radius:12px}.creator-portrait figcaption{font-size:7px;letter-spacing:.8px;padding:24px 9px 12px}.hero-creators .art-caption{font-size:6px;letter-spacing:1.2px}.hero-actions .button.dark{padding:12px 15px;font-size:11px;min-height:42px}}
@media(max-width:380px){.hero-copy{padding:24px}.hero-title-row h1{font-size:57px}.hero-vault{width:96px;margin-right:0}.hero-creators{padding:25px 24px 44px;min-height:285px}.creator-collage{gap:12px}.creator-portrait figcaption{font-size:6px;letter-spacing:.5px}}
