@font-face{font-family:"Kliker Sans";src:url("/assets/fonts/kliker-sans-regular.woff2") format("woff2");font-display:swap;font-weight:400 600}
@font-face{font-family:"Kliker Sans";src:url("/assets/fonts/kliker-sans-extrabold.woff2") format("woff2");font-display:swap;font-weight:700 900}
@font-face{font-family:"Kliker Display";src:url("/assets/fonts/kliker-display-black.woff2") format("woff2");font-display:swap;font-weight:900}

.builder-page{--ink:#10101d;--muted:#5c5870;--paper:#fff9f2;--line:#b8a99c;--pink:#ffadd0;--lav:#b8a8f8;--lav-soft:#e7deff;--cream:#fffaf3;min-width:320px;margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:"Kliker Sans",sans-serif;font-synthesis:none}
.builder-page *{box-sizing:border-box}.builder-page button,.builder-page input,.builder-page textarea{font-family:inherit;font-size:inherit;line-height:inherit}.builder-page button{color:inherit}.builder-page :focus-visible{outline:3px solid #8e78ed;outline-offset:3px}.builder-page [data-title]:focus{outline:none}.builder-page [hidden]{display:none!important}.builder-page .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.builder-site-header{position:sticky;z-index:50;top:0;display:flex;height:116px;align-items:center;justify-content:space-between;padding:0 max(48px,calc((100vw - 1320px)/2));border-bottom:2px solid var(--ink);background:rgba(255,249,242,.96);backdrop-filter:blur(14px)}
.builder-brand{display:flex;width:174px;min-height:44px;align-items:center}.builder-brand img{display:block;width:100%;height:auto}.builder-menu-button{display:none;width:56px;height:56px;padding:14px;border:2px solid var(--ink);border-radius:16px;background:#fff;box-shadow:4px 5px 0 var(--ink)}.builder-menu-button span{display:block;height:3px;margin:5px 0;border-radius:9px;background:var(--ink)}
.builder-nav{display:flex;align-items:center;gap:32px}.builder-nav a{display:flex;min-height:44px;align-items:center;color:var(--ink);font-weight:900;text-decoration:none}
.builder-main{position:relative;min-height:calc(100vh - 116px);overflow-x:clip;background-image:linear-gradient(rgba(224,202,181,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(224,202,181,.10) 1px,transparent 1px);background-size:44px 44px}.paper-holes{position:absolute;top:25px;right:0;left:0;height:16px;background:radial-gradient(circle at 9px 7px,#efe0cf 0 5px,transparent 5.6px) 0 0/52px 16px repeat-x;pointer-events:none}.builder-main:before,.builder-main:after{position:absolute;z-index:0;content:"";pointer-events:none}.builder-main:before{top:160px;left:2vw;width:62px;height:48px;border:2px solid #ead5c5;border-radius:16px;background:#ffb8d3;box-shadow:32px 70px 0 -2px #cdb8ee;transform:rotate(9deg);opacity:.8}.builder-main:after{top:220px;right:-34px;width:180px;height:36px;border-radius:20px 0 0 20px;background:linear-gradient(90deg,#9de2c2 0 76%,#f4bd77 76% 93%,#9a78a8 93%);transform:rotate(38deg);box-shadow:0 7px 13px #574b5b1c}
.builder-wrap{position:relative;z-index:1;width:min(1320px,calc(100% - 64px));margin:0 auto;padding:78px 0 92px}.journey{display:grid;width:min(620px,100%);grid-template-columns:112px 1fr 84px 1fr 84px;align-items:start;margin:0 auto 62px;scroll-margin-top:128px}.journey button{display:grid;min-width:0;justify-items:center;gap:12px;padding:0;border:0;background:none;font-weight:900}.journey button span{display:grid;width:58px;height:58px;place-items:center;border:2px solid #d8cabb;border-radius:50%;background:#fffaf3;font-family:"Kliker Display";font-size:26px;box-shadow:0 1px 4px #432c3015}.journey button[aria-current="step"] span{border-color:var(--ink);background:linear-gradient(145deg,#ffabc8,#ffd4dc)}.journey button b{white-space:nowrap}.journey i{display:block;margin-top:28px;border-top:2px dashed #8e847b}
.builder-title{max-width:780px;margin:0 auto 32px;scroll-margin-top:140px;text-align:center}.builder-kicker{display:inline-flex;margin:0 0 8px;padding:7px 14px;border-radius:999px;background:#e6ddff;color:#5f4d9e;font-size:13px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.builder-title h1{margin:0;font-family:"Kliker Display";font-size:clamp(40px,4.3vw,64px);line-height:1;letter-spacing:-.045em}.builder-title>p:last-child{margin:16px 0 0;color:#40506b;font-size:20px}.builder-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(480px,.92fr);gap:46px;align-items:start}
.product-stage{position:sticky;top:148px;min-width:0;height:620px;overflow:hidden;border:1.5px solid #dacabe;border-radius:34px;background:radial-gradient(circle at 50% 60%,#fff 0 24%,#fef9f3 60%,#f3e9de 100%);box-shadow:0 22px 45px #55483c1b}.product-stage:after{position:absolute;right:9%;bottom:10%;left:9%;height:20%;border-radius:50%;background:#b29cf02b;filter:blur(22px);content:"";pointer-events:none}.product-canvas{position:relative;z-index:2;display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}.product-canvas:active{cursor:grabbing}.demo-badge,.selection-pill{position:absolute;z-index:5;top:22px;left:22px;padding:8px 13px;border-radius:999px;background:#fff;border:1.5px solid #8d7c70;font-weight:900;font-size:13px;box-shadow:0 4px 12px #43352d16}.selection-pill{top:0;left:0;border-color:#9883ef;background:#e9e0ff;transform:translate(-50%,-125%);pointer-events:none}.selection-halo{position:absolute;z-index:3;top:0;left:0;width:70px;height:70px;border:3px solid #a18afc;border-radius:18px;box-shadow:0 0 0 7px #bcaaff35;transform:translate(-50%,-50%);pointer-events:none}.preview-loading{position:absolute;z-index:6;inset:0;display:grid;place-content:center;justify-items:center;background:#fff9f2d9}.preview-loading span{width:34px;height:34px;border:4px solid #e2d7ca;border-top-color:#8d75e8;border-radius:50%;animation:builder-spin .8s linear infinite}.preview-loading p{font-weight:800}.preview-error{position:absolute;z-index:7;inset:50% auto auto 50%;width:min(320px,80%);margin:0;padding:14px;border:1px solid #dc8d9f;border-radius:14px;background:#fff2f4;color:#8a263f;text-align:center;transform:translate(-50%,-50%)}.preview-help{position:absolute;z-index:8;right:24px;bottom:18px;left:24px;display:flex;min-height:50px;align-items:center;gap:10px;padding:10px 14px;border:1px solid #ddcec2;border-radius:15px;background:#fffaf2e8;color:#665f69;font-size:14px;backdrop-filter:blur(7px)}.preview-help button{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;margin:-7px -5px -7px auto;padding:0 8px;border:0;background:none;color:#705bc7;font-weight:900}.preview-help span:first-child{font-size:22px}
.builder-controls{min-width:0}.builder-panel{padding:28px;border:1.5px solid #dacabe;border-radius:28px;background:#fffdf9;box-shadow:0 12px 30px #493b3011}.quick-name label,.style-choice legend,.hanger-positions legend{display:block;margin:0 0 9px;font-weight:900}.row-token-field{display:grid;grid-template-columns:1fr 52px;min-height:76px;align-items:center;border:2px solid #8d8178;border-radius:18px;background:#fff;overflow:hidden}.row-token-field:focus-within{border-color:#9a83ef;box-shadow:0 0 0 5px #ad99fc25}.row-tokens{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 4px 10px 14px}.row-token{display:grid;min-width:44px;height:50px;padding:0 10px;place-items:center;border:1.5px solid #d8ccc2;border-radius:13px;background:#fffaf4;font-family:"Kliker Display";font-size:24px}.row-token[aria-current="true"]{border-color:#7f66dd;background:#eee8ff;box-shadow:inset 0 0 0 1px #9f89ed}.row-token[data-empty="true"]{color:#8d8178;font-family:inherit;font-size:12px}.row-token-field input{min-width:44px;height:50px;flex:1;padding:0 7px;border:0;background:transparent;font-family:"Kliker Display";font-size:25px;text-transform:uppercase;outline:0}.builder-page .row-token-field input:focus-visible{outline:0}.row-token-field input::placeholder{color:#aaa098}.row-icon-button{display:grid;width:52px;height:100%;min-height:72px;place-items:center;border:0;border-left:1px solid #e3d9d1;background:#fffaf6}.row-icon-button:hover,.row-icon-button:focus-visible{background:#eee8ff;outline:0}.row-icon-button .icon-glyph{width:30px;height:30px;image-rendering:pixelated}.field-meta{display:flex;justify-content:space-between;margin-top:9px;color:var(--muted);font-size:13px}
.icon-glyph{display:block;width:31px;height:31px;background:transparent;image-rendering:auto}.shape-return{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;margin:10px auto -8px;padding:0 10px;border:0;background:none;color:#6d56ba;font-weight:900;text-decoration:underline}
.panel-heading{display:grid;grid-template-columns:48px 1fr;column-gap:12px;margin-bottom:22px}.panel-heading>div{grid-row:1/3}.panel-heading>div span{display:grid;width:42px;height:42px;place-items:center;border:1.5px solid var(--ink);border-radius:50%;background:#ffb7d0;font-family:"Kliker Display";font-size:20px}.panel-heading h2{margin:0;font-family:"Kliker Display";font-size:30px;letter-spacing:-.03em}.panel-heading p{grid-column:2;margin:5px 0 0;color:var(--muted)}.style-choice{margin:0 0 13px;padding:0;border:0}.style-choice>div{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.style-option{min-height:82px;padding:10px 4px;border:1.5px solid #b6aaa1;border-radius:15px;background:#fff;font-weight:900}.style-option span{display:block;width:35px;height:30px;margin:0 auto 7px;background:#fff4e8;border:2px solid #4d4657;box-shadow:0 5px 0 #3b3742}.style-option[data-shape="squircle"] span{border-radius:12px}.style-option[data-shape="circle"] span{border-radius:50%}.style-option[data-shape="octagon"] span{clip-path:polygon(28% 0,72% 0,100% 28%,100% 72%,72% 100%,28% 100%,0 72%,0 28%)}.style-option[aria-pressed="true"]{border-color:#6e55cb;background:#e6ddff;box-shadow:inset 0 0 0 2px #a28cf1}.paint-scope{display:grid;grid-template-columns:1fr 1fr;margin:0 0 17px;padding:4px;border-radius:14px;background:#eee5dc}.paint-scope button{min-height:44px;border:0;border-radius:11px;background:transparent;font-weight:900}.paint-scope button[aria-pressed="true"]{background:#fff;box-shadow:0 3px 9px #463a311a}.color-settings{display:grid;gap:9px}.color-settings button{display:grid;grid-template-columns:42px 1fr auto;grid-template-rows:1fr 1fr;align-items:center;column-gap:11px;min-height:68px;padding:8px 13px;border:1px solid #dfd2c7;border-radius:15px;background:#fff;text-align:left}.color-settings button>span{grid-row:1/3;width:36px;height:36px;border:1px solid #8d8178;border-radius:50%;background:var(--color)}.color-settings small,.color-settings strong{grid-column:2}.color-settings b{grid-column:3;grid-row:1/3;font-size:25px}.apply-all{width:100%;min-height:44px;margin-top:10px;border:1px solid #8f78e5;border-radius:12px;background:#eee8ff;color:#5e48b3;font-weight:900}.hanger-toggle{position:relative;display:flex;min-height:68px;align-items:center;justify-content:space-between;margin-top:18px;padding:11px 13px;border:1px solid #dfd2c7;border-radius:15px;background:#fff}.hanger-toggle span>*{display:block}.hanger-toggle small{margin-top:3px;color:var(--muted)}.hanger-toggle input{position:absolute;opacity:0}.hanger-toggle i{position:relative;width:50px;height:30px;border-radius:999px;background:#d8cec6}.hanger-toggle i:after{position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #4b3d3440;content:"";transition:.2s}.hanger-toggle input:checked+i{background:#9e88ec}.hanger-toggle input:checked+i:after{transform:translateX(20px)}.hanger-positions{margin:16px 0 0;padding:0;border:0}.hanger-positions>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.hanger-positions button{min-height:68px;padding:6px 2px;border:1px solid #d6c9bf;border-radius:12px;background:#fff;font-size:11px;font-weight:800}.hanger-positions button[aria-pressed="true"]{border-color:#7f66dd;background:#eee8ff}.hanger-positions i{position:relative;display:block;width:34px;height:25px;margin:0 auto 5px;border:1.5px solid #7d7270;border-radius:6px}.hanger-positions i:after{position:absolute;width:8px;height:8px;border:1.5px solid #7d7270;border-radius:50%;background:#fff;content:""}.hanger-positions [data-side="top"]:after{top:-5px;left:50%;transform:translateX(-50%)}.hanger-positions [data-side="left"]:after{top:50%;left:-5px;transform:translateY(-50%)}.hanger-positions [data-side="right"]:after{top:50%;right:-5px;transform:translateY(-50%)}.hanger-positions [data-side="bottom"]:after{bottom:-5px;left:50%;transform:translateX(-50%)}
.review-list{margin:0;border:1px solid #ded1c6;border-radius:18px;background:#fff}.review-list div{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:15px 17px;border-bottom:1px dashed #ded1c6}.review-list div:last-child{border-bottom:0}.review-list dt{color:var(--muted)}.review-list dd{margin:0;font-weight:900;text-align:right}.review-list button{grid-column:2;width:max-content;margin-left:auto;border:0;background:none;color:#7058c2;font-size:13px;font-weight:900;text-decoration:underline}.admin-note{display:flex;align-items:flex-start;gap:12px;margin:18px 0;padding:14px;border:1px dashed #e0adbe;border-radius:14px;background:#fff5f7}.admin-note span{font-size:28px;color:#ed7da6}.admin-note p{margin:0;color:#554e5f;line-height:1.5}
.custom-tools{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:14px}.custom-tools button{min-height:46px;border:1px solid #baaea5;border-radius:12px;background:#fff;font-weight:900}.custom-tools button[aria-pressed="true"]{border-color:#755fd0;background:#e8e0ff}.custom-grid{--custom-grid-gap:3px;display:grid;grid-template-rows:repeat(12,1fr);gap:var(--custom-grid-gap);aspect-ratio:1;padding:8px;border:1px solid #ddd0c5;border-radius:16px;background:#f6ece2;touch-action:none}.custom-grid [role="row"]{display:grid;min-height:0;grid-template-columns:repeat(12,1fr);gap:var(--custom-grid-gap)}.custom-grid button{min-width:0;padding:0;border:1px solid #dacdc2;border-radius:4px;background:#fffaf5}.custom-grid button[aria-pressed="true"]{border-color:#7564b9;background:#c4b5f7;box-shadow:inset 0 0 0 1px #fff}.custom-meta{display:flex;justify-content:space-between;margin-top:10px;font-weight:900}.custom-limit{margin:6px 0 0;color:var(--muted);font-size:13px}
.builder-summary{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.builder-summary>div{display:flex;min-height:76px;align-items:center;gap:13px;padding:13px 16px;border:1px solid #e2d4c8;border-radius:19px;background:#fffaf4}.builder-summary>div:last-child{border:1px dashed #f19ab7}.summary-icon{font-size:31px}.builder-summary small,.builder-summary strong{display:block}.builder-summary strong{font-family:"Kliker Display";font-size:22px}.price-tag{position:relative;width:31px;height:41px;border:1.5px solid var(--ink);border-radius:7px 7px 10px 10px;background:#ffacc9;transform:rotate(22deg)}.price-tag:after{position:absolute;top:5px;left:50%;width:6px;height:6px;border:1px solid var(--ink);border-radius:50%;background:#fff;content:"";transform:translateX(-50%)}.primary-action,.secondary-action{display:flex;width:100%;min-height:58px;align-items:center;justify-content:center;gap:16px;border:2px solid var(--ink);border-radius:17px;background:#fff;font-weight:900;text-align:center;text-decoration:none}.primary-action{background:linear-gradient(100deg,#ffafd0,#ffa6ca);box-shadow:4px 6px 0 var(--ink);font-size:18px}.primary-action:disabled{border-color:#b7aba4;background:#e8ded5;color:#8c817a;box-shadow:none}.primary-action span,.primary-action b{margin-left:auto;font-size:30px}.continue-action{padding:0 22px}.secondary-action{margin-top:13px;border-color:#9d8e83;background:#fff}.custom-entry{display:grid;width:100%;grid-template-columns:60px 1fr auto;align-items:center;gap:13px;margin-top:28px;padding:14px 17px;border:2px dashed #a89ae3;border-radius:20px;background:#fffdf9;text-align:left}.custom-entry span>*{display:block}.custom-entry small{margin-top:4px;color:#44516c}.custom-entry em{padding:8px 12px;border-radius:999px;background:#decfff;font-style:normal}.stacked-keys{position:relative;width:52px;height:52px;border:1.5px solid var(--ink);border-radius:14px;background:#fff}.stacked-keys i{position:absolute;top:15px;left:14px;width:26px;height:25px;border:1px solid var(--ink);border-radius:6px;background:#bfead4;transform:rotate(14deg)}.stacked-keys i:nth-child(2){top:10px;background:#ffe08f;transform:rotate(5deg)}.stacked-keys i:nth-child(3){top:5px;background:#ffbad1;transform:rotate(-6deg)}
.builder-dialog{width:min(560px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:0;overflow:auto;border:2px solid var(--ink);border-radius:24px;background:#fffaf4;box-shadow:8px 10px 0 var(--ink)}.builder-dialog::backdrop{background:#1d152b85;backdrop-filter:blur(4px)}.builder-dialog form,.order-dialog-shell{padding:22px}.builder-dialog header{display:flex;align-items:start;justify-content:space-between;margin-bottom:18px}.builder-dialog header small{color:#735fc0;font-weight:900;text-transform:uppercase}.builder-dialog header h2{margin:3px 0 0;font-family:"Kliker Display";font-size:28px}.builder-dialog header>button{width:44px;height:44px;border:1px solid #a89b92;border-radius:13px;background:#fff;font-size:26px}.icon-dialog{width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:hidden;border:1.5px solid #dacdc3;background:#fff;box-shadow:0 24px 70px #21172c4a}.icon-dialog-shell{max-height:calc(100dvh - 32px);padding:0 26px 26px;overflow:auto;scrollbar-gutter:stable}.icon-dialog-toolbar{position:sticky;z-index:2;top:0;padding:26px 0 18px;background:linear-gradient(#fff 0 86%,#fff0)}.icon-dialog header{align-items:center;margin-bottom:5px}.icon-dialog header h2{margin:0;font-size:34px}.icon-dialog header>button{display:grid;width:48px;height:48px;place-items:center;border-color:#ded3cb;border-radius:15px;font-size:32px;line-height:1}.icon-dialog-toolbar p{margin:0;color:#625d6e;font-size:14px}.icon-dialog-toolbar p strong{color:#6b56bd}.icon-drag-handle{display:none}.icon-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.icon-grid button{display:grid;min-width:0;min-height:78px;place-items:center;border:1.5px solid #e6d9cf;border-radius:16px;background:#fffaf6}.icon-grid button .icon-glyph{width:38px;height:38px}.icon-grid button[aria-pressed="true"]{border:3px solid #8d72ff;background:#e9e0ff;box-shadow:inset 0 0 0 2px #fff}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.color-grid button{min-height:80px;padding:7px;border:1px solid #c9bbb0;border-radius:13px;background:#fff;font-size:12px;font-weight:900}.color-grid button span{display:block;width:38px;height:38px;margin:0 auto 6px;border:1px solid #8e8177;border-radius:50%;background:var(--swatch)}.color-grid button[aria-pressed="true"]{border:3px solid #7560ce;background:#eee8ff}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-actions>*{margin:0}.order-review{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding:14px;border:1px solid #decfc3;border-radius:14px}.order-review strong{font-family:"Kliker Display";font-size:24px}.order-form{display:grid;gap:13px}.order-form label{font-weight:900}.order-form input,.order-form textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;border:1.5px solid #9f9186;border-radius:12px;background:#fff}.order-form p{margin:0;color:var(--muted);font-size:13px}.form-error{color:#aa294b!important}.success-card{text-align:center}.success-card>span{display:grid;width:60px;height:60px;margin:0 auto 12px;place-items:center;border-radius:50%;background:#bfead4;font-size:30px}.success-card h3{font-family:"Kliker Display";font-size:28px}.success-card>a{margin-top:13px}.builder-toast{position:fixed;z-index:100;right:20px;bottom:20px;max-width:360px;padding:13px 17px;border:1px solid #8c7e73;border-radius:13px;background:#fff;box-shadow:0 10px 30px #30241d36;font-weight:900}
@keyframes builder-spin{to{transform:rotate(360deg)}}
@keyframes icon-placeholder-pulse{50%{opacity:.45}}
.icon-glyph-loading{border-radius:10px;background:#e9e2f2;animation:icon-placeholder-pulse .8s ease-in-out infinite}
@media(max-width:959px){
 .builder-site-header{height:82px;padding:0 24px}.builder-brand{width:134px}.builder-menu-button{display:block}.builder-nav{position:absolute;top:calc(100% + 8px);right:18px;display:grid;width:210px;gap:0;padding:8px;border:1.5px solid var(--ink);border-radius:16px;background:#fff;box-shadow:5px 6px 0 var(--ink)}.builder-nav a{padding:13px;border-radius:10px}.builder-main{min-height:calc(100vh - 82px)}.builder-wrap{width:min(720px,calc(100% - 36px));padding-top:62px}.journey{margin-bottom:44px}.builder-title h1{font-size:50px}.builder-layout{display:flex;flex-direction:column;gap:20px}.product-stage{position:relative;top:auto;width:100%;height:510px;order:1}.builder-controls{display:contents}.builder-panel{width:100%;order:2}.content-panel{display:contents}.quick-name{order:0;padding:22px;border:1.5px solid #dacabe;border-radius:23px;background:#fff}.builder-summary{order:2;width:100%}.continue-action{order:3;width:100%}.back-action{order:4;width:100%}.custom-entry{order:5;width:100%}.style-panel,.review-panel,.custom-panel{order:2}.builder-title{order:-2}.product-stage{order:1}.preview-help{right:16px;bottom:13px;left:16px}.builder-page[data-builder-screen="style"] .product-stage,.builder-page[data-builder-screen="review"] .product-stage{height:430px}.builder-page[data-builder-screen="custom-shape"] .product-stage{display:none}.builder-page[data-builder-screen="custom-shape"] .custom-panel{order:1}.builder-page[data-builder-screen="custom-shape"] .builder-summary{order:2}.builder-page[data-builder-screen="custom-shape"] .continue-action{order:3}.builder-page[data-builder-screen="custom-shape"] .custom-entry{display:none}.builder-page[data-builder-screen="review"] .builder-summary,.builder-page[data-builder-screen="review"] .continue-action,.builder-page[data-builder-screen="review"] .custom-entry{display:none}.builder-page[data-builder-screen="style"] .custom-entry{display:none}
}

@media(max-width:560px){
 .builder-site-header{height:76px;padding:0 24px}.builder-brand{width:130px}.builder-menu-button{width:48px;height:48px;padding:11px;border-radius:14px;box-shadow:3px 4px 0 var(--ink)}.builder-wrap{width:calc(100% - 32px);padding:48px 0 calc(48px + env(safe-area-inset-bottom))}.paper-holes{top:18px;background-size:44px 16px}.journey{grid-template-columns:80px 1fr 66px 1fr 66px;margin-bottom:58px}.journey button{gap:10px;font-size:15px}.journey button span{width:48px;height:48px;font-size:22px}.journey i{margin-top:24px}.builder-title{margin-bottom:27px}.builder-kicker{font-size:11px}.builder-title h1{font-size:38px}.builder-title>p:last-child{margin-top:12px;font-size:16px;line-height:1.45}.product-stage{height:330px;border:0;border-radius:0;background:radial-gradient(circle at 50% 62%,#fff 0 18%,#fff9f2 67%);box-shadow:none}.demo-badge{top:4px;left:4px;font-size:11px}.preview-help{right:0;bottom:0;left:0;min-height:42px;padding:7px 9px;border-radius:12px;font-size:11px}.preview-help button{display:none}.selection-pill{font-size:11px}.selection-halo{width:54px;height:54px;border-radius:14px}.quick-name{padding:0;border:0;background:transparent}.row-token-field{min-height:64px;grid-template-columns:1fr 48px;border-radius:16px}.row-tokens{gap:5px;padding:6px 2px 6px 8px}.row-token{min-width:40px;height:46px;padding:0 8px;font-size:21px}.row-token-field input{height:46px;font-size:22px}.row-icon-button{width:48px;min-height:60px}.field-meta{font-size:11px}.builder-panel{padding:18px;border-radius:22px}.panel-heading{grid-template-columns:42px 1fr}.panel-heading h2{font-size:25px}.style-choice>div{grid-template-columns:repeat(2,1fr)}.hanger-positions>div{grid-template-columns:repeat(2,1fr)}.builder-summary{gap:10px;margin:0}.builder-summary>div{min-height:70px;padding:10px 12px}.builder-summary strong{font-size:18px}.summary-icon{font-size:25px}.price-tag{width:25px;height:34px}.primary-action{min-height:62px}.custom-entry{grid-template-columns:52px 1fr auto;padding:13px 12px}.custom-entry em{padding:6px 9px;font-size:12px}.custom-entry strong{font-size:15px}.custom-entry small{font-size:12px}.stacked-keys{width:46px;height:46px}.color-grid{grid-template-columns:repeat(3,1fr)}.builder-main:after{top:270px;width:115px;height:26px}.builder-main:before{top:220px;left:-22px}.builder-page[data-builder-screen="style"] .product-stage,.builder-page[data-builder-screen="review"] .product-stage{height:300px}.review-panel .primary-action{font-size:16px}.custom-grid{gap:2px;padding:6px}.custom-tools button{font-size:13px}.preview-loading p{font-size:13px}.icon-dialog{width:100%;max-width:none;max-height:calc(100dvh - 20px);margin:auto 0 0;border-width:1.5px 0 0;border-radius:28px 28px 0 0;box-shadow:0 -18px 54px #21172c42;transform:translateY(var(--icon-sheet-y,0));transition:transform .18s ease-out}.icon-dialog[data-dragging="true"]{transition:none}.icon-dialog-shell{max-height:calc(100dvh - 20px);padding:0 20px calc(20px + env(safe-area-inset-bottom))}.icon-drag-handle{display:grid;width:100%;height:34px;padding:0;place-items:center;border:0;background:transparent;touch-action:none}.icon-drag-handle span{display:block;width:48px;height:6px;border-radius:999px;background:#d2d2d8}.icon-dialog-toolbar{padding:0 0 14px}.icon-dialog header{margin-bottom:4px}.icon-dialog header h2{font-size:31px}.icon-dialog header>button{width:46px;height:46px}.icon-grid{gap:9px}.icon-grid button{min-height:58px;border-radius:14px}.icon-grid button .icon-glyph{width:33px;height:33px}
 .custom-grid{--custom-grid-gap:2px}
}

@media(prefers-reduced-motion:reduce){.builder-page *{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* The row editor is one input surface: tokens, composer, then the shared icon trigger. */
.row-token-field{display:grid;grid-template-columns:minmax(0,1fr) 52px;flex-wrap:nowrap}
.row-token-content{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 4px 10px 14px}
.row-token-field input{width:72px;min-width:72px;flex:1}
.row-token-field input::placeholder{color:#8c817a;font-family:"Kliker Sans",sans-serif;font-size:14px;font-weight:800;letter-spacing:0;opacity:1;text-transform:none}
.row-tokens{display:contents;padding:0}
.row-token .icon-glyph{width:29px;height:29px;image-rendering:pixelated}
.row-icon-button{margin-left:0}
@media(max-width:560px){.row-token-field{grid-template-columns:minmax(0,1fr) 48px}.row-token-content{gap:5px;padding:6px 4px 6px 8px}}

/* Keep the dynamic next-step label at the button's normal type scale; only the arrow is oversized. */
.continue-action{position:relative}
.continue-action>[data-next-label]{min-width:0;margin:0;padding:0 36px;font-size:inherit;line-height:1.2}
.continue-action>b{position:absolute;right:20px;margin:0}
.review-panel .primary-action{position:relative;padding-inline:50px}
.review-panel .primary-action>span{position:absolute;right:20px;margin:0}
@media(max-width:560px){.journey{grid-template-columns:84px 1fr 66px 1fr 66px}}

/* Keep the review action available above phone browser chrome and the safe area. */
@media(max-width:560px){
 .builder-page[data-builder-screen="review"] .builder-wrap{padding-bottom:calc(136px + env(safe-area-inset-bottom))}
 .builder-page[data-builder-screen="review"] [data-order-open]{position:fixed;z-index:45;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));left:16px;width:auto;margin:0;box-shadow:4px 6px 0 var(--ink),0 12px 28px #30241d36}
}

/* Accessibility and state clarity for interactive builder controls. */
.paint-scope{margin-bottom:10px}
.scope-help{margin:0 0 14px;padding:9px 11px;border-radius:10px;background:#f2edff;color:#594a92;font-size:12px;line-height:1.4}
.color-settings button:disabled{border-style:dashed;background:#f1ece7;color:#7d746d;cursor:not-allowed;opacity:.72}
.color-settings button:disabled b{visibility:hidden}
.shape-return{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding-inline:10px}
.shape-return{margin:10px auto -8px}
.preview-help button{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;margin:-7px -5px -7px auto;padding-inline:8px}
.review-list button{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:flex-end;margin:-10px -6px -10px auto;padding-inline:6px}
.builder-dialog .order-form{padding:0}
@media(max-width:560px){.row-token{min-width:44px}}

/* Individual button content remains editable in row and custom modes. */
.key-content-input{width:100%;height:76px;padding:0 22px;border:2px solid #8d8178;border-radius:18px;background:#fff;font-family:"Kliker Display";font-size:40px;letter-spacing:.08em;text-transform:uppercase}.key-content-input:focus{border-color:#9a83ef;box-shadow:0 0 0 5px #ad99fc25;outline:0}
.selected-editor{margin-top:20px;padding:20px;border:1.5px solid #c8b6ff;border-radius:24px;background:linear-gradient(150deg,#fff,#fffaf5)}.selected-editor-head{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:14px;margin-bottom:14px}.selected-editor-head button{width:52px;height:52px;border:1.5px solid #b9aba1;border-radius:17px;background:#fff;font-size:38px;line-height:1}.selected-editor-head div{text-align:center}.selected-editor-head small,.selected-editor-head strong{display:block}.selected-editor-head small{color:#6e5cba;font-weight:900}.selected-editor-head strong{margin-top:2px;font-family:"Kliker Display";font-size:25px}.key-content-input{height:64px;font-size:32px;text-align:center}.selected-editor>p{margin:10px 0;color:#42506a;text-align:center}.quick-icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quick-icons button{display:grid;min-height:54px;min-width:0;place-items:center;border:1.5px solid #988b82;border-radius:13px;background:#fff}.quick-icons button[aria-pressed="true"]{border-color:#7962e5;background:#e8dfff;box-shadow:inset 0 0 0 1.5px #9d87f4}.quick-icons .all-icons-button{padding:8px;border-color:#b7a5ec;background:#e0d4fb;font-size:14px;font-weight:900;line-height:1.1;white-space:normal;overflow-wrap:anywhere}.clear-key{display:block;margin:14px auto 0;border:0;background:none;color:#856bd1;font-weight:900}
@media(max-width:600px){.selected-editor{padding:14px}.quick-icons{gap:6px}.quick-icons .all-icons-button{padding:8px 4px;font-size:12px;white-space:normal}}
@media(max-width:959px){.selected-editor{order:2;width:100%;margin-top:0}.shape-return{order:2}}

/* Show exactly the label case that will be printed, and expose keyboard focus on the hidden toggle. */
.row-token-field input,.key-content-input{text-transform:none}
.hanger-toggle input:focus-visible+i{outline:3px solid #8e78ed;outline-offset:3px}
.review-list div{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
.review-list dd{overflow-wrap:anywhere}
.clear-key{min-height:44px}

/* Choices are projections of the same physical mesh used for printing. */
.base-choice{margin:0 0 18px;padding:0;border:0}.base-choice legend{font-weight:900;margin-bottom:9px}.base-choice>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.base-choice button{min-width:0;min-height:90px;padding:8px 4px;border:1.5px solid #b6aaa1;border-radius:15px;background:#fff}.base-choice button[aria-pressed="true"]{border-color:#6e55cb;background:#e6ddff;box-shadow:inset 0 0 0 2px #a28cf1}.base-choice b{display:block;font-size:13px}.base-mesh{display:block;width:100%;height:auto;object-fit:contain}.cap-mesh{display:block;width:46px;height:46px;margin:0 auto 7px}.printed-label{image-rendering:auto!important}.selected-editor-head .printed-label{width:64px;height:64px;margin:0 auto}.text-catalog-button{display:block;min-height:44px;margin:0 auto 10px;padding:6px 10px;border:1px solid #9d8acb;border-radius:10px;background:#f4efff;font-weight:800;font-size:13px}.draft-recovery{padding:14px;margin:0 0 20px;border:2px solid #a96b32;border-radius:14px;background:#fff0d4}.draft-recovery p{margin:0 0 8px}.draft-recovery button{min-height:44px;padding:8px 12px;background:#fff;border:1px solid #8c6548;border-radius:8px}

.base-choice button:disabled{opacity:.6;cursor:not-allowed}

[data-review-content] { display:flex; flex-wrap:wrap; gap:8px; }
.review-printed-label { display:inline-flex; align-items:center; gap:4px; }
.review-printed-label .printed-label { width:32px; height:32px; }