.studio-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.back-link{color:var(--color-text-muted);margin:0;padding:6px 0;font-size:12px;text-decoration:none;display:inline-block}.studio-heading h1{margin:0;font-size:18px}.journey{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);gap:36px;margin:0 0 18px;padding:10px 0;list-style:none;display:flex}.journey li{color:var(--color-text-muted);align-items:center;gap:10px;font-size:12px;display:flex}.journey li span{border:1px solid var(--color-border-control);border-radius:50%;place-items:center;width:26px;height:26px;font-size:10px;display:grid}.journey [aria-current=step]{color:var(--color-primary);font-weight:700}.journey [aria-current=step] span{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.studio-grid{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;grid-template-columns:minmax(320px,400px) minmax(0,1fr);align-items:stretch;gap:0;display:grid;overflow:hidden}.studio-form-column{border-right:1px solid var(--color-border);min-width:0;padding:8px 26px 26px}.studio-form{padding:12px 0 0}.studio-form h2{font-size:20px}.studio-form legend,.studio-form label{font-size:13px}.form-section-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.field{gap:8px;display:grid}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0 10px;display:grid}.template-choice{cursor:pointer;position:relative}.template-choice input{opacity:0;width:1px;height:1px;position:absolute}.template-choice>span{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:10px 6px;display:flex}.template-choice img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:76px}.template-choice strong{font-size:11px;font-weight:500}.template-choice input:checked+span{border:2px solid var(--color-primary);background:var(--color-accent-soft);padding:9px 5px}.template-choice input:checked+span:after{content:"✓";background:var(--color-primary);width:18px;height:18px;color:var(--color-on-primary);border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;top:5px;right:5px}.template-choice:hover input:not(:disabled)+span,.motif-choice:hover:has(input:not(:disabled)){border-color:var(--color-primary)}.motif-choice:has(input:disabled){opacity:.5;cursor:not-allowed}.template-choice input:focus-visible+span{outline:3px solid var(--color-primary);outline-offset:3px}.template-choice input:disabled+span{opacity:.45}.motif-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.motif-picker{border:1px solid var(--color-border-control);background:var(--color-surface);border-radius:8px;margin-top:12px}.motif-picker>summary{cursor:pointer;min-height:48px;padding:14px;font-size:14px}.motif-picker>summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.motif-options{padding:0 10px 10px}.motif-option-list{overscroll-behavior:contain;max-height:240px;margin-top:10px;overflow-y:auto}.motif-category+.motif-category{margin-top:12px}.motif-category legend{color:var(--color-text-muted);padding:4px 8px;font-size:12px}.motif-option{cursor:pointer;border-radius:6px;align-items:center;gap:10px;min-height:44px;padding:8px;display:flex}.motif-option:hover,.motif-option:has(input:checked){background:var(--color-accent-soft)}.motif-option:has(input:disabled){opacity:.45;cursor:not-allowed}.motif-option input{width:18px;height:18px;accent-color:var(--color-primary);flex:none}.motif-option:focus-within{outline:2px solid var(--color-primary);outline-offset:-2px}.motif-tags{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:8px;margin:14px 0 10px;padding:0;list-style:none;display:grid}.motif-tag{border:1px solid var(--color-primary);background:var(--color-accent-soft);min-width:0;height:52px;color:var(--color-text);border-radius:12px;grid-template-columns:minmax(0,1fr) 44px 44px;align-items:center;gap:4px;padding:3px 3px 3px 12px;font-size:14px;display:grid;position:relative}.motif-tag>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.motif-tag .motif-color{width:44px;height:44px}.motif-color summary{cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;list-style:none;display:grid}.motif-color summary::-webkit-details-marker{display:none}.motif-color summary:before,.motif-palette button:before{content:"";border:1px solid var(--color-text-muted);background:var(--motif-color);border-radius:50%;width:18px;height:18px}.motif-color summary:hover,.motif-palette button:hover{background:var(--color-accent-soft)}.motif-color[open]{z-index:2}.motif-palette{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;grid-template-columns:repeat(4,44px);padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 6px 20px #0003}.motif-tag .motif-palette button{place-items:center;padding:0;display:grid}.motif-palette button[aria-pressed=true]:before{outline:2px solid var(--color-primary);outline-offset:3px}.motif-color summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.motif-tag button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:22px}.motif-tag button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.motif-picker select:disabled{opacity:.6}.motif-choice{cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;align-items:center;gap:8px;min-height:46px;padding:12px 8px;display:flex;font-weight:500!important}.motif-choice:has(input:checked){background:var(--color-accent-soft);border-color:var(--color-primary);color:var(--color-primary)}.motif-choice input{accent-color:var(--color-primary);width:16px;height:16px}.motif-choice span{font-size:12px}.design-options{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:16px 0}.design-options summary{min-height:26px;font-size:13px;font-weight:600}.design-options summary>span{float:right;color:var(--color-text-muted);font-size:11px;font-weight:400}.design-options>.stack{padding-top:18px}.swatches{flex-wrap:wrap;align-items:center;gap:9px;margin:12px 0;display:flex}.swatches label{cursor:pointer;place-items:center;min-width:38px;min-height:44px;display:grid;position:relative}.swatches input[type=radio]{opacity:0;width:1px;position:absolute}.swatches label>span{background:var(--swatch);border:1px solid #99718e;border-radius:50%;width:30px;height:30px}.swatches input:checked+span{outline:2px solid var(--color-primary);outline-offset:3px}.swatches input:focus-visible+span{outline:3px solid var(--color-text);outline-offset:5px}.custom-color{gap:8px;font-size:11px!important;display:flex!important}.custom-color input{border:0;width:32px;height:32px;padding:0}.cost-summary{background:var(--color-accent-soft);border:1px solid var(--color-accent-border);border-radius:12px;margin:22px 0 16px;padding:15px}.cost-summary>div{justify-content:space-between;align-items:start;gap:16px;margin-bottom:6px;font-size:12px;display:flex}.cost-summary strong{color:var(--color-primary);white-space:nowrap;font-size:14px}.text-button{color:var(--color-primary);text-underline-offset:3px;background:0 0;border:0;justify-content:center;align-items:center;min-height:40px;padding:8px 0;font-size:12px;font-weight:600;line-height:1.5;text-decoration:underline;display:inline-flex}.generate-button{width:100%;margin-top:12px}.cost-footnote{text-align:center;margin-top:12px;font-size:11px}.print-tip{width:28px;height:28px;color:var(--color-text-muted);cursor:help;border-radius:50%;place-items:center;display:inline-grid;position:relative}.print-tip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.print-tip [role=tooltip]{visibility:hidden;z-index:5;border:1px solid var(--color-border-control);background:var(--color-surface);width:min(260px,65vw);color:var(--color-text);box-shadow:var(--shadow);border-radius:10px;padding:12px 14px;font-size:12px;font-weight:400;line-height:1.6;position:absolute;top:100%;right:0}.print-tip:hover [role=tooltip],.print-tip:focus [role=tooltip]{visibility:visible}.studio-preview-column{flex-direction:column;min-width:0;display:flex}.preview-card{background:var(--color-preview);flex-direction:column;flex:1;display:flex;overflow:hidden}.preview-top{justify-content:flex-end;gap:16px;padding:16px 20px 0;display:flex}.preview-top h2{letter-spacing:-.02em;font-size:14px}.preview-top>span{color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:3px 9px;font-size:10px}.onboarding-replay{border:1px solid var(--color-border);background:var(--color-surface);min-height:30px;color:var(--color-primary);font:inherit;cursor:pointer;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.onboarding-replay:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.onboarding-root{z-index:1000;pointer-events:none;position:fixed;inset:0}.onboarding-root [data-onboarding-shield]{z-index:1000;pointer-events:auto;background:#040d18b8;position:fixed}.onboarding-spotlight{z-index:1001;border:2px solid var(--color-primary);pointer-events:none;border-radius:12px;transition:left .18s,top .18s,width .18s,height .18s;position:fixed}.onboarding-card{z-index:1002;border:1px solid var(--color-border);background:var(--color-surface);width:min(340px,100vw - 24px);color:var(--color-text);box-shadow:var(--shadow);pointer-events:auto;border-radius:14px;padding:16px;position:fixed}.onboarding-progress{color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:700}.onboarding-card h2{margin:0;font-size:19px}.onboarding-copy{color:var(--color-text-muted);margin:8px 0 16px;font-size:13px;line-height:1.5}.onboarding-actions{align-items:center;gap:8px;display:flex}.onboarding-actions button{border:1px solid var(--color-border-control);background:var(--color-surface);min-height:40px;color:var(--color-text);font:inherit;cursor:pointer;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:700}.onboarding-actions [data-onboarding=skip]{color:var(--color-text-muted);border-color:#0000;margin-right:auto}.onboarding-actions .button{background:var(--color-primary);color:var(--color-on-primary)}.onboarding-actions button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.onboarding-spotlight{transition:none}}.viewer-stage{isolation:isolate;flex:none;height:390px;min-height:390px;position:relative;overflow:hidden}.viewer-stage>figure{flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;height:100%;margin:0;padding:30px;display:flex;position:absolute;inset:0}.viewer-stage>figure>img{object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(10px 15px 10px #0005);width:66%;height:260px}.viewer-stage figcaption{color:var(--color-text-muted);text-align:center;font-size:11px}#model-canvas{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.model-viewer{width:100%;height:100%}#model-canvas,#reference-preview{transition:opacity .22s}.viewer-stage[data-view=model] #model-canvas{opacity:1;pointer-events:auto}.viewer-stage[data-view=model] #reference-preview{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){#model-canvas,#reference-preview{transition:none}}#model-canvas canvas{touch-action:none;width:100%;height:100%;display:block}.viewer-loading{background:var(--color-accent-soft);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex;position:absolute;inset:0}.loading-ring{border:3px solid var(--color-border-control);border-top-color:var(--color-primary);border-radius:50%;width:28px;height:28px;animation:1s linear infinite studio-spin}@keyframes studio-spin{to{transform:rotate(360deg)}}.viewer-controls{z-index:3;border:1px solid var(--color-border-control);background:var(--color-surface);backdrop-filter:blur(12px);border-radius:12px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 16px #0003}.viewer-controls button,.viewer-view-menu>summary{color:var(--color-text);background:0 0;border:0;border-radius:8px;place-items:center;min-width:44px;min-height:44px;padding:10px;font-size:12px;display:grid}.viewer-controls svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.viewer-view-menu>summary{cursor:pointer;list-style:none}.viewer-view-menu>summary::-webkit-details-marker{display:none}.viewer-view-menu{position:relative}.viewer-view-options{border:1px solid var(--color-border-control);background:var(--color-surface);border-radius:10px;width:200px;padding:6px;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 8px 24px #0005}.viewer-view-options button{justify-items:start;width:100%;font-size:13px}.viewer-controls button:focus-visible,.viewer-view-menu>summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.viewer-controls button:hover,.viewer-view-menu>summary:hover,.viewer-view-menu[open]>summary{background:var(--color-accent-soft);border-color:var(--color-primary)}.viewer-controls button[aria-pressed=true]{background:var(--color-accent-soft);color:var(--color-primary);border-color:var(--color-accent-border)}.preview-summary{background:var(--color-surface);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.studio:not([data-state=completed]) .preview-summary{display:none}.preview-summary strong{font:700 22px var(--font-display);letter-spacing:-.03em;overflow-wrap:anywhere;margin:6px 0;display:block}.preview-summary .eyebrow{font-size:9px}.preview-mark{font:700 28px/1 var(--font-display);color:var(--color-text-muted);text-align:right}.preview-mark small{font:600 8px var(--font-primary);letter-spacing:3px}.job-card,.result-panel{border-top:1px solid var(--color-border);padding:20px 24px}.design-editor>summary,.model-details>summary{cursor:pointer;padding:14px 0;font-size:13px;font-weight:600}.design-editor>summary{display:none}.model-details{border-top:1px solid var(--color-border)}.model-details p{margin:10px 0}#download-status:empty,#providers-status:empty{display:none}.studio[data-state=completed] .preview-summary{padding:12px 24px}.studio[data-state=completed] #summary-label{display:none}.studio[data-state=completed] .preview-summary strong,.studio[data-state=completed] #result-actions h2{margin:0;font-size:18px}.job-heading{align-items:center;gap:12px;margin-bottom:8px;display:flex}.job-heading h2{letter-spacing:-.02em;font-size:16px}.job-dot{background:var(--color-text-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.job-dot[data-state=completed]{background:var(--color-success)}.job-dot[data-state=failed],.job-dot[data-state=unknown]{background:#81306d}.job-dot[data-state=processing],.job-dot[data-state=pending],.job-dot[data-state=submitting]{background:var(--color-primary)}#job-reference{overflow-wrap:anywhere;margin-top:10px;font-size:10px}#result-actions h2,#print-section h2{margin-top:10px;font-size:22px}#print-section{scroll-margin-top:24px}.upload-area{border:1px dashed var(--color-border-control);background:var(--color-surface);text-align:center;border-radius:12px;padding:22px 16px}.upload-area.dragging{border-color:var(--color-primary);background:var(--color-accent-soft)}.upload-area strong{font-size:14px}.upload-area p{margin:12px 0}.upload-area input{width:100%;margin:8px 0;font-size:12px}input[type=file]::file-selector-button{border:1px solid var(--color-border-control);background:var(--color-surface);min-height:44px;color:var(--color-primary);font:600 12px var(--font-primary);cursor:pointer;border-radius:8px;padding:8px 12px}#upload-preview{border:1px solid var(--color-border);border-radius:12px;padding:12px}#upload-preview img{object-fit:contain;max-height:160px;margin:auto}#upload-file-name{overflow-wrap:anywhere}.provider-card{border:1px solid var(--color-border);border-radius:12px;gap:10px;padding:18px;display:grid}.providers-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.refresh-providers{width:44px;height:44px;color:var(--color-text-muted);background:0 0;border:0;border-radius:50%;flex:0 0 44px;place-items:center;padding:0;display:grid}.refresh-providers:hover{color:var(--color-primary);background:var(--color-accent-soft)}.refresh-providers:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.refresh-providers svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.provider-card h3{font-size:17px}.provider-card p{color:var(--color-text-muted);font-size:13px}.contact-phone-row{align-items:center;gap:12px;display:flex}.contact-phone-label{align-items:center;gap:4px;display:flex}#request-form .form-section-heading,.contact-phone-label{justify-content:flex-start;gap:4px;position:relative}#request-form .contact-info{width:28px;min-width:28px;height:28px;min-height:28px;position:static}.topper-size-field{border:0;min-width:0;margin:0;padding:0}.topper-size-field legend{margin-bottom:8px;font-weight:600}.topper-sizes{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.topper-sizes label{cursor:pointer;min-width:0;position:relative}.topper-sizes input{opacity:0;width:1px;height:1px;position:absolute}.topper-sizes span{border:1px solid var(--color-border);border-radius:8px;justify-items:center;gap:2px;min-height:52px;padding:8px 4px;font-size:13px;font-weight:400;display:grid}.topper-sizes input:checked+span{border-color:var(--color-primary);background:var(--color-accent-soft)}.topper-sizes small{color:var(--color-text-muted);font-size:11px}.topper-sizes input:focus-visible+span{outline:2px solid var(--color-primary);outline-offset:2px}.contact-phone-row input{flex:1;min-width:0}#request-phone::placeholder{color:var(--color-text-muted);opacity:.65;font-size:14px}.contact-info{box-shadow:none;background:0 0;border:0;flex-shrink:0;min-width:36px;min-height:36px;padding:0}.contact-info [role=tooltip]{text-align:left;white-space:normal;font-weight:400;line-height:1.6}.contact-info>svg{display:block}.contact-info:hover,.contact-info:focus-visible{color:var(--color-primary);background:var(--color-accent-soft)}.contact-toast{z-index:50;color:#e3fff1;background:#18352b;border:1px solid #57957d;border-radius:12px;align-items:flex-start;gap:12px;width:min(400px,100vw - 40px);padding:18px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 32px #0005}.contact-toast p{overflow-wrap:anywhere;margin-top:6px;font-size:14px;line-height:1.5}.contact-toast button{color:inherit;min-width:32px;min-height:32px;margin-left:auto;font-size:24px}dialog{border:1px solid var(--color-border);background:var(--color-surface);width:min(520px,100% - 32px);max-height:90dvh;color:var(--color-text);border-radius:18px;margin:auto;padding:28px;overflow:auto}dialog::backdrop{backdrop-filter:blur(3px);background:#000000b3}#request-form{padding-top:24px}.whatsapp-contact{vertical-align:middle;place-items:center;width:48px;height:48px;padding:12px;display:inline-grid}.whatsapp-contact svg{fill:currentColor;width:24px;height:24px}.dialog-close{width:44px;height:44px;color:var(--color-text-muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px}.dialog-close:hover{background:var(--color-accent-soft);color:var(--color-text)}.dialog-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.dialog-close svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:18px;height:18px}.studio form:has(fieldset:disabled) input{background:var(--color-surface-hover)}#form-error{margin:12px 0}@media (width>=1100px){.studio-preview-column{position:sticky;top:24px}}@media (width<=1050px){.studio-grid{grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:0}.studio-form{padding:12px 0 0}.viewer-stage{height:340px;min-height:340px}.preview-top{padding:18px}.preview-summary{padding:20px}.motif-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.studio-grid{grid-template-columns:1fr;gap:0}.studio-form-column{border-right:0;border-bottom:1px solid var(--color-border);padding:4px 20px 20px}.studio-heading{flex-wrap:wrap;margin-bottom:8px}.journey{justify-content:space-between;gap:12px;padding:10px 0}.journey li{flex:1;align-items:start;gap:6px;font-size:10px}.journey li span{flex-shrink:0;width:22px;height:22px}.studio-form{padding:10px 0 0}.template-grid{gap:10px}.template-choice img{height:90px}.motif-grid{grid-template-columns:repeat(3,1fr)}.viewer-stage{height:330px;min-height:330px}.preview-top{padding:18px}.preview-top h2{font-size:13px}.preview-summary strong{font-size:20px}.studio-heading h1{font-size:16px}.studio-form-column,.studio-preview-column{min-width:0}.inline-actions>.button{flex:1}.studio .eyebrow{font-size:9px}}@media (width<=360px){.motif-grid{grid-template-columns:repeat(2,1fr)}.studio-form{padding:10px 0 0}.template-choice strong{font-size:10px}.journey{gap:6px}.journey li{flex-direction:column}.cost-summary>div{flex-direction:column;gap:4px}}
