:root{--space-xs:clamp(0.25rem,2vw,0.5rem);--space-sm:clamp(0.5rem,3vw,1rem);--space-md:clamp(1rem,4vw,1.5rem);--space-lg:clamp(1.5rem,5vw,2rem);--space-xl:clamp(2rem,6vw,3rem);--text-xs:clamp(0.75rem,2vw,0.875rem);--text-sm:clamp(0.875rem,2.5vw,1rem);--text-base:clamp(1rem,3vw,1.125rem);--text-lg:clamp(1.125rem,3.5vw,1.375rem);--text-xl:clamp(1.25rem,4vw,1.625rem);--text-2xl:clamp(1.5rem,5vw,2rem);--text-3xl:clamp(1.875rem,6vw,2.5rem);--color-primary:#0a2540;--color-secondary:#3b82f6;--color-accent:#3b82f6;--color-bg:#dcebfa;--color-text:#1e293b;--transition:all 0.2s ease}.mb-panel__body,html{scroll-behavior:smooth}.lego-header{background:#0a2540;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.08);padding:var(--space-sm) var(--space-md);position:-webkit-sticky;position:sticky;top:0;z-index:20;box-shadow:0 4px 20px rgba(10,37,64,.4)}.lego-header__inner{margin:0 auto;justify-content:space-between;gap:var(--space-md)}.lego-header__inner,.lego-header__steps{max-width:1700px;display:flex;align-items:center}.lego-header__steps{margin:var(--space-sm) auto 0;padding:0 var(--space-md);gap:var(--space-xs);flex-wrap:wrap}.lego-step{display:flex;align-items:center;gap:var(--space-xs);padding:clamp(.4rem,2vw,.6rem) clamp(.6rem,3vw,1rem);border-radius:599px;border:2px solid #93c5fd;background:hsla(0,0%,100%,.5);color:#94a3b8;cursor:pointer;font-weight:800;font-size:var(--text-xs);transition:all .2s ease}.lego-step:disabled{opacity:.4;cursor:not-allowed}.lego-step:hover:not(:disabled){background:rgba(59,130,246,.1);border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.lego-step .dot{width:clamp(1.25rem,8vw,1.5rem);height:clamp(1.25rem,8vw,1.5rem);border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);border:1px solid #93c5fd;background:transparent;color:#94a3b8;flex-shrink:0}.lego-step-line{width:clamp(1rem,5vw,1.5rem);height:2px;background:rgba(10,37,64,.2);border-radius:999px;flex-shrink:0}.lego-step-total{margin-left:auto;padding:var(--space-xs) var(--space-sm);border-radius:12px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);line-height:1.1;font-size:var(--text-xs)}.lego-step-total .muted{font-size:clamp(.7rem,2vw,.8rem);color:hsla(0,0%,100%,.5)}.lego-step-total .price{font-size:var(--text-sm);font-weight:900;color:#3b82f6}.lego-layout{max-width:1700px;margin:0 auto;padding:0 var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);min-height:calc(100vh - 120px)}@media (min-width:1024px){.lego-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);grid-gap:var(--space-lg);gap:var(--space-lg);align-items:start;height:calc(100vh - 120px)}}.lego-panel{background:var(--lego-card);border:1px solid var(--lego-border);border-radius:var(--r-lg);padding:var(--space-md);box-shadow:var(--shadow);position:relative;overflow:hidden}.lego-stageCard{border-radius:var(--r-lg);box-shadow:0 8px 40px rgba(10,37,64,.18);background:linear-gradient(160deg,#0a2540,#1e3a5f)}.lego-stageCard>div[style*=overflow]{background:rgba(17,24,39,.03);border:1px solid var(--lego-border);border-radius:0}.lego-canvas{position:relative;background:#fff;background-size:cover;background-repeat:no-repeat;background-position:50%;aspect-ratio:1/1;overflow:hidden;touch-action:none;transition:width .25s ease,height .25s ease}@media (max-width:768px){.stage-card,.stage-wrap{flex-direction:column!important}.stage-card,.stage-workspace,.stage-wrap{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important}.photo-frame-studio{margin:0 auto!important}.slot-zone{display:none!important}}.lego-canvas.is-over{border-style:solid;box-shadow:0 0 0 8px rgba(37,99,235,.14),0 26px 70px rgba(0,0,0,.12)}.lego-customizer input[type=number],.lego-customizer input[type=text],.lego-customizer textarea{width:100%;border:1px solid var(--lego-border);border-radius:12px;background:#fff;color:var(--lego-text);outline:none;font-size:clamp(.875rem,2.5vw,1rem);transition:border-color .15s var(--ease),box-shadow .15s var(--ease);box-sizing:border-box}.lego-customizer input[type=number],.lego-customizer input[type=text]{height:clamp(2.2rem,5vw,2.8rem);padding:0 clamp(.6rem,2vw,1rem)}.lego-customizer textarea{padding:clamp(.6rem,2vw,1rem);min-height:clamp(4rem,12vw,7rem);resize:vertical;font-family:inherit}.lego-customizer input:focus,.lego-customizer textarea:focus{border-color:#e4d4ff;box-shadow:0 0 0 6px rgba(37,99,235,.14)}.lego-customizer button{font-family:inherit;border-radius:12px;transition:transform .12s var(--ease),box-shadow .12s var(--ease),filter .12s var(--ease)}.lego-customizer button:hover{transform:translateY(-1px);box-shadow:0 12px 20px rgba(0,0,0,.1);filter:saturate(1.05)}.lego-customizer button:active{transform:scale(.98);box-shadow:none}.lego-panel ::-webkit-scrollbar{width:10px;height:10px}.lego-panel ::-webkit-scrollbar-thumb{background:rgba(37,99,235,.22);border-radius:999px;border:3px solid hsla(0,0%,100%,.92)}.lego-panel ::-webkit-scrollbar-track{background:transparent}.lego-footer{margin-top:var(--space-xl);padding:var(--space-lg) 0;text-align:center;color:rgba(17,24,39,.65);font-size:var(--text-sm);border-top:1px solid var(--lego-border)}.gradient-bg-mobile{background:radial-gradient(125% 125% at 50% 90%,#fff 35%,#475569 100%);background-size:150% 150%;background-attachment:fixed}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@keyframes fadeUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pop{0%{transform:translateY(6px) scale(.98);opacity:0}60%{transform:translateY(-2px) scale(1.01);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.lego-footer,.lego-panel,.lego-stageCard{animation:fadeUp .45s var(--ease) both}.lego-canvas.is-over{animation:pop .25s var(--ease) both}.right-panel{position:-webkit-sticky;position:sticky;top:var(--space-md);align-self:start}.panel-card{background:var(--color-white);border:1px solid rgba(0,0,0,.08);border-radius:clamp(1rem,4vw,1.5rem);box-shadow:0 8px 24px rgba(0,0,0,.06);padding:var(--space-md)}.panel-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-lg);font-weight:900;color:var(--color-gray-900)}.panel-step,.panel-title,.step-head{margin-bottom:var(--space-md)}.step-head{display:flex;justify-content:space-between;align-items:center}.step-title{font-size:var(--text-base);font-weight:900;color:var(--color-gray-900)}.btn-mini{padding:var(--space-xs) var(--space-sm);background:var(--color-gray-50);border:1px solid rgba(0,0,0,.1);border-radius:12px;cursor:pointer;font-size:var(--text-xs);color:var(--color-gray-600);font-weight:800;display:inline-flex;align-items:center;gap:var(--space-xs);transition:transform var(--transition-fast),background var(--transition-fast)}.btn-mini:hover{transform:translateY(-1px);background:var(--color-gray-100)}.option-list{display:grid;grid-gap:var(--space-sm);gap:var(--space-sm)}.option-card{position:relative;padding:var(--space-md);border-radius:clamp(.875rem,3vw,1.125rem);border:1px solid rgba(0,0,0,.08);background:#fff;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.option-card:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(0,0,0,.06);border-color:rgba(0,0,0,.12)}.option-card.is-active{border-color:rgba(74,111,165,.55);box-shadow:0 14px 34px rgba(74,111,165,.12);background:rgba(74,111,165,.06)}.option-check{position:absolute;top:var(--space-xs);right:var(--space-xs);width:clamp(1.25rem,4vw,1.5rem);height:clamp(1.25rem,4vw,1.5rem);border-radius:999px;background:var(--color-secondary);display:grid;place-items:center;color:#fff;font-size:var(--text-xs);font-weight:900}.option-row{display:flex;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-xs)}.option-name{color:var(--color-gray-900)}.option-name,.option-price{font-weight:900;font-size:var(--text-sm)}.option-price{color:var(--color-secondary);white-space:nowrap}.option-sub{font-size:var(--text-xs);color:var(--color-gray-600)}.option-meta{font-size:clamp(.7rem,2vw,.8rem);color:var(--color-gray-500);margin-top:var(--space-xs)}.panel-info{margin-bottom:var(--space-md);padding:var(--space-md);border-radius:clamp(.875rem,3vw,1.125rem);border:1px solid rgba(74,111,165,.18);background:rgba(74,111,165,.08)}.info-title{font-size:var(--text-xs);font-weight:900;color:var(--color-secondary)}.info-sub{color:var(--color-gray-600)}.info-ok,.info-sub{font-size:clamp(.75rem,2vw,.85rem);margin-top:var(--space-xs)}.info-ok{color:var(--color-success);font-weight:900;display:inline-flex;align-items:center}.info-ok,.tab-row{gap:var(--space-xs)}.tab-row{display:flex;margin-bottom:var(--space-md);overflow-x:auto;padding-bottom:2px}.tab-chip{padding:clamp(.4rem,2vw,.6rem) var(--space-sm);border-radius:999px;border:1px solid rgba(0,0,0,.08);background:var(--color-gray-50);color:var(--color-gray-700);font-size:var(--text-xs);font-weight:900;cursor:pointer;white-space:nowrap;transition:all .2s ease}.tab-chip.is-active{background:var(--color-primary);border-color:#ffb2f5;color:#fff}.upload-card{margin-bottom:var(--space-md);padding:var(--space-md);border-radius:clamp(1rem,4vw,1.5rem);border:2px dashed rgba(0,0,0,.14);background:var(--color-gray-50);text-align:center;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast)}.upload-card:hover{transform:translateY(-1px);background:var(--color-gray-100)}.upload-ico{font-size:clamp(1.25rem,5vw,1.75rem);color:var(--color-gray-500);margin-bottom:var(--space-sm)}.upload-title{font-size:var(--text-sm);font-weight:900;color:var(--color-gray-900)}.upload-sub{font-size:var(--text-xs);color:var(--color-gray-600)}.btn-primary{width:100%;padding:var(--space-md);border:0;border-radius:clamp(.875rem,3vw,1.125rem);cursor:pointer;font-size:var(--text-sm);font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:0 14px 30px rgba(139,93,139,.18);transition:transform var(--transition-fast),filter var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.02);box-shadow:0 18px 40px rgba(139,93,139,.22)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:none;box-shadow:none}.btn-success{background:linear-gradient(135deg,#ffc6ee,#dec1ff);box-shadow:0 14px 30px #ab8dd3}.panel-divider{border-top:1px solid rgba(0,0,0,.08);padding-top:var(--space-md);margin-top:var(--space-md)}.qty-row{display:grid;grid-template-columns:auto 1fr auto;grid-gap:var(--space-sm);gap:var(--space-sm);align-items:center;margin-bottom:var(--space-md)}.qty-btn{width:clamp(2.4rem,6vw,3rem);height:clamp(2.4rem,6vw,3rem);border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#fff;cursor:pointer;font-size:clamp(1rem,3vw,1.25rem);font-weight:900;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.qty-btn:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(0,0,0,.06)}.qty-value{text-align:center;font-size:clamp(1rem,3vw,1.25rem);font-weight:900;color:var(--color-gray-900)}.total-row{display:flex;justify-content:space-between;margin-bottom:var(--space-xs)}.total-label{color:var(--color-gray-600);font-weight:800;font-size:var(--text-sm)}.total-value{color:#ffd0ed;font-size:clamp(1rem,3vw,1.25rem);font-weight:900}.panel-note{font-size:var(--text-xs);color:var(--color-gray-500);margin-top:var(--space-xs);text-align:center}.stage-wrap{flex:1 1;min-width:0}.stage-card{background:#f8fafc;border:1px solid rgba(10,37,64,.1);border-radius:0;box-shadow:0 14px 40px rgba(10,37,64,.1);padding:var(--space-md);width:100%;height:100%;display:flex;flex-direction:column}.stage-head{align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.stage-title{font-size:var(--text-xl);font-weight:900;color:var(--color-gray-900)}.stage-meta{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-gray-600);flex-wrap:wrap}.stage-meta,.stage-pill{font-size:var(--text-xs)}.stage-pill{padding:clamp(.4rem,2vw,.6rem) var(--space-sm);border-radius:999px;background:rgba(74,111,165,.12);color:var(--color-secondary);font-weight:800}.stage-pill.success{background:rgba(214,243,255,.89);color:#edc6ff}.stage-pill.warn{background:#cbaeff;color:#b1d3ff}.stage-empty{width:clamp(200px,60vw,840px);height:clamp(200px,60vw,840px);background:hsla(0,0%,100%,.9);border-radius:clamp(1rem,3vw,1.5rem);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-lg);margin:var(--space-md) auto}.stage-empty h3{font-size:var(--text-lg);font-weight:900;color:var(--color-gray-900);margin-bottom:var(--space-sm)}.stage-empty p{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.6}.lego-wrapper{position:absolute;cursor:move;z-index:60}.lego-part{position:absolute;background-repeat:no-repeat;background-size:contain;background-position:50%;pointer-events:none}.frame-wrap{display:flex;justify-content:center;align-items:center;padding:var(--space-lg)}.frame-outer{background:#f3f3f3;padding:clamp(1.5rem,5vw,2rem);border-radius:clamp(.625rem,2vw,.75rem);box-shadow:0 22px 55px rgba(0,0,0,.25),0 6px 18px rgba(0,0,0,.12),inset 0 0 0 1px rgba(0,0,0,.05)}.frame-inner{background:#fff;padding:clamp(1rem,3vw,1.25rem);border-radius:clamp(.375rem,1.5vw,.5rem);box-shadow:inset 0 0 0 1px #eee}.photo-frame-studio{display:flex;align-items:center;justify-content:center;padding:clamp(.25rem,2vw,.5rem);background:#f3f3f3;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;margin:0 auto;aspect-ratio:1/1;animation:canvas-appear .55s cubic-bezier(.22,1,.36,1) both}.photo-frame-studio__inner{position:relative;padding:0;background:hsla(0,0%,100%,.96);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06),inset 0 14px 20px rgba(0,0,0,.06)}.photo-frame-studio__inner .lego-canvas:before{content:"";position:absolute;inset:-40px;z-index:5;pointer-events:none;background:radial-gradient(720px 460px at 18% 10%,hsla(0,67%,96%,.48),hsla(0,0%,100%,.14) 36%,hsla(0,0%,100%,0) 72%),linear-gradient(135deg,hsla(0,0%,100%,.18),hsla(0,0%,100%,0) 38%);mix-blend-mode:screen;opacity:.55}.photo-frame-studio__inner .lego-canvas:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06),inset 0 12px 18px rgba(0,0,0,.1)}.frame-section{margin-bottom:16px}.frame-section .section-title{font-weight:900;font-size:14px;color:#0a2540;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.frame-types{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px;margin-bottom:12px}.frame-color-options{display:flex;gap:8px;margin-bottom:12px}.frame-color-options .frame-color-btn{flex:1 1;background-color:#f3f7fe;color:#3b82f6;border:none;cursor:pointer;border-radius:8px;height:45px;font-size:13px;font-weight:600;transition:.3s;padding:0}.frame-color-options .frame-color-btn.is-selected,.frame-color-options .frame-color-btn:hover{background:linear-gradient(135deg,#0a2540,#3b82f6);box-shadow:0 8px 24px rgba(10,37,64,.3);color:#fff}.frame-color-options .frame-color-btn.is-selected{font-weight:800}.base-includes{background:#f0f4ff;border:1px solid #c7d4f0;border-radius:10px;padding:12px 14px;margin-top:4px}.base-includes-title{font-weight:700;font-size:13px;color:#0b2d72;margin:0 0 8px}.base-includes-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.base-includes-list li{font-size:12.5px;color:#334155;line-height:1.4}.frame-type-btn{border-radius:12px;border:2px solid #e2e8f0;background:#fff;padding:14px 16px;cursor:pointer;transition:all .2s ease;text-align:left;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:auto;position:relative;overflow:hidden}.frame-type-btn:hover{border-color:#3b82f6;box-shadow:0 4px 14px rgba(59,130,246,.15);transform:none}.frame-type-btn.is-selected{border-color:#3b82f6;border-width:2px;background:rgba(59,130,246,.04);box-shadow:0 4px 14px rgba(59,130,246,.2)}.frame-type-btn.is-selected:before{content:none}.frame-type-btn .frame-type-content{flex:1 1;display:flex;flex-direction:column;gap:3px}.frame-type-btn .frame-type-radio{width:20px;height:20px;border-radius:50%;border:2px solid #cbd5e1;flex-shrink:0;background:#fff;transition:all .2s}.frame-type-btn.is-selected .frame-type-radio{border-color:#3b82f6;background:#3b82f6;box-shadow:inset 0 0 0 4px #fff}.frame-type-name{font-weight:700;font-size:14px;color:#0a2540;margin-bottom:0;line-height:1.3}.frame-type-desc{font-size:12px;font-weight:400;color:#64748b;margin-bottom:0;line-height:1.3}.frame-type-features{display:flex;flex-direction:row;flex-wrap:wrap;gap:0 6px;margin-bottom:0;width:100%}.feature-item{font-size:11px;font-weight:400;color:#64748b;line-height:1.4}.feature-item:not(:last-child):after{content:" •";margin-left:3px;color:#94a3b8}.frame-type-price{font-size:15px;font-weight:800;color:#3b82f6;margin-top:4px;padding-top:0;border-top:none;width:auto}.frame-types.has-selection .frame-type-btn:not(.is-selected){min-height:auto;padding:8px 10px}.frame-types.has-selection .frame-type-btn:not(.is-selected) .frame-type-desc,.frame-types.has-selection .frame-type-btn:not(.is-selected) .frame-type-features,.frame-types.has-selection .frame-type-btn:not(.is-selected) .frame-type-price{display:none}.frame-types.has-selection .frame-type-btn:not(.is-selected) .frame-type-name{margin-bottom:0}@media (min-width:768px) and (max-width:1024px){.frame-types{grid-template-columns:1fr;gap:8px}.frame-type-btn{padding:10px}.frame-type-icon{font-size:22px}.frame-type-name{font-size:11px}}@media (min-width:1025px){.frame-types{grid-template-columns:1fr;gap:8px}}@media (max-width:767px){.frame-types{grid-template-columns:1fr;gap:8px}.frame-type-btn{padding:10px}.frame-type-icon{font-size:24px;margin-bottom:4px}.frame-type-name{font-size:12px}.frame-type-desc{font-size:10px}.frame-type-price{font-size:12px}}.frame-sizes{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:16px}.frame-size-btn{border-radius:12px;border:2px solid #e2e8f0;background:#fff;padding:12px;cursor:pointer;transition:all .3s ease;text-align:center}.frame-size-btn:hover{border-color:#6c8cff;box-shadow:0 4px 10px rgba(108,140,255,.12);transform:translateY(-2px)}.frame-size-btn.is-selected{border-color:#6c8cff;background:rgba(108,140,255,.08);box-shadow:0 4px 15px rgba(108,140,255,.2)}.frame-size-btn .size-name{font-weight:900;font-size:12px;color:#111827;margin-bottom:4px}.frame-size-btn .size-dimensions{font-size:11px;font-weight:700;color:#64748b;margin-bottom:6px}.frame-size-btn .size-price{font-size:11px;font-weight:800;color:#6c8cff}.lego-customizer{background:#dcebfa}@media (min-width:1024px) and (max-width:1100px){.lego-customizer{zoom:.75}}@media (min-width:1101px) and (max-width:1200px){.lego-customizer{zoom:.82}}@media (min-width:1201px) and (max-width:1350px){.lego-customizer{zoom:.9}}@media (min-width:1351px) and (max-width:1500px){.lego-customizer{zoom:.95}}.design-layout{gap:0!important;padding:0!important;margin:0!important;align-items:stretch!important}.control-panel,.design-layout>.mb-panel,.sample-gallery,.stage-workspace{border-radius:0!important;border-top:none!important;border-bottom:none!important}.sample-gallery,.stage-workspace{border-right:1px solid rgba(17,24,39,.08)!important;border-left:none!important}.control-panel,.design-layout>.mb-panel{border-left:none!important;border-right:none!important}.lego-customizer,.lego-customizer div,.lego-customizer h1,.lego-customizer h2,.lego-customizer h3,.lego-customizer h4,.lego-customizer h5,.lego-customizer h6,.lego-customizer label,.lego-customizer li,.lego-customizer p,.lego-customizer span,.lego-customizer td,.lego-customizer th{color:#0b2d72}.lego-customizer input:focus,.lego-customizer textarea:focus{border-color:#b3c1ff!important;box-shadow:0 0 0 6px rgba(244,63,94,.14)!important}:root{--mb-primary:#006ab1;--mb-primary-strong:#729ff4;--mb-muted:rgba(17,24,39,.55);--mb-bg:#fff;--mb-soft:rgba(250,167,225,.12);--mb-shadow:0 24px 70px rgba(0,0,0,.06);--mb-radius:22px}.mb-panel__head{padding:16px 18px;background:linear-gradient(180deg,hsla(0,0%,100%,.92),hsla(0,0%,100%,.75));border-bottom:1px solid rgba(17,24,39,.06)}.mb-panel__head.is-accent{border-top:4px solid #005485}.mb-panel__title{display:flex;align-items:center;gap:10px;font-weight:900;color:#111827;font-size:16px}.mb-panel__body{padding:26px 28px 8px;overflow:auto;flex:1 1;min-height:0;display:flex;flex-direction:column}.mb-panel__actions{padding:12px 28px 20px;background:transparent;border-top:1px solid rgba(10,37,64,.08);flex-shrink:0}.mb-panel__actions-inner{display:flex;gap:10px;align-items:center}.mb-panel__actions-btns{display:flex;flex-direction:column;gap:8px;flex:1 1;min-width:0}.mb-panel__actions-qty{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;flex-shrink:0}.mb-qty__label{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.mb-qty--compact{flex-direction:row;gap:4px}.mb-qty--compact .mb-qty__btn{width:26px;height:26px;font-size:14px;padding:0;border-radius:6px}.mb-qty--compact .mb-qty__val{font-size:13px;font-weight:800;min-width:22px;text-align:center;padding:0}@keyframes mb-step-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes canvas-appear{0%{opacity:0;transform:scale(.85) translateY(24px);box-shadow:0 0 0 rgba(11,45,114,0)}60%{opacity:1;transform:scale(1.03) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0);box-shadow:0 8px 32px rgba(11,45,114,.18)}}.mb-panel__body--animated{animation:mb-step-in .4s cubic-bezier(.22,1,.36,1) both!important}.mb-block{display:flex;flex-direction:column;gap:12px}.mb-panel__body--full{height:100%}.mb-panel__body--full .mb-block--fill{flex:1 1;min-height:0;display:flex;flex-direction:column;gap:12px}.mb-block__label{font-size:12px;font-weight:900;letter-spacing:.08em;color:#111827}.mb-row{display:flex;align-items:center}.mb-row--between{justify-content:space-between}.mb-row--gap{gap:10px;overflow-x:auto;flex-wrap:nowrap}.mb-wfull{width:100%}.mb-btn{border-radius:16px;font-weight:900;border:1px solid var(--mb-border);background:#fff;color:#111827;padding:10px 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:13px}.mb-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.06)}.mb-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.mb-row--gap .mb-btn:not(.mb-btn--primary):not(.mb-btn--lg){padding:4px 14px;font-size:12px;font-weight:700;border-radius:999px;flex-shrink:0;white-space:nowrap;min-height:unset;line-height:1.2}.mb-btn--primary{background:linear-gradient(135deg,#0a2540,#3b82f6);color:#fff;box-shadow:0 8px 24px rgba(10,37,64,.3)}.mb-btn--next,.mb-btn--primary{border-color:transparent;transition:all .2s ease}.mb-btn--next{background:#3b82f6;color:#0a2540;font-weight:800;box-shadow:0 6px 20px rgba(245,158,11,.35)}.mb-btn--next:hover:not(:disabled){background:#2563eb;box-shadow:0 8px 24px rgba(245,158,11,.5);transform:translateY(-1px)}.mb-btn--soft{border-color:#3b82f6;background:transparent;color:#3b82f6;transition:all .2s ease}.mb-btn--soft:hover{background:rgba(59,130,246,.1);border-color:#3b82f6}.mb-btn--outline{background:transparent;border-color:#3b82f6;color:#3b82f6;transition:all .2s ease}.mb-btn--outline:hover{background:rgba(59,130,246,.1)}.mb-btn--danger{border-color:rgba(220,53,69,.35);background:#dc3545;color:#fff}.mb-btn--lg{padding:12px 14px}.mb-sizegrid{display:grid;grid-auto-flow:column;grid-template-columns:repeat(auto-fit,minmax(90px,90px));grid-gap:10px;gap:10px;overflow-x:auto;padding-bottom:6px}.mb-sizecard{position:relative;width:90px;height:70px;border-radius:10px;border:1.5px solid #d1d5db;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:all .15s ease;flex-shrink:0}.mb-sizecard:hover{border-color:border-colorrgb(55,142,255);box-shadow:0 10px 24px rgba(244,114,182,.25)}.mb-sizecard.is-active{background:#f8b4c4;border-color:border-colorrgb(55,142,255);box-shadow:0 16px 36px #85baff}.mb-sizecard__name{font-size:12px;font-weight:700;color:#111827}.mb-sizecard__price{font-size:10px;font-weight:600;color:#374151}.mb-sizecard.is-active .mb-sizecard__name,.mb-sizecard.is-active .mb-sizecard__price{color:#7a1f4a}.mb-check{box-shadow:0 6px 14px #378eff}.mb-badge{position:absolute;top:-10px;left:12px;background:#fbbf24;color:#111827;font-weight:900;font-size:11px;padding:4px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 20px rgba(0,0,0,.08)}.mb-check{position:absolute;right:10px;top:10px;width:24px;height:24px;border-radius:999px;background:#378eff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.mb-dim{font-size:12px;color:rgba(17,24,39,.65);font-weight:800}.mb-bgbox{border-radius:18px;border:1px solid rgba(17,24,39,.08);background:rgba(248,250,252,.5);padding:10px;max-height:480px;overflow:auto}.mb-bggrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.mb-bgcard{border-radius:8px;border:1px solid var(--mb-border);background:#fff;padding:2px;cursor:pointer;text-align:left;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.mb-bgcard:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(0,0,0,.06)}.mb-bgcard.is-active{border-color:#378eff;box-shadow:0 18px 40px rgba(244,114,182,.12)}.mb-bgcard__thumb{width:100%;aspect-ratio:1/1;border-radius:6px;border:1px solid rgba(17,24,39,.08);background-color:#f6f7f9;background-repeat:no-repeat;background-position:50%;background-size:contain!important;overflow:hidden}.mb-bgcard__name{margin-top:2px;font-size:11px;font-weight:700;color:#111827;transition:color 0s 0s}.mb-bgcard.is-active .mb-bgcard__name{color:#0b2d72;transition:color 0s 1s}.mb-block--bg{gap:10px}.mb-block--bg .mb-bgbox{padding:8px;max-height:480px}.mb-block--bg .mb-bggrid{gap:6px}.mb-block--bg .mb-bgcard{border-radius:8px;padding:2px}.mb-block--bg .mb-bgcard__thumb{aspect-ratio:4/3;min-height:84px;max-height:110px}.mb-block--bg .mb-bgcard__name{margin-top:4px;font-size:10px}@media (max-width:768px){.mb-block--bg .mb-bggrid{grid-template-columns:repeat(2,1fr)}.mb-block--bg .mb-bgcard__thumb{aspect-ratio:1/1;min-height:120px;max-height:180px}}.mb-using{display:flex;gap:8px;align-items:center;font-weight:900;color:#378eff;font-size:12px}.mb-sep{height:1px;width:100%;background:rgba(17,24,39,.08);margin:2px 0}.mb-qty{display:flex;align-items:center;justify-content:space-between;gap:12px}.mb-qty__btn{width:44px;height:44px;border-radius:16px;border:1px solid var(--mb-border);background:#fff;font-weight:900;cursor:pointer}.mb-qty__val{flex:1 1;text-align:center;font-size:18px;font-weight:900;color:#111827}.mb-total__label{font-weight:800;color:var(--mb-muted)}.mb-total__value{font-weight:900;color:#32adff;font-size:18px}.mb-input{flex:1 1;height:42px;padding:0 12px;border-radius:16px;border:1px solid var(--mb-border);background:#fff;font-weight:700;outline:none}.mb-tabs{display:flex;gap:6px;overflow:auto;padding-bottom:4px;width:100%}.mb-tab{border-radius:999px;border:1px solid #0b2d72;background:#0b2d72;color:#fff;font-weight:900;font-size:10px;padding:6px 12px;white-space:nowrap;cursor:pointer;min-width:max-content;flex:0 0 auto;position:relative;overflow:hidden;z-index:0;transition:color .3s ease,border-color .3s ease}.mb-tab:before{content:"";position:absolute;top:0;bottom:0;right:0;left:100%;background:#fff;opacity:0;z-index:-1;transition:all .9s cubic-bezier(.22,1,.36,1)}.mb-tab.is-active{border-color:#0b2d72;color:#0b2d72}.mb-tab.is-active:before{left:0;opacity:1}.mb-layergrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;border-radius:18px;border:1px solid rgba(17,24,39,.08);background:rgba(248,250,252,.5);padding:10px;max-height:320px;overflow:auto}.mb-layercard{border-radius:16px;border:1px solid var(--mb-border);background:#fff;padding:10px;text-align:center;cursor:pointer}.mb-layercard--sticker{border:none;padding:4px}.mb-layercard--sticker,.mb-layercard--sticker:hover{background:transparent;box-shadow:none}.mb-layercard__thumb{width:100%;height:52px;border-radius:12px;border:1px solid rgba(17,24,39,.06);background:#f3f4f6;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.mb-layercard__avatar{font-size:18px;font-weight:900}.mb-layercard__name{font-size:12px;font-weight:900;color:#111827}.mb-layercard__price{font-size:11px;font-weight:900;color:#7566ff;margin-top:4px}.mb-bill{margin-top:12px;border-radius:18px;border:1px solid rgba(244,114,182,.22);background:hsla(0,0%,100%,.85);padding:12px}.mb-bill__title{font-weight:900;color:#7566ff;margin-bottom:10px}.mb-bill__row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:rgba(17,24,39,.7);font-weight:800;margin-bottom:8px}.mb-bill__row b{color:#111827}.mb-bill__sep{height:1px;background:rgba(0,0,0,.08);margin:8px 0}.checkout-tip{background:#f0f4ff;border:1.5px solid #c7d4f0;border-radius:12px;padding:12px 14px;margin-top:12px;font-size:12.5px;color:#334155;line-height:1.5}.checkout-tip p{margin:3px 0 0}.checkout-tip__header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.checkout-tip__icon{font-size:16px}.checkout-tip__title{font-weight:700;font-size:13px;color:#0b2d72}.checkout-antam{background:#fff;border:2px solid #22c55e;border-radius:12px;padding:12px 14px;margin-top:10px;font-size:13px;color:#1e293b;line-height:1.6}.checkout-antam p{margin:6px 0 0}.checkout-antam__header{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.checkout-antam__icon{font-size:18px}.checkout-antam__title{font-weight:900;font-size:15px;color:#1e293b;letter-spacing:.3px}.checkout-antam__badge{background:#fca5a5;color:#7f1d1d;font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;text-transform:uppercase}.checkout-antam__highlight{background:#bbf7d0;color:#14532d;padding:1px 6px;border-radius:5px;font-weight:700}.stage-head{justify-content:space-between;gap:16px}.stage-head,.stage-head__left{display:flex;align-items:center}.stage-head__left{gap:14px;min-width:0}.stage-title{font-weight:800;white-space:nowrap}.stage-steps .lego-header__steps{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;padding:0;background:transparent;border:0;box-shadow:none;overflow-x:visible}.stage-steps .lego-step-total{display:none}.stage-steps .lego-step{padding:4px 8px;border-radius:999px;font-size:11px;white-space:nowrap;flex-shrink:0}.stage-steps .lego-step .dot{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;margin-right:4px;font-size:10px}.stage-steps .lego-step-line{width:14px;height:2px;opacity:.35}@media (max-width:1100px){.stage-head__left{flex-wrap:wrap}.stage-steps{width:100%}.stage-steps .lego-header__steps{overflow-x:auto;padding-bottom:4px}}.design-layout{display:flex;gap:0;min-height:calc((100vh - 80px) * 1.2);align-items:stretch}.stage-workspace{flex:5 1;min-width:0;height:100%;overflow:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.design-layout>.mb-panel{flex:3.6 1;min-width:0;max-width:100%;position:relative;align-self:stretch;overflow-y:hidden;display:flex;flex-direction:column}.lego-panel{width:300px}.control-panel,.lego-panel{height:100%;overflow-y:auto;scrollbar-gutter:stable}.control-panel{flex:3 1;min-width:0}@media (max-width:480px){.lego-header{padding:8px 12px}.lego-customizer>div:first-of-type{transform:scale(.85);transform-origin:50% 50%}.lego-header__inner{gap:8px;max-width:100%}.lego-header__steps{padding:0 8px;gap:4px;margin:6px auto 0}.lego-step{padding:4px 8px;font-size:11px}.lego-step .dot{width:18px;height:18px;font-size:10px}.lego-step-line{width:12px}.lego-step-total{padding:4px 8px;font-size:11px}.design-layout,.lego-layout{padding:0;gap:0;max-width:100%}.design-layout{flex-direction:column;min-height:auto;align-items:stretch;width:100%;box-sizing:border-box;margin:0}.sample-gallery{order:1;max-height:none;overflow-y:visible;border-right:none;border-bottom:1px solid var(--lego-border);border-radius:0;padding:0;display:flex;flex-direction:column}.sample-gallery .sample-panel{display:none}.sample-gallery.is-open .sample-panel{display:block;padding:8px;max-height:150px;overflow-y:auto}.sample-toggle{padding:8px;width:100%}.stage-workspace{order:2;flex:none;width:100%;height:-moz-fit-content;height:fit-content;min-height:unset;padding:0 12px;margin:0;overflow-y:visible;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border-radius:0;box-sizing:border-box}.stage-wrap{flex:none;width:100%}.stage-card{padding:0;height:-moz-fit-content;height:fit-content;width:100%;margin:0 auto;box-sizing:border-box;overflow:visible;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.lego-canvas{background-size:cover!important}.stage-head{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px}.stage-title{font-size:14px}.stage-meta{font-size:11px;gap:6px}.design-layout>.mb-panel{order:3;flex:none;height:auto;max-height:-moz-fit-content;max-height:fit-content;border-right:none;border-top:1px solid var(--lego-border);border-radius:0}.control-panel,.design-layout>.mb-panel{overflow-y:auto;padding:0}.photo-frame-studio{margin:0;padding:0;aspect-ratio:auto;background:transparent;width:100%;display:flex;align-items:center;justify-content:center}.panel-card{padding:8px}.panel-title{font-size:14px;gap:6px}.right-panel{top:8px}.mb-panel__body{font-size:12px;padding:8px}}@media (min-width:481px) and (max-width:768px){.photo-frame-studio{margin:0;padding:0;aspect-ratio:auto;background:transparent;width:100%;display:flex;align-items:center;justify-content:center}.lego-header{padding:10px 16px}.lego-customizer>div:first-of-type{transform:scale(.92);transform-origin:50% 50%}.lego-header__inner{gap:12px}.lego-header__steps{padding:0 12px;gap:6px}.design-layout,.lego-layout{padding:0;gap:0;max-width:100%}.design-layout{flex-direction:column;min-height:auto;align-items:stretch;width:100%;box-sizing:border-box;margin:0}.sample-gallery{order:1;max-height:150px;overflow-y:auto;border-right:none;border-bottom:1px solid var(--lego-border);border-radius:0;padding:8px;display:none}.stage-workspace{order:2;flex:none;width:100%;height:-moz-fit-content;height:fit-content;min-height:unset;padding:0 16px;overflow-y:visible;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border-radius:0;box-sizing:border-box}.stage-wrap{flex:none;width:100%}.stage-card{padding:0;height:-moz-fit-content;height:fit-content;width:100%;margin:0;box-sizing:border-box;overflow:visible;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}}@media (min-width:769px) and (max-width:1023px){.lego-header{padding:10px 16px}.lego-customizer>div:first-of-type{transform:scale(.98);transform-origin:50% 50%}.lego-header__inner{gap:12px}.lego-header__steps{padding:0 16px;gap:8px}.lego-layout{padding:0 8px;gap:10px;max-width:100%}.design-layout{flex-direction:column;min-height:auto;align-items:stretch;gap:0;width:100%;max-width:100%;box-sizing:border-box;padding:0;margin:0}.sample-gallery{order:1;max-height:180px;flex:none;overflow-x:auto;overflow-y:hidden;border-right:none;border-bottom:1px solid var(--lego-border);border-radius:0;padding:8px}.stage-workspace{order:2;flex:none;height:-moz-fit-content;height:fit-content;min-height:unset;overflow-y:visible;flex-direction:column;background:transparent;border-radius:0}.stage-card,.stage-workspace{padding:0;display:flex;align-items:center;justify-content:center}.stage-card{height:100%;width:100%;margin:0;box-sizing:border-box;overflow:visible}.design-layout>.mb-panel{order:3;flex:none;height:auto;max-height:-moz-fit-content;max-height:fit-content;overflow-y:auto;border-right:none;border-top:1px solid var(--lego-border);border-radius:0;padding:0}.lego-canvas{background-size:cover!important}.photo-frame-studio{margin:0;padding:0;aspect-ratio:auto;background:transparent;width:100%;display:flex;align-items:center;justify-content:center}.panel-card{padding:12px}}@media (min-width:1024px){.lego-header{padding:12px 24px}.lego-header__inner{max-width:1200px;gap:16px}.lego-header__steps{max-width:1200px;padding:0 16px;gap:6px}.lego-step{padding:6px 10px;font-size:12px}.lego-step .dot{width:20px;height:20px;font-size:11px}.lego-step-line{width:20px;height:2px}.lego-step-total{padding:6px 10px;font-size:12px}.lego-step-total .muted{font-size:11px}.lego-step-total .price{font-size:14px}.lego-layout{max-width:1700px;padding:0 15px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);grid-gap:16px;gap:16px;align-items:start;height:calc(100vh - 120px)}.design-layout{flex-direction:row;height:100%}.sample-sidebar{flex:2 1;max-width:320px;min-width:0;overflow:hidden}.sample-gallery{flex:1 1;max-height:none;overflow-y:auto;border-right:1px solid var(--lego-border)}.stage-workspace{flex:5 1;min-width:0;height:100%;overflow:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.design-layout>.mb-panel{flex:3 1;min-width:0;max-width:100%;position:relative;height:100%;overflow:hidden;display:flex;flex-direction:column}.control-panel{flex:3 1;min-width:0;height:100%;overflow-y:auto;scrollbar-gutter:stable}.stage-wrap{width:100%;align-self:stretch}.selected-product-thumb{max-height:260px;max-width:100%}.selected-product-thumb img{max-height:260px;object-fit:contain}.stage-card{padding:40px;height:100%}.stage-head{flex-wrap:nowrap}.stage-title{font-size:20px}.stage-meta{font-size:13px;gap:12px}.stage-pill{padding:6px 12px}.stage-empty{width:840px;height:840px}.stage-empty h3{font-size:18px;margin-bottom:10px}.stage-empty p{font-size:14px}.panel-title{gap:10px;font-size:16px;margin-bottom:8px}.panel-step{margin-bottom:10px}.step-head{margin-bottom:12px}.step-title{font-size:14px}.btn-mini{padding:8px 10px;font-size:12px;gap:6px}.option-list{gap:10px}.option-card{padding:12px}.option-check{width:22px;height:22px;font-size:12px}.option-row{gap:12px;margin-bottom:6px}.option-name,.option-price{font-size:14px}.option-sub{font-size:13px}.option-meta{font-size:12px;margin-top:6px}.panel-info{margin-bottom:12px;padding:12px}.info-title{font-size:13px}.info-sub{font-size:12px;margin-top:4px}.info-ok{margin-top:8px;font-size:12px;gap:8px}.tab-row{gap:8px;margin-bottom:12px}.tab-chip{padding:7px 12px;font-size:12px}.upload-card{margin-bottom:12px;padding:14px}.upload-ico{font-size:22px;margin-bottom:8px}.upload-title{font-size:14px}.upload-sub{font-size:12px}.btn-primary{padding:12px 14px;font-size:14px;gap:8px}.qty-row{grid-template-columns:44px 1fr 44px;gap:10px;margin-bottom:12px}.qty-btn{width:44px;height:44px}.qty-btn,.qty-value{font-size:18px}.total-label{font-size:14px}.total-value{font-size:18px}.panel-note{font-size:12px;margin-top:6px}.right-panel{top:18px}.panel-card{padding:6px}.lego-footer{margin-top:50px;padding:30px 0;font-size:14px}.lego-customizer input[type=number],.lego-customizer input[type=text]{height:40px;padding:0 12px;font-size:14px}.lego-customizer textarea{padding:12px;font-size:14px;min-height:auto}.photo-frame-studio{padding:4px;margin:0 auto}}@media (min-width:1440px){.lego-header{padding:12px 24px}.lego-layout{padding:0 15px}.stage-card{padding:40px}.panel-card{padding:6px}.design-layout>.mb-panel{max-width:100%}}.sample-title{display:none!important}.sample-list{grid-gap:4px;gap:4px}.sample-thumb{border:0!important;padding:0!important;background:transparent!important;border-radius:0!important;width:100%!important}.sample-thumb img{border-radius:0!important;max-height:160px}.sample-thumb__badge{position:absolute;top:4px;right:4px;background:#ff6b9d;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px;pointer-events:none}.sample-thumb.is-product-image{position:relative}.control-panel .panel-card,.control-panel .panel-content,.control-panel .panel-inner{height:100%;display:flex;flex-direction:column;overflow:hidden}.background-grid,.bg-grid,.bg-list,.panel-scroll{flex:1 1;min-height:0;overflow:auto;padding-bottom:12px}.mb-panel--bg{position:-webkit-sticky;position:sticky;top:0;height:calc(100vh - 80px);max-height:calc(100vh - 20px);overflow:hidden;display:flex;flex-direction:column}.mb-panel--bg .mb-panel__body{overflow:hidden}.mb-panel--bg .mb-block,.mb-panel--bg .mb-panel__body{flex:1 1;min-height:0;display:flex;flex-direction:column}.mb-panel--bg .mb-bgbox{flex:1 1;min-height:0;overflow:auto;max-height:none}.mb-panel--lego{position:-webkit-sticky;position:sticky;height:calc(100vh - 72px);max-height:calc(100vh - 72px);overflow:hidden;display:flex;flex-direction:column}.mb-panel--lego .mb-panel__body{overflow:hidden}.mb-panel--lego .mb-block,.mb-panel--lego .mb-panel__body{flex:1 1;min-height:0;display:flex;flex-direction:column}.mb-panel--lego .mb-layergrid{flex:1 1;min-height:0;overflow:auto;max-height:none}.sample-gallery{flex:2 1;min-width:0;overflow-y:auto;border-right:none;padding-right:0;display:flex;flex-direction:column;scrollbar-gutter:stable}.sample-toggle{width:100%;height:44px;border-radius:14px;border:1px solid rgba(17,24,39,.12);background:hsla(0,0%,100%,.9);font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.sample-toggle__icon{font-size:18px;opacity:.7}.sample-panel{margin-top:10px;border:1px solid rgba(17,24,39,.1);border-radius:16px;background:hsla(0,0%,100%,.85);padding:10px;max-height:calc(100vh - 180px);overflow:auto}.sample-list{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px;justify-items:center}.sample-thumb{width:100%;max-width:120px;padding:0;border:0;background:transparent;cursor:pointer}.sample-thumb img{width:100%;height:auto;max-height:140px;object-fit:contain;display:block}@media (max-width:1400px){.sample-thumb{max-width:150px!important}.sample-thumb img{max-height:180px!important}}.sample-modal{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:2000;cursor:zoom-out}.sample-modal img{max-width:90vw;max-height:90vh;background:#fff;border-radius:12px}.ui-button{padding:17px 40px;border-radius:50px;cursor:pointer;border:0;background-color:#fff;box-shadow:0 0 8px rgb(0 0 0/5%);letter-spacing:1px;font-size:15px;font-weight:500;text-transform:none;transition:all .5s ease}.ui-button:hover{letter-spacing:2px;background-color:#14a6d2;color:#fff;box-shadow:0 7px 29px 0 #66c2ff}.ui-button:active{background-color:#66e8ff;color:hsla(0,0%,100%,0);box-shadow:none;transform:translateY(6px);transition:.1s}:root{--mb-primary:#5bbcf5;--mb-primary-strong:#90b2fc;--mb-soft:rgba(59,130,246,.12);--mb-border:rgba(17,24,39,.1)}.lego-step.active{border-color:#3b82f6!important;background:transparent!important;color:#3b82f6!important;box-shadow:none!important}.lego-step.active .dot{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important}.lego-step.done{border-color:#0a2540!important;background:transparent!important;color:#0a2540!important}.lego-step.done .dot{background:#0a2540!important;color:#fff!important;border-color:#0a2540!important}.mb-total__value,.option-price,.total-value{color:#3b82f6!important;font-weight:800}.option-card.is-active{border-color:#0a2540!important;background:rgba(10,37,64,.05)!important;box-shadow:0 8px 24px rgba(10,37,64,.18)!important}.mb-check,.option-check{background:linear-gradient(135deg,#0a2540,#3b82f6)!important;box-shadow:0 6px 16px rgba(10,37,64,.35)!important}.panel-info{border-color:rgba(10,37,64,.2)!important;background:rgba(10,37,64,.04)!important}.info-title{color:#0a2540!important}.btn-primary,.mb-btn--primary{background:linear-gradient(135deg,#0a2540,#3b82f6)!important;box-shadow:0 8px 24px rgba(10,37,64,.3)!important;border-color:transparent!important;color:#fff!important}.mb-qty__btn:hover,.qty-btn:hover{background:#0a2540!important;color:#fff!important;box-shadow:0 4px 12px rgba(10,37,64,.25)!important}.lego-customizer input:focus,.lego-customizer textarea:focus,.mb-input:focus{border-color:#0a2540!important;box-shadow:0 0 0 4px rgba(10,37,64,.12)!important}.mb-sizecard.is-active{background:rgba(59,130,246,.15)!important;border-color:#06a1fc!important;box-shadow:0 16px 36px rgba(59,130,246,.25)!important}.mb-bgcard.is-active{border-color:#3b82f6!important;box-shadow:0 18px 40px rgba(59,130,246,.18)!important}.mb-bill__title{color:#01ccff!important}.selected-product-thumb{width:100%;max-width:380px;height:auto;padding:4px;border-radius:8px}.selected-product-thumb img{width:100%;height:auto;object-fit:contain;display:block}.sample-sidebar{display:flex;flex-direction:column;min-width:0;flex:2 1;max-width:380px;overflow:hidden}.sample-row{display:flex;flex-direction:column;gap:12px}.product-block{width:100%}.product-thumb{width:90px}.product-thumb img{width:100%;display:block}.lego-layout{align-items:stretch}.lego-panel{height:calc(100vh - 140px);display:flex;flex-direction:column}@media (max-width:480px){.lego-header{padding:6px 8px}.lego-header__inner{flex-wrap:wrap;gap:6px}.lego-header__steps{padding:0 8px;gap:4px;margin:6px auto 0}.lego-step{padding:4px 6px;font-size:10px;gap:4px}.lego-step .dot{width:16px;height:16px;font-size:9px}.lego-step-line{width:12px;display:none}.lego-step-total{padding:4px 8px;font-size:10px;border-radius:10px}.lego-step span:not(.dot){display:none}.lego-layout{flex-direction:column!important;gap:16px}.lego-panel{height:auto!important;min-height:60vh}.right-panel,.sample-sidebar{width:100%!important;position:static!important}.selected-product-thumb{width:100%!important}.panel-card{padding:12px;border-radius:16px}.panel-title{font-size:14px}.step-title{font-size:13px}.btn-mini,.mb-btn,.option-card,button{min-height:44px;touch-action:manipulation}.option-card{padding:14px}.option-name,.option-price{font-size:14px}.option-sub{font-size:12px}.product-thumb{width:70px!important}}@media (min-width:481px) and (max-width:768px){.lego-header{padding:8px 12px}.lego-header__steps{gap:5px;padding:0 12px;margin:6px auto 0}.lego-step{padding:5px 8px;font-size:11px;gap:5px}.lego-step .dot{width:18px;height:18px;font-size:10px}.lego-step-line{width:16px}.lego-step-total{padding:5px 8px;font-size:11px}.lego-layout{flex-direction:column!important;gap:20px}.lego-panel{height:auto!important}.right-panel,.sample-sidebar{width:100%!important;position:static!important}.selected-product-thumb{width:100%!important;max-width:500px;margin:0 auto}.product-thumb{width:80px!important}}@media (min-width:769px) and (max-width:1024px){.lego-header{padding:8px 16px}.lego-header__steps{gap:6px;padding:0 16px}.lego-step{font-size:11px;padding:5px 9px}.lego-step .dot{width:18px;height:18px}.lego-step-line{width:18px}.lego-layout{gap:16px}.sample-sidebar,.selected-product-thumb{width:280px!important}.right-panel{width:280px}.panel-card{padding:14px}}@media (max-width:768px){.lego-header__steps{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.lego-header__steps::-webkit-scrollbar{height:4px}.lego-header__steps::-webkit-scrollbar-thumb{background:rgba(37,99,235,.3);border-radius:4px}.option-list{grid-template-columns:1fr}.lego-footer{padding:20px 12px;font-size:13px}.sample-row{gap:8px}}@media (hover:none) and (pointer:coarse){.option-card:hover{transform:none}.option-card:active{transform:scale(.98)}.btn-mini:hover{transform:none}.btn-mini:active{transform:scale(.96)}}@media (max-width:896px) and (orientation:landscape){.lego-panel{height:auto!important;min-height:70vh}.lego-header__steps{margin:8px auto 0}}@media (min-width:1401px){.sample-list{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:4px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.lego-canvas,.selected-product-thumb img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}