/* ImaginaAI: a concentrated studio using the existing brand tokens. */
:root{--muted:#66596f;--scroll-thumb:#a58abb;--scroll-track:#f4eff8}
*{scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:8px;border:2px solid var(--scroll-track)}::-webkit-scrollbar-track{background:var(--scroll-track)}
html{scrollbar-gutter:stable}textarea{resize:vertical;min-height:100px}input,select,textarea{scroll-margin:100px}
.button,.text-link{font-size:14px;min-height:44px}.text-link{padding:8px 0}.hint,.delivery-note,.preview-kind,.simulation-note,.preview-disclaimer,.step-status,.optional,.prompt-help,.inline-size-guide p,.inline-size-guide summary,.preview-style-buttons button span,#previewStyleChoices small{font-size:14px!important;line-height:1.6;color:var(--muted)}
.primary,.primary:hover{color:#fff}.secondary,.text-link{color:var(--dark-purple)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--dark-purple);outline-offset:3px}
[aria-invalid=true]{border-color:#b62b31!important}.steps button{font-size:14px;min-height:44px}.eyebrow{font-size:12px}.measure-table table{font-size:14px}.measure-table th,.measure-table td{padding:12px 8px}
.studio-active .announcement,.studio-active main> :not(#studio),.studio-active footer,.studio-active header nav,.studio-active header .header-cta{display:none!important}.studio-active header{height:82px;border-bottom:1px solid var(--line)}
.studio-active .studio-section{min-height:calc(100dvh - 82px)}.studio-inner{max-width:1350px;margin:auto}.studio-inner>.section-heading{margin-bottom:16px}.studio-inner>.section-heading h2{font-size:32px}.studio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px}.studio-brief{padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:white;font-size:14px;overflow-wrap:anywhere}.studio-brief b{display:block;color:var(--dark-purple);margin-bottom:4px}.studio-brief:empty{display:none}.studio-brief p{max-height:70px;overflow:auto}
.workspace{align-items:start;overflow:visible;background:transparent!important;border:0!important;box-shadow:none!important;gap:24px;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)}
.workspace>.controls,.workspace>.preview-area{background:white;border:1px solid var(--line)!important;border-radius:24px;min-width:0}.controls{padding:28px}.preview-area{padding:24px}.controls .control-heading p{font-size:15px}.controls label,.controls select,.controls input,.controls textarea{font-size:16px}.controls #error{margin:12px 0;font-size:14px;color:#a32131;min-height:0}.controls #error:empty{display:none}
#briefReview{font-size:14px;grid-template-columns:100px minmax(0,1fr)}#briefReview dd{font-weight:600}#briefReview dd button{font:inherit;font-size:13px;display:block;margin-top:3px;background:none;border:0;color:var(--dark-purple);padding:4px 0;text-decoration:underline}
.product-information,.fulfillment-info{padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:14px;font-size:14px;margin-top:16px}.product-information summary,.fulfillment-info summary{font-weight:700;cursor:pointer;min-height:28px}.product-information p{margin-top:10px}.product-information dl{display:grid;grid-template-columns:95px 1fr;gap:8px;margin:12px 0}.product-information dd{margin:0}.product-information dt{color:var(--muted)}
.fabric-swatches{display:flex!important;overflow-x:auto!important;gap:10px!important;scroll-snap-type:x proximity!important;padding:7px!important}.fabric-swatches button{flex:0 0 70px!important;width:70px!important;font-size:12px!important;min-height:72px;scroll-snap-align:start}.color-grid-wrap{min-width:0}.color-grid-wrap:after{content:'Deslize para ver todas as cores →';display:block;font-size:13px;color:var(--muted);margin-top:7px}
.styles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.styles button{min-height:126px;font-size:14px;white-space:normal}.style-example{display:block;height:56px;overflow:hidden;border-radius:10px;background:#fff}.style-example svg{height:56px;width:100%;max-width:none}.style-example.realistic{background:url('assets/humor-pet.png') center 45%/cover}.styles button small{font-size:12px;display:block;font-weight:400;margin-top:6px}.styles button[aria-pressed=true]:after{content:'✓ Escolhido';display:block;font-size:12px;margin-top:5px}
.fabric-swatches button[aria-pressed=true]:after{content:'✓';display:block;font-size:14px;line-height:1}.fabric-swatches button{padding-bottom:6px!important}
.preview-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.preview-tools button,.auth-tabs button{border:1px solid var(--line);border-radius:10px;padding:10px 14px;min-height:44px;background:white;color:var(--dark-purple);font-weight:700}.preview-tools button[aria-pressed=true],.auth-tabs button[aria-pressed=true]{background:#eee4fa;border-color:var(--purple)}
.art-stage{height:380px;background:#f6f1fa;border-radius:16px;padding:24px;display:flex;align-items:center;justify-content:center}.art-stage img,.art-stage svg{width:100%;height:100%;object-fit:contain}.preview-stage{position:relative}.generation-status{padding:12px 16px;background:#f5effb;border-radius:12px;margin:12px 0;font-size:14px}.generation-status:before{content:'✦';display:inline-block;margin-right:10px;color:var(--purple);animation:breath 1.5s ease-in-out infinite}.generation-status p{font-size:13px;margin-top:4px}
@keyframes breath{50%{opacity:.3;transform:scale(.85)}}
.preview-area .variants{display:flex;gap:10px;overflow:auto;padding:4px 2px 12px;scroll-snap-type:x proximity}.variant{flex:0 0 145px;min-width:0;scroll-snap-align:start}.variant .mini-art{width:100%;height:136px!important;display:flex!important;align-items:center;justify-content:center;padding:10px;overflow:hidden;background:#f5effa}.variant .mini-art .generated-art,.variant .mini-art svg{position:static!important;transform:none!important;inset:auto!important;width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important}.variant.selected:after{content:'✓ Selecionada';font-size:12px;display:block;margin-top:6px;color:var(--dark-purple)}.variant>span:last-child{white-space:normal;font-size:13px}
#previewStyleChoices{background:var(--paper)}.preview-style-buttons{flex-wrap:wrap}.preview-style-buttons button{min-width:130px;font-size:14px}.adjustments{gap:16px}.adjustments label{font-size:14px}.adjustments output{display:block;color:var(--dark-purple);font-size:14px;font-weight:700;margin:4px 0}.buy-row{border-top:1px solid var(--line);padding-top:16px}.buy-row small{font-size:14px}.buy-row .button{width:100%;justify-content:center}.fulfillment-info p{font-size:14px;margin:8px 0}.fulfillment-info label{display:block;margin:10px 0 5px}.fulfillment-info input{font-size:16px;padding:10px;border:1px solid var(--line);border-radius:8px;width:100%}.fulfillment-info .text-link{font-size:14px}
.auth-tabs{display:flex;gap:8px;margin:20px 0}.auth-tabs button{flex:1}.password-field{display:flex;align-items:center;gap:8px}.password-field input{min-width:0;flex:1}.password-field button{min-height:44px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--dark-purple);padding:8px}.auth-support{display:flex;justify-content:space-between;gap:10px;margin:12px 0}.auth-support button{font-size:14px}.account-preservation{font-size:14px;padding:12px;border-radius:12px;background:#f5effb;margin-top:12px}.auth-divider{font-size:14px}dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}dialog label,dialog input{font-size:16px!important}dialog h2{font-size:30px}dialog::backdrop{background:#21113399}#artDialog{width:min(800px,94vw)}#artDialog .art-stage{height:min(65dvh,650px)}
.gallery-footer p,.collection-note,.hero-footnote{font-size:14px}.gallery-footer p{color:var(--muted)}.product-meta small{font-size:14px}.trust-process{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.trust-process article{border:1px solid var(--line);border-radius:16px;padding:18px}.trust-process p{font-size:14px;color:var(--muted);margin-top:8px}.connection-note{color:#9d2934!important}
@media(min-width:761px){.studio-active .preview-area{position:sticky;top:16px}.studio-active .controls{position:sticky;top:16px}.studio-active .controls:has([data-step='3']:not([hidden])){position:static}}
@media(max-width:760px){.studio-active header{padding:0 5%;gap:12px}.studio-active .brand-logo{max-width:140px}.studio-inner{padding:20px 4%}.studio-inner>.section-heading h2{font-size:25px}.prototype-tag{display:none}.studio-toolbar{font-size:14px}.studio-brief{padding:10px 12px}.steps{gap:4px;margin:16px 0 8px}.steps button{font-size:11px;align-items:center;text-align:center;width:100%;min-height:55px}.studio-progress{margin-bottom:16px}.workspace{display:flex;flex-direction:column;gap:16px}.workspace>.preview-area{order:-1;width:100%;padding:14px}.workspace>.controls{width:100%;padding:22px 18px}.preview-top{font-size:11px}.preview-kind{margin-top:8px;padding:8px}.preview-stage .mockup{height:190px!important;margin-top:8px}.preview-stage .mockup-scene{height:100%;width:100%}.preview-stage .art-stage{height:190px;padding:14px}.preview-bottom{font-size:12px;margin-top:8px}.preview-tools{margin:8px 0 0}.preview-tools button{font-size:13px;padding:8px 12px}.preview-area .empty-note{padding:12px 0 0}.preview-area .empty-note span{font-size:15px}.preview-area .empty-note p{font-size:14px}.studio-active .studio-navigation{position:sticky;bottom:10px;z-index:10;background:white;padding:12px 0;margin-top:16px;box-shadow:0 -8px 16px #fff}.keyboard-open .studio-navigation{position:static}.studio-active .controls{padding-bottom:20px}.styles{grid-template-columns:repeat(2,minmax(0,1fr))}.styles button{font-size:14px}#briefReview{grid-template-columns:88px 1fr;gap:10px}.preview-area .variants .variant{flex-basis:132px}.preview-area .variant .mini-art{height:126px!important}.buy-row{gap:12px}.adjustments{grid-template-columns:1fr 1fr}.trust-process{grid-template-columns:1fr}.studio-active.has-results .preview-area{order:0}.studio-active.has-results .controls{order:-1}.studio-active.has-results .controls .control-heading p{display:none}.studio-active.has-results .studio-panel{margin-bottom:0}.studio-active.has-results #briefReview{margin-top:10px}.studio-active.has-results .controls #liveNotice{margin-top:12px}.studio-active.has-results .controls{padding:16px}.studio-active.has-results #briefReview dt:nth-of-type(n+4),.studio-active.has-results #briefReview dd:nth-of-type(n+4){display:none}.studio-active.has-results .review-expanded #briefReview dt,.studio-active.has-results .review-expanded #briefReview dd{display:block}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){.studio-active:not(.has-results) .preview-area{position:sticky;top:0;z-index:8;box-shadow:0 8px 20px #34244b12}.studio-active:not(.has-results) .preview-top,.studio-active:not(.has-results) .preview-kind,.studio-active:not(.has-results) #emptyNote{display:none}.studio-active:not(.has-results) .preview-stage .mockup{height:140px!important;margin-top:0}.studio-active:not(.has-results) .preview-bottom{padding:8px 0;margin:0}.studio-active .studio-inner>.section-heading .eyebrow{display:none}.studio-active .studio-inner>.section-heading h2{font-size:24px}.keyboard-open:not(.has-results) .preview-area{position:static}.product-enlarged{position:relative;overflow:hidden}.product-enlarged .mockup-scene{height:100%;width:100%}}
@media(forced-colors:active){*{scrollbar-color:auto}.selected,[aria-pressed=true]{outline:2px solid Highlight}.button{border:1px solid ButtonText}}
@media(max-width:760px){.studio-active .studio-navigation{position:fixed;left:4%;right:4%;bottom:max(10px,env(safe-area-inset-bottom));z-index:12;padding:10px 14px;border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 24px #34244b26}.studio-active .controls{padding-bottom:110px}.studio-active.keyboard-open .studio-navigation,.studio-active[data-studio-step='4'] .studio-navigation{position:static;padding:12px 0;border:0;box-shadow:none;margin-top:12px}.studio-active.keyboard-open .controls,.studio-active[data-studio-step='4'] .controls{padding-bottom:20px}.control-heading{scroll-margin-top:270px}.studio-active:not(.has-results) .controls input,.studio-active:not(.has-results) .controls textarea,.studio-active:not(.has-results) .controls select{scroll-margin-top:270px}.keyboard-open .controls input,.keyboard-open .controls textarea{scroll-margin-top:24px}}