/* One editor, one viewport: the canvas never shares scrolling with the toolbox. */
body.constructor-shell{--f-display:system-ui,-apple-system,"Segoe UI",sans-serif;--f-body:system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:ui-monospace,monospace;height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column;font-size:14px}
.constructor-shell h1,.constructor-shell h2,.constructor-shell h3{text-transform:none;letter-spacing:-.025em}.constructor-shell .announce,.constructor-shell>.live,.constructor-shell>#beforeOrder{display:none}.constructor-shell .mozz-test-notice{flex:none;font-size:10px!important;padding:3px 8px!important}.mozz-test-notice summary{cursor:pointer}.mozz-test-notice p{margin:4px auto;max-width:65ch}.constructor-shell .bar{position:static;flex:none}.constructor-shell .bar-in{max-width:none;padding:10px 24px;gap:16px;flex-wrap:nowrap}.constructor-shell .bar-in>.price,.constructor-shell .bar-in>#addCart{display:none}.constructor-shell .bar-in .logo small{display:inline;font-size:9px}.flow-home,.flow-cart{font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap}.flow-cart{margin-left:auto}.constructor-shell .bar-sel{display:flex;flex-direction:column;gap:12px}.constructor-shell .bar-sel select,.constructor-shell .bar-sel input{width:100%;max-width:none;font-size:16px;border-radius:10px;min-height:44px;padding:10px 12px}.flow-field{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:650;color:var(--muted)}.flow-field select{color:var(--ink)}
.flow-steps{display:flex;justify-content:center;gap:8px;padding:10px 20px;border-bottom:1px solid var(--line);background:var(--surface);flex:none}.flow-steps button{border:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 18px;color:var(--muted);font-size:13px;font-weight:650;border-radius:9px;min-height:36px}.flow-steps b{width:22px;height:22px;border-radius:50%;background:var(--tile);display:grid;place-items:center;font-size:11px}.flow-steps button[aria-current="step"]{color:var(--pop);background:color-mix(in srgb,var(--pop) 8%,transparent)}.flow-steps button[aria-current="step"] b{background:var(--pop);color:white}
.constructor-shell .app{width:100%;max-width:1240px;flex:1;min-height:0;padding:18px 24px;gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,450px);overflow:hidden}.constructor-shell .stage{position:relative;top:auto;min-height:0;height:100%;padding:20px;border-radius:18px;gap:10px;overflow:hidden;justify-content:center}.constructor-shell .stage-head{flex:none;align-self:stretch}.constructor-shell .stage-head h1{font-size:20px}.constructor-shell #stageHint{display:none}.constructor-shell #cv{height:min(100%,480px);width:auto;max-width:100%;aspect-ratio:1/2;min-height:0;flex:1;object-fit:contain;touch-action:none!important;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:contain}.constructor-shell #cv:active{cursor:grabbing}.constructor-shell .meta{font-size:11px;gap:4px;flex-direction:column;align-items:center;max-width:100%;flex:none}.constructor-shell .preview-upload{background:var(--pop);color:#fff;text-transform:none;letter-spacing:0;border-radius:10px;min-height:44px;width:100%;max-width:340px;padding:10px 16px;font-size:14px;flex:none}.constructor-shell #uploadStatus{flex:none;font-size:12px;line-height:1.3;margin:0;text-align:center;color:var(--ok);max-width:42ch}.constructor-shell #uploadStatus.error{color:var(--bad)}.constructor-shell #tip{flex:none;font-size:11px;line-height:1.35;margin:0;max-width:44ch}.constructor-shell .stage-tools{display:none}.constructor-shell .side{height:100%;min-height:0;gap:0;overflow:hidden}.flow-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 3px 16px;display:flex;flex-direction:column;gap:14px}.flow-scroll>*{flex:none}.constructor-shell .card{padding:16px;border-radius:12px;gap:12px}.constructor-shell .btn,.constructor-shell .chip{letter-spacing:0;text-transform:none}.constructor-shell .btn{font-size:14px;min-height:42px}.constructor-shell .chip{font-size:13px;min-height:38px}.constructor-shell input[type=text],.constructor-shell textarea,.constructor-shell select{font-size:16px;border-radius:8px}.constructor-shell input[type=range]{min-height:38px;touch-action:pan-y}.constructor-shell .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;overflow:visible;flex:none;padding:0 3px 10px;margin:0 0 12px;border-bottom:1px solid var(--line)}.constructor-shell .tab{border:1px solid var(--line);border-radius:8px;font-size:12px;letter-spacing:0;text-transform:none;padding:8px 5px;min-height:37px}.constructor-shell .tab[aria-selected=true]{background:var(--pop);color:#fff;border-color:var(--pop)}.constructor-shell .presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}.constructor-shell .pre-open b{font-size:12px}.constructor-shell .pre-open>span:not(.pre-cnt){display:none}.constructor-shell .pre-name{display:none}.constructor-shell .helper,.constructor-shell .wtp,.constructor-shell .idea,.constructor-shell .sec-h>span{display:none}.constructor-shell .drop{border-radius:10px;padding:16px}.constructor-shell .drop b{text-transform:none;font-size:14px}.constructor-shell .lbl{text-transform:none;letter-spacing:0;font-size:12px}.flow-phone h2,.flow-review h2{font-size:22px}.flow-phone>p,.flow-review>p{color:var(--muted);font-size:13px}.flow-phone .bar-sel .btn{align-self:flex-start}.flow-help{font-size:13px;color:var(--muted)}.flow-help summary{cursor:pointer;font-weight:650;padding:10px 0}.flow-help p{margin:6px 0;line-height:1.6}.flow-help .stage-tools{display:flex;justify-content:flex-start}.flow-selection>summary{font-weight:650;cursor:pointer;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:9px;font-size:13px}.flow-selection>#selCard{margin-top:8px}.flow-selection:has(>#selCard[hidden]){display:none}.flow-selected{display:flex;align-items:center;justify-content:center;gap:6px;flex:none;max-width:100%}.flow-selected>span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;color:var(--muted)}.flow-selected button{border:1px solid var(--line);background:var(--surface);border-radius:8px;font-size:12px;min-height:36px;padding:6px 10px;cursor:pointer}.flow-selected button:disabled{opacity:.35;cursor:default}.flow-summary{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px;font-size:14px}.flow-summary dt{color:var(--muted)}.flow-summary dd{margin:0;text-align:right;font-weight:650}.flow-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px max(24px,calc((100vw - 1192px)/2));background:var(--surface);border-top:1px solid var(--line);padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.flow-foot .btn{border-radius:10px;text-transform:none;letter-spacing:0;min-width:170px}.flow-back{border:0;background:none;cursor:pointer;color:var(--muted);font-size:14px;min-height:44px}.flow-price{margin-left:auto;font-size:18px;font-weight:750;font-variant-numeric:tabular-nums}.flow-foot p{margin:0;color:var(--muted);font-size:12px}.constructor-shell .toast{bottom:88px;border-radius:12px;width:max-content;max-width:calc(100% - 24px);font-size:13px}.flow-empty{color:var(--muted);font-size:13px}.flow-more{align-self:stretch}.flow-idea-count{font-size:12px;color:var(--muted);text-align:center}
body[data-step=phone] .tabs,body[data-step=review] .tabs,body[data-step=phone] .flow-selected,body[data-step=review] .flow-selected{display:none}
body[data-step=phone] [data-panel],body[data-step=review] [data-panel]{display:none!important}
body:not([data-step=phone]) .flow-phone,body:not([data-step=review]) .flow-review{display:none}
body[data-step=phone] .flow-scroll> :not(.flow-phone):not(.flow-help),body[data-step=review] .flow-scroll> :not(.flow-review):not(.flow-help):not(#setBox):not(#pairBox):not(#groupBox):not(#wbBox){display:none!important}
body[data-step=design] .flow-scroll>.flow-review,body[data-step=design] .flow-scroll>#setBox,body[data-step=design] .flow-scroll>#magnetBox{display:none!important}
.editor-loading{position:fixed;inset:40% 16px auto;z-index:50;margin:auto;max-width:320px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);text-align:center;font-size:15px}.editor-loading p{font-size:12px;color:var(--muted);margin-top:8px}.constructor-shell:not(.editor-ready) .app{opacity:.35;pointer-events:none}.constructor-shell.editor-ready>.editor-loading{display:none}
@media(max-width:760px){.constructor-shell .bar-in{padding:8px 14px;gap:12px}.constructor-shell .bar-in .logo{font-size:20px}.constructor-shell .flow-home{font-size:12px}.constructor-shell .theme-tog{width:30px;height:30px}.flow-cart{font-size:12px}.flow-steps{padding:5px 8px;gap:3px}.flow-steps button{padding:5px 8px;flex:1;font-size:11px;gap:5px;min-height:34px}.flow-steps b{width:19px;height:19px;font-size:10px}.constructor-shell .app{padding:8px 12px;gap:8px;display:flex;flex-direction:column}.constructor-shell .stage{height:clamp(220px,36dvh,310px);max-height:40dvh;flex:none;padding:10px 12px;gap:5px;border-radius:12px}.constructor-shell .stage-head{display:none}.constructor-shell .preview-upload{min-height:34px;padding:6px 14px;font-size:12px;max-width:270px}.constructor-shell #cv{height:100%;max-height:185px;max-width:110px;flex:1;width:auto;min-height:60px}.constructor-shell .meta{font-size:10px;gap:1px}.constructor-shell #tip{font-size:10px;line-height:1.25}.constructor-shell #uploadStatus{font-size:10px;line-height:1.2}.constructor-shell .side{flex:1;width:100%;min-height:0}.constructor-shell .tabs{gap:4px;padding:0 0 6px;margin:0 0 6px;grid-template-columns:repeat(4,minmax(0,1fr))}.constructor-shell .tab{min-height:32px;font-size:11px;padding:5px 3px}.constructor-shell .card{padding:12px;gap:10px}.flow-scroll{padding:0 0 12px;gap:10px}.flow-phone h2,.flow-review h2{font-size:19px}.constructor-shell .bar-sel{gap:9px}.constructor-shell .bar-sel select{min-height:42px;padding:8px 10px}.flow-phone .bar-sel{display:grid;grid-template-columns:1fr 1fr}.flow-phone .bar-sel .flow-field:has(#product),.flow-phone .bar-sel .flow-field:has(#ctype){grid-column:1/-1}.flow-foot{padding:8px 12px;gap:10px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.flow-foot .btn{min-width:160px;font-size:13px;min-height:42px;padding:10px 13px}.flow-foot p{display:none}.flow-back{font-size:12px;min-width:48px}.flow-price{font-size:15px}.flow-selected{gap:5px}.flow-selected>span{max-width:100px;font-size:10px}.flow-selected button{font-size:10px;min-height:28px;padding:4px 8px}.constructor-shell .presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}.constructor-shell .pre-open canvas{max-height:132px;object-fit:contain;padding:4px}.flow-selection>summary{font-size:12px;padding:10px}.constructor-shell .mzs-packs{max-height:95px;overflow:auto}.constructor-shell .mzs-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.constructor-shell .mzs-grid button{touch-action:pan-y}.flow-help{font-size:12px}}
@media(max-height:690px) and (max-width:760px){.constructor-shell .stage{height:210px;max-height:40dvh}.constructor-shell #cv{max-height:110px}.constructor-shell .meta .q{display:none}.constructor-shell #tip{display:none}.constructor-shell .flow-selected>span{display:none}.flow-steps{padding-block:2px}.constructor-shell .bar-in{padding-block:5px}}
.constructor-shell .flow-phone .bar-sel{order:0;flex:none}.flow-base-note:has(#baseNote[hidden]){display:none}.flow-enlarge{display:none}
.flow-packs{margin:0}.flow-packs>summary{padding:10px 12px;border:1px solid var(--line);border-radius:9px;color:var(--ink)}.flow-packs [data-r=packs]{max-height:180px;overflow:auto;padding-top:10px}
.flow-tool-fold>summary{font-size:13px;font-weight:650;cursor:pointer;padding:12px 0;color:var(--muted)}.flow-tool-fold>.card{border:0;padding:12px 0 0}.flow-tool-fold[open]>summary{color:var(--ink)}.flow-tool-fold:not(.card){border-top:1px solid var(--line)}
.constructor-shell #selBody>.field{flex:none}.constructor-shell .card-h .acts .btn{min-height:32px;padding:5px 10px;font-size:12px}
@media(max-width:760px){.constructor-shell .stage{width:100%}.flow-enlarge{display:grid;place-items:center;position:absolute;right:8px;top:50px;border:1px solid var(--line);background:var(--surface);color:var(--ink);width:30px;height:30px;border-radius:8px;font-size:18px;cursor:pointer}.constructor-shell.preview-expanded .stage{height:min(55dvh,450px);max-height:55dvh}.constructor-shell.preview-expanded #cv{max-height:310px;max-width:160px}.constructor-shell .flow-phone .bar-sel{padding:0}.flow-phone .bar-sel>.btn{grid-column:1/-1;width:fit-content}.flow-phone .flow-base-note{font-size:12px}}
@media(max-width:350px){.constructor-shell .bar-in .logo small,.flow-home{display:none}.flow-steps button{font-size:10px;padding-inline:4px}.flow-foot .btn{min-width:135px}.flow-price{font-size:13px}.flow-back{min-width:35px}}
@media(max-width:760px){.constructor-shell .stage{display:grid;grid-template-columns:minmax(90px,.85fr) minmax(130px,1fr);grid-template-rows:auto auto 1fr auto;column-gap:14px;row-gap:8px;align-items:center;justify-items:stretch;padding:12px}.constructor-shell #cv{grid-column:1;grid-row:1/6;height:100%;max-height:100%;max-width:100%;width:100%;min-height:0;justify-self:center}.constructor-shell .preview-upload{grid-column:2;grid-row:1;min-height:40px;font-size:12px;white-space:normal;line-height:1.3;padding:8px}.constructor-shell #uploadStatus{grid-column:2;grid-row:2}.constructor-shell .flow-selected{grid-column:2;grid-row:3;align-self:center;flex-wrap:wrap}.constructor-shell .flow-selected>span{flex-basis:100%;max-width:none;text-align:center}.constructor-shell .meta{grid-column:2;grid-row:4;font-size:11px;text-align:center;line-height:1.35}.constructor-shell #tip{grid-column:2;grid-row:5;font-size:10px}.constructor-shell .flow-enlarge{top:auto;right:8px;bottom:8px;z-index:1}.constructor-shell.preview-expanded #cv{max-height:100%;max-width:100%}}