@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Manrope:wght@400;500;600&display=swap');
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:#fffaf6;color:#532e27;font-family:Manrope,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #a44760;outline-offset:2px}[hidden]{display:none!important}main{width:100%;max-width:1140px;height:100dvh;margin:auto;padding:10px 28px 8px;display:flex;flex-direction:column;gap:0;overflow:hidden}h1{font:400 34px 'Cormorant Garamond',serif;margin:0;line-height:1}h1 em{color:#ab5667}.intro{display:flex;justify-content:space-between;align-items:center;flex:0 0 58px;padding-bottom:10px}.eyebrow{font-size:8px;letter-spacing:2px;color:#a04b5d;margin:0 0 5px}.quiet{border:0;background:transparent;color:#8e4859;padding:8px;font-size:11px}.viewer{position:relative;flex:0 0 clamp(160px,32vh,290px);height:clamp(160px,32vh,290px);min-height:0;background:radial-gradient(ellipse at center,#fffaf5,#f0ddd8);border:1px solid #ead3cb;overflow:hidden;touch-action:pan-y}.viewer canvas{width:100%;height:100%;display:block}.caption{position:absolute;bottom:10px;left:16px;font-size:10px;color:#794b42;pointer-events:none}.viewer-tools{position:absolute;top:10px;right:10px;display:flex;gap:5px}.viewer-tools button{background:#ffffffd9;border:1px solid #e4cbc3;border-radius:30px;padding:7px 12px;font-size:10px;color:#713d45}.empty{position:absolute;top:24%;width:100%;text-align:center;pointer-events:none;font:26px 'Cormorant Garamond',serif}.empty small{display:block;font:11px Manrope;margin-top:8px}.steps{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid #e4cbc3;flex:0 0 39px;background:#fffaf6;min-height:0}.steps button{white-space:nowrap;border:0;background:transparent;padding:8px 5px;color:#986b63;font-size:10px}.steps button b{font-weight:400;margin-right:3px}.steps button.active{color:#a54158;border-bottom:2px solid #b85e72}.choices{padding:12px 0 8px;flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:hidden}.control-title{display:flex;align-items:baseline;justify-content:space-between;gap:15px;flex:none}.control-title h2{font:26px 'Cormorant Garamond',serif;margin:0;line-height:1.1}.control-title p,.control-hint{font-size:10px;color:#916b61;line-height:1.5;margin:0}.control-title p{max-width:55%}.option-scroll{overflow:auto;min-height:0;flex:1;padding:2px 3px 5px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d7aaa9 #f8eee9}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.choice{border:1px solid #e4d4ce;background:#fff;padding:12px;text-align:left;min-height:75px;color:#57342b}.choice strong{display:block;font:22px 'Cormorant Garamond',serif}.choice small{display:block;font-size:10px;line-height:1.5;margin-top:5px;color:#8c6a60}.choice.selected,.shape-choice.selected,.model-choice.selected{background:#fae9eb;border-color:#b96f80;box-shadow:inset 0 0 0 1px #b96f80}.fields{display:flex;gap:15px;flex-wrap:wrap}.fields label{display:grid;gap:7px;font-size:11px;flex:1;min-width:100px}select,input[type=text],input[type=search]{border:1px solid #dfc9c1;padding:8px;background:white;color:#57342b;min-width:0}input[type=color]{width:32px;height:27px;padding:0;border:1px solid #dfc9c1;cursor:pointer}.structure-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.shape-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.shape-choice{display:flex;align-items:center;justify-content:center;gap:12px;height:72px;border:1px solid #e4d4ce;background:white;font-size:11px}.shape-icon{display:block;width:27px;height:27px;background:#d6a175}.shape-icon.round{border-radius:50%}.shape-icon.heart{background:transparent;font-size:34px;height:36px;color:#ba7485}.cover-grid{grid-template-columns:repeat(3,1fr)}.filling-grid{grid-template-columns:repeat(6,1fr)}.filling-grid .choice{padding:9px}.filling-grid strong{font-size:19px}.swatches{display:flex;gap:10px;margin-top:10px;align-items:center;flex-wrap:wrap}.swatches label{font-size:10px;display:flex;gap:8px;align-items:center}.swatch{width:30px;height:30px;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #d8c0b8}.swatch.selected{box-shadow:0 0 0 2px #974256}.footer{flex:0 0 55px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border-top:1px solid #e4cbc3;padding:8px 0;background:#fffaf6}.primary{background:#b8697a;color:white;border:0;padding:11px 20px;font-size:11px;white-space:nowrap}.summary{font-size:10px;line-height:1.6}.upload{font-size:11px;max-width:100%}.footnote{font-size:9px;line-height:1.3;color:#96776d;margin:0;flex:none;max-height:24px;overflow:hidden}#message{font-size:10px;color:#954659;flex:none;padding-bottom:4px}#message:empty{display:none}#reference{position:absolute;left:12px;top:9px;display:flex;align-items:center;max-width:48%;gap:8px;font-size:9px;z-index:1;background:#fffaf5de;padding:5px}#reference img{height:34px;width:32px;object-fit:cover}#reference span{max-width:210px;line-height:1.4}.decor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex:none}.view-switch{display:flex;gap:14px}.view-switch button{border:0;background:none;font:20px 'Cormorant Garamond',serif;padding:0 0 3px;color:#956a63}.view-switch button.active{color:#9e445c;border-bottom:1px solid #b66a7b}.families{display:flex;gap:6px;flex:none;overflow:auto;scrollbar-width:thin}.families button{border:1px solid #e2ccc3;background:white;padding:5px 10px;border-radius:20px;font-size:10px;white-space:nowrap}.families button.active{background:#b96f80;border-color:#b96f80;color:white}.decor-settings{display:flex;gap:14px;flex:none;align-items:center;flex-wrap:wrap}.decor-settings label{display:flex;gap:6px;align-items:center;font-size:9px}.decor-settings select,.decor-settings input[type=text]{font-size:10px;padding:5px;max-width:140px}.decor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.photo-choice{display:grid;grid-template-columns:52px 1fr;padding:0;min-height:69px;overflow:hidden;align-items:center;gap:8px}.photo-choice img{width:52px;height:69px;object-fit:cover}.photo-choice span{padding-right:7px}.photo-choice strong{font:16px 'Cormorant Garamond',serif;line-height:1.1}.photo-choice small{font-size:9px;line-height:1.3;margin-top:3px}.selected-details{display:flex;gap:4px;flex-wrap:wrap;margin:8px 0}.selected-details button{border:1px solid #e7c7cd;background:#f8e8ec;color:#954659;padding:4px 6px;border-radius:12px;font-size:9px}.model-search{display:flex;gap:10px;align-items:center;flex:none;font-size:10px}.model-search input{flex:1;padding:6px;font-size:10px}.model-search button{background:white;border:1px solid #e2ccc3;padding:3px 10px}.model-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.model-choice{border:1px solid #e4d4ce;background:white;padding:0;text-align:left;overflow:hidden}.model-choice img{width:100%;height:94px;object-fit:cover;display:block}.model-choice span{display:block;font-size:9px;padding:5px;line-height:1.4}.option-scroll>.control-hint{margin-top:5px}
@media(max-width:850px){main{padding-left:18px;padding-right:18px}.control-title{display:block}.control-title p{max-width:none;margin-top:3px}.structure-layout{gap:10px}.shape-choice{gap:5px}.decor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filling-grid{grid-template-columns:repeat(3,1fr)}.model-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){main{padding:5px 12px}.intro{flex-basis:47px;padding-bottom:6px}h1{font-size:27px}.eyebrow{font-size:6px;letter-spacing:1.4px}.intro .quiet{font-size:9px;padding:3px}.viewer{flex-basis:clamp(130px,28vh,230px);height:clamp(130px,28vh,230px)}.empty{font-size:22px}.empty small{font-size:9px}.caption{font-size:9px;left:9px;bottom:8px}.viewer-tools button{font-size:8px;padding:5px 8px}.steps{grid-template-columns:repeat(3,1fr);flex-basis:55px}.steps button{font-size:8px;padding:5px 2px}.choices{padding:8px 0 4px;gap:6px}.control-title h2{font-size:22px}.control-title p{font-size:9px}.grid{grid-template-columns:1fr 1fr;gap:6px}.choice{padding:8px;min-height:65px}.choice strong{font-size:20px}.choice small{font-size:9px;line-height:1.4;margin-top:3px}.structure-layout{display:block}.shape-choice{height:51px}.shape-icon{width:23px;height:23px}.structure-fields{margin-top:10px;gap:7px}.structure-fields label{min-width:0;font-size:10px}.structure-fields select{padding:6px}.cover-grid{grid-template-columns:repeat(3,1fr)}.cover-grid .choice strong{font-size:17px}.filling-grid{grid-template-columns:repeat(3,1fr)}.filling-grid .choice strong{font-size:16px}.swatches{gap:8px}.swatch{width:26px;height:26px}.footer{gap:6px;flex-basis:59px}.footer .quiet{font-size:9px;padding:3px}.summary{font-size:9px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.primary{font-size:10px;padding:10px 12px}.footnote{font-size:7px}.view-switch{gap:10px}.view-switch button{font-size:16px}.clear-decor{font-size:8px;padding:3px}.families{gap:4px}.families button{padding:4px 8px;font-size:9px}.decor-settings{gap:6px}.decor-settings label{font-size:8px;gap:3px}.decor-settings select{padding:3px;font-size:8px}.decor-settings input[type=text]{max-width:95px;font-size:9px}.decor-settings input[type=color]{height:22px;width:24px}.decor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-choice{grid-template-columns:42px 1fr;min-height:63px;padding:0;gap:5px}.photo-choice img{width:42px;height:63px}.photo-choice strong{font-size:16px}.photo-choice small{font-size:8px}.model-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.model-choice img{height:82px}.model-choice span{font-size:8px}.model-search{gap:4px;font-size:8px}.model-search input{width:100px;font-size:9px}.model-search button{padding:3px 6px}#reference img{height:26px;width:23px}#reference{font-size:7px;max-width:53%;left:7px;top:7px;gap:4px}.fields{gap:8px}.fields input[type=text]{width:100%}#choices[data-step="5"] .fields{flex-direction:column}.upload{font-size:9px}}
@media(max-height:600px) and (min-width:601px){.intro{flex-basis:43px}h1{font-size:27px}.viewer{height:clamp(120px,29vh,180px);flex-basis:clamp(120px,29vh,180px)}.steps{flex-basis:33px}.control-title h2{font-size:23px}.choices{padding-top:8px}.photo-choice{min-height:62px}.photo-choice img{height:62px}.footer{flex-basis:46px}.choice{min-height:68px;padding:9px}}
.shape-icon.number{background:transparent;font:36px 'Cormorant Garamond',serif;color:#ba7485;line-height:27px}.shape-choices{grid-template-columns:repeat(5,minmax(0,1fr))}.shape-choice{flex-direction:column;gap:6px;height:82px}.overlay-close:focus-visible{outline:2px solid #ab5b6f;outline-offset:-2px}@media(max-width:850px){.shape-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.shape-choice{height:54px;flex-direction:row;gap:6px}.shape-icon.number{font-size:30px}.structure-layout{grid-template-columns:1.1fr 1fr}}@media(max-width:600px){.shape-choice{height:43px;font-size:10px}.shape-choices{gap:5px}.shape-icon{width:20px;height:20px}.shape-icon.number{font-size:27px;line-height:20px}}
.palette-editor{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.palette-editor>label,.print-editor label,.detail-editor label{display:flex;align-items:center;gap:6px;font-size:10px}.palette-editor select,.print-editor select,.detail-editor select{padding:5px;font-size:10px;max-width:155px}.palette-slots{display:flex;gap:3px;align-items:center}.palette-slot{padding:5px 7px;background:white;border:1px solid #dec7c0;color:#81584f;font-size:9px;display:flex;gap:5px;align-items:center}.palette-slot i{display:inline-block;width:15px;height:15px;border-radius:50%;background:var(--slot-color);border:1px solid #cdb9ad}.palette-slot.active{border-color:#a74d68;background:#fae8ed}.palette-slots input{width:25px;height:25px}.palette-editor+.control-hint{margin-top:5px}.detail-editor{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:5px 0;border-top:1px solid #ead8d0;border-bottom:1px solid #ead8d0;flex:none}.tool-button{font-size:10px;padding:6px 10px;background:#fae8ed;border:1px solid #d39bab;color:#90475e}.detail-editor select{max-width:135px}.selected-chip{display:inline-flex;border:1px solid #e7c7cd;background:#f8e8ec;border-radius:12px;overflow:hidden}.selected-chip.active{border-color:#98435b}.selected-chip button{border:0;border-radius:0;background:transparent;margin:0}.selected-chip button+button{border-left:1px solid #e7c7cd}.print-editor{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:10px}.print-editor input[type=range]{width:90px;accent-color:#b8697a}.viewer-tools.secondary{top:auto;bottom:9px}.caption{bottom:12px;max-width:60%}#markHint{position:absolute;top:48px;left:50%;transform:translateX(-50%);font-size:11px;background:#fffaf3f0;border:1px solid #d39bab;padding:9px 14px;color:#8e465d;z-index:5;white-space:nowrap}.viewer-focus main{max-width:none;padding:5px;height:100dvh}.viewer-focus .intro,.viewer-focus .steps,.viewer-focus .choices,.viewer-focus .footer,.viewer-focus #message,.viewer-focus .footnote{display:none}.viewer-focus .viewer{height:auto;flex:1}.viewer-focus .viewer-tools{top:15px;right:15px}.viewer-focus .viewer-tools.secondary{top:auto;bottom:15px}.viewer-focus .caption{left:20px;bottom:20px}.creator-expanded main{max-width:none}.viewer canvas{cursor:grab;touch-action:none}.viewer canvas:active{cursor:grabbing}@media(max-width:600px){.palette-editor{gap:5px;margin-top:7px}.palette-editor>label{font-size:9px}.palette-editor select{font-size:9px}.palette-slots{flex-wrap:wrap;gap:3px}.palette-slot{font-size:8px;padding:3px 4px}.palette-slot i{width:12px;height:12px}.palette-slots input{width:19px;height:21px}.palette-editor .quiet{font-size:9px;padding:4px}.detail-editor{gap:5px;padding:4px 0}.detail-editor label{font-size:8px;gap:3px}.detail-editor select{padding:4px;font-size:8px;max-width:120px}.detail-editor label:first-child{flex-basis:100%}.tool-button{font-size:8px;padding:5px 7px}.viewer-tools.secondary button{font-size:8px;padding:5px 7px}.caption{bottom:31px;max-width:95%;font-size:8px}.print-editor{gap:8px}.print-editor label{font-size:9px}.print-editor input[type=range]{width:80px}#markHint{font-size:9px;padding:6px 8px;top:40px;white-space:normal;max-width:90%;width:max-content}}
@media(max-width:600px){.detail-editor label:first-child{flex-basis:auto}.detail-editor{gap:4px}.detail-editor select{max-width:95px}.cover-grid .choice{min-height:56px;padding:7px}.palette-editor .control-hint{font-size:8px}}
/* Keep the cake visible while the complete decoration panel scrolls. */
.decor-options .decor-settings{margin:4px 0 12px}.decor-options .detail-editor{margin-bottom:14px}.decor-item{min-width:0;display:flex;flex-direction:column}.decor-item .choice{flex:1;width:100%;grid-template-columns:80px 1fr;min-height:108px}.decor-item .choice img{width:80px;height:108px}.photo-preview{border:1px solid #e4d4ce;border-top:0;background:#fbf2ee;font-size:10px;padding:8px;text-align:left;color:#93485c}.decor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.real-photo{background:#fffaf6;color:#532e27;border:1px solid #dfc9c1;width:min(760px,95vw);height:92dvh;padding:16px;text-align:center}.real-photo::backdrop{background:#452e2dbb}.real-photo h2{font:24px 'Cormorant Garamond',serif;margin:5px}.real-photo img{display:block;max-width:100%;height:calc(100% - 115px);object-fit:contain;margin:auto}.real-photo p{font-size:11px}.real-photo>.quiet{display:block;margin-left:auto}
@media(min-width:900px){body:not(.viewer-focus) main{display:grid;max-width:none;grid-template-columns:minmax(0,46fr) minmax(0,54fr);grid-template-rows:58px 48px minmax(0,1fr) 58px 20px;column-gap:24px;padding:10px 20px}.intro{grid-column:1/-1;grid-row:1}.viewer{grid-column:1;grid-row:2/5;height:auto;flex:none;min-width:0}.steps{grid-column:2;grid-row:2;grid-template-columns:repeat(3,1fr)}.steps button{font-size:10px;padding:4px}.choices{grid-column:2;grid-row:3;padding:12px 0 8px;min-width:0}.footer{grid-column:2;grid-row:4;min-width:0}.footnote{grid-column:1;grid-row:5}#message{grid-column:2;grid-row:5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.structure-layout{display:block}.structure-fields{margin-top:15px}.model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.model-choice img{height:130px}.caption{bottom:52px;max-width:90%}.viewer-tools.secondary{left:10px;right:auto}.detail-editor label{font-size:10px}.detail-editor select{font-size:11px}.viewer-focus main{display:flex}.viewer-focus .viewer{height:auto;flex:1}.viewer-focus .caption{bottom:60px}}
@media(max-width:899px){body[data-step="4"]:not(.viewer-focus) .viewer{height:clamp(130px,25vh,190px);flex-basis:clamp(130px,25vh,190px)}.decor-options .detail-editor{gap:8px}.decor-options .selected-details{margin:10px 0}.decor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.decor-item .choice{grid-template-columns:62px 1fr;min-height:88px}.decor-item .choice img{height:88px;width:62px}.decor-options{padding-right:7px}.photo-preview{font-size:9px}}

.photo-canvas{display:block;width:100%;height:100%;object-fit:contain}.viewer-tools button[hidden]{display:none}


.price-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:0 0 auto;padding:8px 12px;background:#fae9eb;border:1px solid #ead3cb}.price-bar>div{display:flex;align-items:baseline;gap:12px;white-space:nowrap}.price-bar span{font-size:10px}.price-bar strong{font:26px "Cormorant Garamond",serif;color:#94445b}.price-bar p{font-size:9px;margin:0;max-width:52%;line-height:1.4}.viewer-focus .price-bar{display:none}@media(max-width:600px){.price-bar{padding:6px 8px;gap:8px}.price-bar>div{display:block}.price-bar span{display:block;font-size:8px}.price-bar strong{font-size:22px}.price-bar p{font-size:8px;max-width:58%}}

.selected-model-heading{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:start}.selected-model-heading button{padding:0;border:0;background:transparent;cursor:zoom-in}.selected-model-heading img{width:100%;height:125px;object-fit:contain}.selected-model-heading h3{margin:0 0 8px;font:24px Georgia,serif}.selected-model-heading p{font-size:12px;line-height:1.5}.model-options-scroll{overflow:auto!important;min-height:0}.model-options-table{overflow-x:auto;margin:16px 0}.model-options-table table{width:100%;border-collapse:collapse;font-size:12px}.model-options-table th,.model-options-table td{padding:10px 6px;border-bottom:1px solid #e9d4ce;text-align:left;vertical-align:top}.model-options-table select{max-width:180px;font-size:12px;padding:8px}.model-options-table input[type=number]{width:55px;padding:8px}.model-options-table small{display:block;font-size:10px;max-width:180px;margin-top:5px}.model-options-add{display:flex;gap:12px;align-items:end;margin:12px 0}.model-options-add label{display:grid;gap:6px;font-size:12px}.model-options-add select,.model-options-add button{padding:9px;border:1px solid #d9b7b3;background:white;color:#77394b}@media(max-width:650px){.model-options-table table{min-width:510px}.selected-model-heading{grid-template-columns:75px 1fr}.selected-model-heading h3{font-size:20px}}

.model-options-table th,.model-options-table td{padding:5px 4px;font-size:11px}.model-options-table select{font-size:11px;max-width:150px;padding:5px}.model-options-table input[type=number]{padding:5px;width:48px}.selected-model-heading{grid-template-columns:65px 1fr;gap:12px}.selected-model-heading img{height:76px}.selected-model-heading h3{font-size:19px;margin-bottom:4px}.selected-model-heading p{font-size:11px;margin:4px 0}.model-options-table input[type=color]{width:32px;height:28px}.model-options-table small{font-size:9px}.model-options-table table{min-width:580px}

.model-finish-fields{margin:12px 0;padding:10px;border:1px solid #e9d4ce}.model-finish-fields summary{cursor:pointer;font-size:13px;color:#94445b;margin-bottom:8px}.model-finish-fields .fields{display:flex;gap:12px;flex-wrap:wrap}.model-finish-fields .fields label{display:grid;gap:5px;font-size:11px}.model-finish-fields select{padding:6px;border:1px solid #d9b7b3;background:white}.model-finish-fields .palette-editor{margin-top:8px}

.model-incomplete{padding:10px;border:1px solid #cb9d73;background:#fff2df;color:#704622;font-size:12px;line-height:1.5}
/* TORTA TUA · Atelier */
:root{--ink:#4a302b;--rose:#99566a;--gold:#a88754;--line:#e8ded5;--paper:#fffdfa}body{background:#f6f2ed;color:var(--ink)}main{padding:18px 24px 12px;gap:8px}.intro{padding:0 4px 14px}.eyebrow{color:var(--gold);font-size:8px;letter-spacing:2.8px}h1{font-size:39px;letter-spacing:-.8px}h1 em{color:#9d6774}.intro .quiet{border:1px solid var(--line);border-radius:30px;padding:10px 16px;background:#fffaf6;font-size:10px}.viewer{border:1px solid #e5dbd0;border-radius:22px;background:radial-gradient(ellipse at 50% 40%,#fffefb 0%,#f3eae0 65%,#e9ddd0 100%);box-shadow:0 15px 45px #7354430a;isolation:isolate}.viewer::after{content:'TORTA TUA / ATELIER';position:absolute;bottom:24px;left:24px;color:#b09b88;font-size:8px;letter-spacing:3px;pointer-events:none}.viewer-tools{top:18px;right:18px;gap:7px}.viewer-tools button{background:#fffdf6e8;border:1px solid #e2d7ca;padding:9px 14px;font-size:10px;box-shadow:0 3px 12px #6e493909;backdrop-filter:blur(12px)}.viewer-tools.secondary{bottom:18px;left:auto;right:18px;top:auto}.caption{left:24px;bottom:52px;color:#907d70;font-size:9px;max-width:85%}#reference{top:18px;left:18px;background:#fffdfaeb;border:1px solid #e9dfd4;border-radius:12px;padding:8px;box-shadow:0 5px 18px #583c3110;max-width:49%}#reference img{border-radius:7px;height:42px;width:38px}#reference span{font-size:9px;color:#756157}.steps{border:1px solid var(--line);border-radius:13px;padding:4px;background:#eee7df;gap:3px}.steps button{border-radius:8px;font-size:10px;color:#91796f}.steps button.active{border:0;background:#fffdfa;box-shadow:0 2px 5px #68453512;color:#804554}.choices{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px;gap:13px}.control-title h2{font-size:29px}.control-title p{line-height:1.7}.option-scroll{padding-right:6px;scrollbar-color:#d7c5b6 transparent}.choice{border:1px solid var(--line);border-radius:12px;background:#fffcf8;padding:18px;min-height:112px;transition:background .2s,border-color .2s,transform .2s}.choice:hover{border-color:#bda18e;background:#faf3ec;transform:translateY(-1px)}.choice.selected{border-color:#a66c7b;background:#f8ecef;box-shadow:inset 0 0 0 1px #a66c7b}.choice strong{font-size:25px}.choice small{line-height:1.7;font-size:11px}.primary{border-radius:30px;background:#865062;padding:13px 24px;box-shadow:0 4px 12px #70405217}.footer{border:0;background:transparent;padding:6px 3px}.summary{color:#917d72;font-size:9px}.price-bar{border-radius:12px;border:1px solid var(--line);background:#eee7df;padding:10px 16px}.price-bar strong{font-size:29px;color:#5e3b35}.price-bar span{font-size:9px;letter-spacing:.5px}.price-bar p{color:#8c786d}.view-switch{display:flex;gap:3px;background:#f0e9e2;padding:4px;border-radius:10px;width:100%}.view-switch button{flex:1;font:500 10px Manrope,sans-serif;color:#8d776b;padding:10px 8px;border:0!important;border-radius:7px;white-space:normal}.view-switch button.active{color:#794254;background:#fffdfa;box-shadow:0 2px 5px #6c413414}.decor-toolbar{align-items:center;gap:5px}.decor-toolbar>.quiet{font-size:9px;max-width:65px;padding:5px}.accessory-heading h2{font:30px 'Cormorant Garamond',serif;margin:4px 0}.section-kicker{font-size:7px;letter-spacing:2.3px;color:#a68a67}.accessory-heading p{font-size:10px;color:#9b8578;line-height:1.6;margin:5px 0 0}.accessory-search{display:flex;gap:12px;align-items:center}.accessory-search input{flex:1;border-radius:9px;padding:11px 12px;font-size:11px;width:0;background:#fffcf8;border-color:var(--line)}.accessory-search span{font-size:9px;color:#9a8172;white-space:nowrap}.accessory-families{padding-bottom:4px;gap:5px}.accessory-families button{padding:7px 10px;border-color:var(--line);font-size:9px;background:#fffcf8}.accessory-families button.active{background:#865062;color:#fff;border-color:#865062}.accessory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.accessory-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fffdfa;min-width:0}.accessory-image{position:relative;aspect-ratio:1;background:#f0e8df;overflow:hidden}.accessory-image img{width:100%;height:100%;object-fit:contain;display:block}.accessory-image span{position:absolute;left:6px;bottom:6px;font-size:7px;border-radius:4px;background:#fffcf0e8;padding:4px 5px;color:#826d5b}.accessory-card-body{padding:11px}.accessory-card small{font-size:7px;color:#a68a67;letter-spacing:.5px}.accessory-card h3{font:21px 'Cormorant Garamond',serif;margin:5px 0;line-height:1.1}.accessory-card p{font-size:9px;color:#9a8477;line-height:1.4;margin:5px 0 12px;min-height:24px}.accessory-card button{width:100%;border:1px solid #decac0;border-radius:7px;padding:8px 3px;background:#fcf5ed;color:#855365;font-size:9px}.accessory-card button:hover{background:#865062;color:#fff}.accessory-pages{display:flex;justify-content:space-between;align-items:center;margin:18px 0;font-size:10px}.accessory-pages button{border:1px solid var(--line);padding:8px 12px;background:#fffaf5;border-radius:7px;font-size:10px}.my-accessories{background:#f8f2eb;border:1px solid var(--line);border-radius:10px;padding:11px;margin:0 0 15px}.my-accessories summary{font-size:10px;cursor:pointer;color:#865062}.accessory-line{display:grid;grid-template-columns:minmax(70px,1fr) 50px 85px 30px 22px;gap:7px;align-items:end;padding:10px 0;border-bottom:1px solid #e8ddd1}.accessory-line>span{font-size:10px;align-self:center}.accessory-line label{font-size:7px;color:#9c8475;display:grid;gap:3px}.accessory-line input[type=number],.accessory-line select{width:100%;padding:5px;font-size:9px;border:1px solid #e4d5c8;background:#fffdfa;border-radius:5px}.accessory-line>button{border:0;background:none;color:#99566a;font-size:20px}.model-finish-fields{border-radius:10px;background:#faf5ef;border-color:var(--line)}.selected-model-heading{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:10px}.selected-model-heading h3{font:24px 'Cormorant Garamond',serif}.selected-model-heading img{border-radius:8px}.model-options-table table{min-width:0;display:block}.model-options-table thead{display:none}.model-options-table tbody{display:grid;gap:10px}.model-options-table tr{display:grid;grid-template-columns:1fr 50px 1fr;border:1px solid var(--line);padding:10px;border-radius:10px;background:#fffcf8}.model-options-table td{border:0;font-size:10px;min-width:0}.model-options-table td:first-child{grid-column:1/3;font-weight:600;padding-top:7px}.model-options-table td:nth-child(2){grid-column:3;justify-self:end;grid-row:1}.model-options-table td:nth-child(3){grid-column:1/-1}.model-options-table td:nth-child(4)::before{content:'Cantidad';display:block;color:#ab9180;font-size:8px;margin-bottom:5px}.model-options-table td:nth-child(5)::before{content:'Color / tamaño';display:block;color:#ab9180;font-size:8px;margin-bottom:5px}.model-options-table td:nth-child(6)::before{content:'Ubicación';display:block;color:#ab9180;font-size:8px;margin-bottom:5px}.model-options-table select{max-width:100%;border-radius:6px}.model-options-table td:nth-child(3) select{width:100%;margin:3px 0}.model-options-table td:nth-child(5){display:flex;flex-wrap:wrap;gap:4px}.model-options-table td:nth-child(5)::before{flex-basis:100%}.model-options-table tr td:nth-child(4){grid-column:1}.model-options-table tr td:nth-child(5){grid-column:2/4}.model-options-table tr td:nth-child(6){grid-column:1/-1}.model-options-add{display:none}
@media(min-width:900px){body:not(.viewer-focus) main{grid-template-columns:minmax(0,52fr) minmax(0,48fr);grid-template-rows:72px 58px minmax(0,1fr) 62px 58px 18px;gap:10px 22px;padding:18px 24px 10px}.intro{grid-row:1}.viewer{grid-row:2/6}.steps{grid-row:2}.choices{grid-row:3;padding:18px}.price-bar{grid-column:2;grid-row:4}.footer{grid-row:5}.footnote{grid-row:6;font-size:8px}#message{grid-row:6}.caption{bottom:62px}.viewer-focus main{display:flex;gap:0}.viewer-focus .viewer{flex:1}.viewer-focus .viewer::after{bottom:24px}}
@media(max-width:1100px){.accessory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choices{padding:14px}.accessory-heading h2{font-size:26px}}
@media(max-width:899px){main{padding:10px 12px;gap:7px}.intro{flex-basis:57px;padding-bottom:6px}h1{font-size:30px}.viewer{flex-basis:29vh;height:29vh;border-radius:15px}.viewer::after{display:none}.viewer-tools{top:10px;right:10px}.viewer-tools.secondary{bottom:10px;right:10px}.viewer-tools button{font-size:8px;padding:7px 10px}#reference{top:10px;left:10px;padding:5px;max-width:45%}#reference img{height:28px;width:28px}#reference span{font-size:7px}.caption{bottom:40px;left:12px;font-size:8px}.choices{padding:12px;gap:9px}.steps{flex-basis:54px}.accessory-heading h2{font-size:25px}.accessory-heading p{font-size:9px}.accessory-image span{font-size:6px}.view-switch button{font-size:9px;padding:8px 5px}.accessory-grid{gap:8px}.accessory-line{grid-template-columns:minmax(50px,1fr) 40px 75px 25px 18px;gap:4px}.accessory-line>span{font-size:9px}.price-bar{padding:7px 12px}.price-bar strong{font-size:23px}.footer{flex-basis:43px}.primary{padding:10px 17px}.footnote{font-size:7px}.viewer-focus main{padding:5px}.viewer-focus .viewer{height:auto;flex:1}.choice{min-height:85px;padding:12px}.choice strong{font-size:23px}}
@media(min-width:900px) and (max-height:850px){.choices{gap:8px;padding:15px!important}.accessory-heading .section-kicker{display:none}.accessory-heading h2{font-size:26px;margin:0}.accessory-heading p{display:none}.accessory-families button{padding:6px 8px;font-size:8px}.accessory-search input{padding:9px 12px}.accessory-card h3{font-size:19px}.accessory-image{aspect-ratio:1.15}.view-switch button{padding:8px}.my-accessories{padding:9px;margin-bottom:10px}}
@media(min-width:900px) and (max-height:850px){.accessory-image{height:85px;aspect-ratio:auto}.accessory-card-body{padding:8px}.accessory-card p{display:none}.accessory-card h3{font-size:18px;margin:3px 0 8px}.accessory-card button{padding:7px 2px}.accessory-image span{font-size:6px;padding:3px}.accessory-card small{font-size:6px}}
@media(min-width:900px) and (max-height:850px){.accessory-image{height:58px}.accessory-card-body{padding:6px 8px}.accessory-card small,.accessory-image span{display:none}.accessory-card h3{font-size:17px;line-height:1;margin:2px 0 6px}.accessory-card button{padding:6px 2px;font-size:8px}.my-accessories{margin-bottom:8px}.accessory-grid{gap:8px}}
@media(max-height:700px){.accessory-heading{display:none}.choices{gap:6px!important;padding:12px!important}.accessory-search input{padding:7px 10px}.accessory-families button{font-size:8px;padding:5px 7px}.view-switch button{padding:7px 5px}.my-accessories{padding:7px;margin-bottom:6px}.accessory-image{height:48px;aspect-ratio:auto}.accessory-card-body{padding:5px 7px}.accessory-card h3{font-size:16px;margin:2px 0 5px}.accessory-card small,.accessory-card p,.accessory-image span{display:none}.accessory-card button{padding:5px 2px;font-size:8px}.accessory-grid{gap:7px}}