.designer-intro{padding-top:65px;padding-bottom:36px;display:flex;align-items:end;justify-content:space-between;gap:25px;flex-wrap:wrap}.designer-intro>.eyebrow{flex-basis:100%;margin-bottom:0}.designer-intro h1{font-size:clamp(42px,4.8vw,68px);letter-spacing:-.05em;line-height:1.1}.designer-intro p{font-size:18px;margin-top:18px}.designer-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr);gap:48px;padding-top:15px;align-items:start}.designer-preview{position:sticky;top:120px;min-width:0}.preview-toolbar,.preview-history{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 0}.preview-toolbar .eyebrow{margin:0}.preview-toolbar>div,.preview-history>div{display:flex;gap:8px}.designer-layout button{font:inherit;font-size:14px;border:1px solid #414544;background:transparent;color:var(--text);padding:10px 13px;cursor:pointer;line-height:1.4;min-height:44px}.designer-layout button:hover{border-color:var(--accent)}.designer-layout button[aria-pressed=true]{background:#e7e3d9;color:#171b1b;border-color:#e7e3d9}.designer-layout button:disabled{opacity:.35;cursor:default}.designer-layout :focus-visible{outline:2px solid var(--accent);outline-offset:4px}.design-stage{position:relative;border:1px solid #303333;border-radius:3px;overflow:hidden;background:#ffffff}.design-stage svg{display:block;width:100%;height:auto;aspect-ratio:800/520}.design-stage svg>g:last-child{visibility:hidden}.preview-ear-labels{position:absolute;inset:auto 0 28px;display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:14px;color:#c9cecd;pointer-events:none}.preview-history{font-size:14px;flex-wrap:wrap}.preview-history>span{color:var(--muted)}.preview-history button{border:0;padding:6px 8px}.designer-presets h2{font-size:18px;letter-spacing:-.02em;margin:24px 0 16px}#preset-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#preset-list button{text-align:left;display:flex;align-items:center;gap:9px;padding:11px}.preset-chips{display:flex;flex-shrink:0}.preset-chips i{width:17px;height:23px;display:block;box-shadow:inset 0 0 0 1px #fff3}.preset-chips i:first-child{border-radius:12px 0 0 12px}.preset-chips i:last-child{border-radius:0 12px 12px 0}.design-summary{margin-top:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.design-summary summary,.designer-extra summary,.art-position summary{font-size:14px;cursor:pointer;padding:17px 0;list-style:none;display:flex;justify-content:space-between}.design-summary pre{white-space:pre-wrap;font:14px/1.65 'DM Sans',sans-serif;color:var(--muted);margin:18px 0}.summary-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.file-button,.image-upload{display:inline-flex;align-items:center;justify-content:center;font-size:14px;border:1px solid #414544;padding:11px 15px;cursor:pointer;position:relative;min-height:44px}.file-button input,.image-upload input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.file-button:focus-within,.image-upload:focus-within{outline:2px solid var(--accent);outline-offset:4px}.preview-note{font-size:14px;color:var(--muted);line-height:1.6;margin-top:18px;max-width:650px}.designer-controls{min-width:0;background:#111313;padding:25px;border:1px solid #303333}.designer-controls fieldset{padding:0;margin:0 0 25px;border:0;min-width:0}.designer-controls legend{font-size:16px;margin-bottom:14px;width:100%;display:flex;justify-content:space-between;gap:12px}.designer-controls legend span{font-size:14px;color:var(--accent)}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.segmented button{border-right:0}.segmented button:last-child{border-right:1px solid #414544}.ear-selector p{font-size:14px;line-height:1.55;color:var(--muted);margin:13px 0 0}.ear-selector>button{margin-top:13px;width:100%}.designer-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border-top:1px solid var(--line);padding-top:24px;margin-bottom:25px}.material-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.material-list button{padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;word-break:normal;hyphens:auto}.material-chip{display:block;width:32px;height:35px;border-radius:45% 50% 45% 30%;background:#343d43;border:1px solid #b3bdc3}.chip-solid{background:linear-gradient(135deg,#777,#17191d 70%)}.chip-clear{background:linear-gradient(135deg,#d2e5eb88,#4b667055,#fff3)}.chip-tinted{background:linear-gradient(135deg,#67baca88,#245293aa,#7cd4e7bb)}.chip-pearl{background:repeating-linear-gradient(150deg,#d7d7c8,#f7ebdb 5px,#becbd1 9px,#d7d7c8 13px)}.chip-marble{background:linear-gradient(46deg,transparent 46%,#aac4b0 48%,transparent 50%),linear-gradient(132deg,transparent 30%,#132e24 31%,#d2ded5 32%,transparent 34%),linear-gradient(74deg,transparent 63%,#8fac98 64%,transparent 66%),#285c47}.chip-metal{background:linear-gradient(120deg,#775a23,#f8e4a5 43%,#b99b55 48%,#f8e4a5 53%,#7a653e)}.chip-carbon{background:repeating-conic-gradient(#42464a 0 25%,#15191c 0 50%) 0 0/8px 8px}.color-list{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.color-list button{height:36px;min-height:36px;padding:0;background:var(--swatch)!important;position:relative;border:2px solid #6e7474;border-radius:50%;aspect-ratio:1;max-width:38px;justify-self:center;width:100%}.color-list button[aria-pressed=true]{outline:2px solid #eee9de;outline-offset:3px}.color-list button[aria-pressed=true]:after{content:'✓';color:#fff;position:absolute;inset:0;display:grid;place-items:center;font-size:18px;text-shadow:0 1px 4px #000}.custom-color{display:flex!important;align-items:center;justify-content:space-between;margin:18px 0;font-size:14px}.custom-color input{width:56px;height:36px;padding:2px;border:1px solid #505959;background:#161b1b;cursor:pointer}.effect-list{display:flex;flex-wrap:wrap;gap:6px}.effect-list button{flex:1;padding:9px 7px}.range-field{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:14px;gap:10px;margin:20px 0}.range-field input{flex-basis:100%;width:100%;accent-color:#c6ad7c;min-height:30px;cursor:pointer}.range-field output{font-size:14px;color:var(--accent)}.art-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.designer-controls label:not(.range-field):not(.custom-color):not(.image-upload){display:block;font-size:14px;margin:16px 0}.designer-controls input[type=text],.designer-controls select{display:block;width:100%;color:var(--text);background:#171c1c;border:1px solid #535b59;padding:12px;font:16px 'DM Sans',sans-serif;margin-top:10px;border-radius:0}.control-note{font-size:14px;line-height:1.6;color:var(--muted);margin:15px 0}.image-upload{width:100%;min-height:70px;border-style:dashed}.art-position,.designer-extra{border-top:1px solid var(--line)}.designer-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.designer-actions button.button{background:var(--text);color:#171b1b;font-size:16px;padding:16px;justify-content:center}.designer-actions>a{justify-content:center;text-align:center;min-height:54px;font-size:16px}.designer-actions p{font-size:14px;line-height:1.6;color:var(--muted);margin:5px 0}.designer-status{font-size:14px;margin-top:15px;line-height:1.6;color:var(--accent)}.designer-layout [hidden]{display:none!important}
@media(max-width:1200px){.designer-layout{gap:25px;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr)}.designer-controls{padding:18px}.material-list{grid-template-columns:repeat(3,minmax(0,1fr))}#preset-list{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-toolbar{flex-wrap:wrap}}
@media(max-width:800px){.designer-intro{padding-top:38px}.designer-intro h1{font-size:44px}.designer-intro p{font-size:16px}.designer-layout{grid-template-columns:minmax(0,1fr);gap:0;padding-top:0}.designer-preview{display:contents}.preview-toolbar{position:sticky;top:70px;z-index:7;background:#080808;flex-wrap:nowrap;padding:8px 0}.preview-toolbar .eyebrow{display:none}.preview-toolbar>div{width:100%;justify-content:space-between}.preview-toolbar button{padding:9px 12px}.design-stage{position:sticky;top:128px;z-index:6}.design-stage svg{max-height:240px}.preview-ear-labels{bottom:16px}.preview-history{padding-bottom:6px}.preview-note{margin-bottom:25px}.designer-controls{padding:20px 16px}.material-list{grid-template-columns:repeat(4,minmax(0,1fr))}.designer-presets h2{margin-top:18px}#preset-list{grid-template-columns:repeat(2,minmax(0,1fr))}.designer-actions button.button{font-size:16px}.color-list button{min-height:32px;height:32px}.designer-controls legend{font-size:16px}.summary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.material-list{grid-template-columns:repeat(3,minmax(0,1fr))}.design-stage svg{max-height:190px}.designer-intro h1{font-size:40px}.designer-layout button{padding-left:7px;padding-right:7px}.color-list{gap:8px 4px;grid-template-columns:repeat(6,minmax(0,1fr))}.preview-history>div{gap:3px}.designer-parts button{font-size:14px}}
@media(prefers-reduced-motion:reduce){.page-personaliza{scroll-behavior:auto}}

@media(min-width:801px){.designer-intro{padding-top:32px;padding-bottom:20px;gap:14px}.designer-intro h1{font-size:clamp(42px,4vw,60px)}.designer-intro p{margin-top:14px}.design-stage svg{max-height:clamp(300px,calc(100vh - 350px),480px)}.preview-ear-labels{bottom:20px}}

.designer-controls .designer-presets{border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:8px}.designer-presets>summary{font-size:14px;cursor:pointer;padding:0 0 15px;display:flex;justify-content:space-between;list-style:none}.designer-controls #preset-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:15px}.designer-controls .design-summary{margin-top:0}.designer-controls .design-summary pre{font-size:14px}.designer-controls .summary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.designer-preview .preview-note{margin-bottom:0}
@media(max-width:800px) and (max-height:650px){.design-stage svg{max-height:165px}.design-stage{top:116px}.preview-toolbar{top:64px}}

.density-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.density-options button{padding:10px 4px;min-height:44px}#particle-field legend>#particle-label{font-size:16px;color:var(--text)}

/* Configurator-only finish controls and ownership mark. */
.chip-crystal{background:conic-gradient(from 20deg,#fff,#b30017,#f00,#fff,#720016,#ff5267,#fff);clip-path:polygon(25% 0,75% 0,100% 30%,78% 85%,50% 100%,15% 80%,0 30%)}
.effect-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.effect-list button{min-width:0}
.configurator-blocked{font-size:18px;line-height:1.6;padding:32px;border:1px solid #414544}
.designer-layout .custom-color[hidden]{display:none!important}

.designer-dedication{border-top:1px solid var(--line);margin-top:18px;padding:16px 0 0;font-size:14px;line-height:1.6;color:var(--muted)}.designer-dedication strong{display:block;font-size:14px;color:var(--text);font-weight:500}.designer-dedication p{font-size:14px;margin:5px 0 0;max-width:570px}

/* Keep the dedication readable without extending the sticky product preview. */
.designer-controls>.designer-dedication{border-top:0;border-bottom:1px solid var(--line);margin:0 0 22px;padding:0 0 18px}