:root{--pink:#ff0080;--black:#080808}*{box-sizing:border-box}body{margin:0;background:var(--black);color:#fff;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--pink);outline-offset:4px}[hidden]{display:none!important}.designer-header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 32px;border-bottom:4px solid var(--pink)}.designer-header img{width:270px;max-width:100%;display:block}.designer-header a{color:#fff;text-decoration:none;font-weight:800;font-size:13px}#designer-cart{background:var(--pink);color:#080808;padding:14px 20px}.designer-intro{margin-bottom:32px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:900;color:var(--pink)}h1{font-size:clamp(42px,6vw,82px);line-height:.95;text-transform:uppercase;margin:12px 0 18px;letter-spacing:-3px}h1 em{font-style:normal;color:var(--pink)}main{max-width:1320px;padding:32px 24px;margin:auto}.designer-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,.8fr);gap:32px;align-items:start}.studio{position:sticky;top:16px;background:#eee;color:black;box-shadow:8px 8px 0 var(--pink)}.studio-top{padding:14px 16px;display:flex;justify-content:space-between;gap:10px;font-size:12px;background:#fff;border-bottom:2px solid black}.studio-top span{color:#555}#canvas svg{width:100%;max-height:calc(100vh - 240px);min-height:280px;display:block}#canvas [data-layer]{cursor:grab;touch-action:none}.studio-note{font-size:11px;line-height:1.5;padding:12px 16px;margin:0}.side-tabs{display:flex;background:white;gap:1px;border-top:2px solid black}.side-tabs button{flex:1;min-height:48px;border:0;font-size:12px;font-weight:800;background:#fff;padding:8px;color:black}.side-tabs button[aria-pressed=true]{background:#080808;color:#fff;box-shadow:inset 0 -4px var(--pink)}.studio-tools{display:flex;gap:10px;padding:0 16px 16px}.studio-tools button,.presets button,.nudge button{background:#fff;border:1px solid #080808;color:black;min-height:44px;padding:8px 12px;font-size:12px;font-weight:800}.studio-tools button:disabled{opacity:.4;cursor:default}.controls{background:white;color:black;padding:28px;min-width:0}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:13px;font-weight:800;margin-bottom:18px}select,input[type=text],input[type=number],input:not([type]){display:block;width:100%;padding:12px 10px;border:2px solid #080808;background:white;margin-top:8px;min-height:46px;border-radius:0}fieldset{padding:0;border:0;margin:0 0 20px;min-width:0}legend{font-size:13px;font-weight:800;margin-bottom:10px}#colors{display:flex;gap:12px}.swatch{width:44px;height:44px;border-radius:50%;border:1px solid #888;position:relative}.swatch[aria-pressed=true]{outline:3px solid var(--pink);outline-offset:3px}.swatch[aria-pressed=true]:after{content:'✓';font-size:23px;color:var(--check)}h2{font-size:25px;line-height:1.15;margin:8px 0 18px}.layer-heading,.edit-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.layer-heading h2{font-size:20px;margin:8px 0 12px}.layer-heading>span{font-size:11px;color:#555}#layers{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.layer-button{display:flex;align-items:center;gap:10px;padding:10px;border:2px solid #ddd;background:#f5f5f5;text-align:left;color:black;width:100%;min-height:58px}.layer-button[aria-pressed=true]{border-color:var(--pink);background:#fff4fa}.layer-thumb{width:38px;height:38px;object-fit:contain;background:#eee;flex-shrink:0}.name-thumb{background:#080808;color:white;display:grid;place-items:center;font-size:20px;font-weight:900}.layer-button strong{display:block;font-size:13px}.layer-button small{font-size:11px;color:#555;display:block;margin-top:4px}.secondary{width:100%;padding:14px;border:2px solid #080808;color:black;background:white;font-weight:900;font-size:13px}.secondary span{display:block;font-size:10px;margin-top:7px;font-weight:400}.personal-toggle{display:flex;align-items:center;gap:10px;padding:18px 0;margin:10px 0 0}.personal-toggle input{width:22px;height:22px;accent-color:var(--pink);flex-shrink:0}#name-options{padding:18px 14px 0;background:#fff1f8;border:1px solid var(--pink);margin-bottom:16px}.layer-editor{padding-top:18px;border-top:3px solid var(--pink)}.edit-heading h3{font-size:16px;margin:0 0 16px}.edit-heading button{border:0;border-bottom:1px solid #080808;background:white;font-size:11px;color:#555;padding:8px;min-height:44px}.edit-heading button:disabled{opacity:.4;cursor:default}.slider-label span{float:right;font-weight:400}.slider-label input{display:block;width:100%;accent-color:var(--pink);margin-top:14px}.presets{display:flex;gap:6px;margin-bottom:12px}.presets button{flex:1;padding:8px;font-size:11px}.nudge{display:flex;gap:8px}.nudge button{flex:1;font-size:20px}.price-breakdown{margin:22px 0;padding:18px;background:#f2f2f2;border-left:4px solid var(--pink)}.price-row{display:flex;justify-content:space-between;gap:16px;margin-bottom:9px;font-size:12px}.price-total{font-size:22px;font-weight:900;padding-top:12px;border-top:1px solid #bbb;margin-bottom:4px}.price-breakdown small{font-size:10px;color:#555}.primary{width:100%;padding:17px;border:2px solid black;background:var(--pink);color:black;font-weight:900;font-size:13px}.primary:disabled{opacity:.5;cursor:default}#feedback{font-size:13px;line-height:1.5;color:#555}#go-cart{color:#080808;font-weight:900;display:block;padding:8px 0}.layout-review{border-top:3px solid var(--pink);padding-top:24px;margin-top:50px}.layout-review>p:not(.eyebrow){font-size:13px;line-height:1.7;color:#ccc}.layout-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.layout-gallery figure{margin:0;background:#eee;color:black;border:1px solid #ccc}.layout-gallery svg{width:100%;display:block}.layout-gallery figcaption{font-size:11px;font-weight:800;text-align:center;padding:10px}.layout-gallery.cart-preview{height:auto;aspect-ratio:auto;background:transparent;overflow:visible;position:relative;isolation:auto}.layout-gallery.cart-preview svg{max-height:260px}.layout-review .layout-gallery{grid-template-columns:repeat(auto-fit,minmax(160px,250px))}.fine{font-size:11px!important}footer{padding:30px;text-align:center;border-top:2px solid var(--pink);font-size:12px;color:#aaa;margin-top:50px}@media(max-width:850px){.designer-grid{grid-template-columns:1fr}.studio{position:relative;top:auto;width:100%;max-width:550px;margin:auto}#canvas svg{max-height:550px}.controls{max-width:650px;width:100%;margin:auto}.designer-header img{width:220px}}@media(max-width:500px){main{padding:26px 16px}.designer-header{padding:16px;gap:12px}.designer-header img{width:155px}.designer-header>a:nth-child(2){display:none}#designer-cart{padding:12px}.controls{padding:20px}.studio-top{font-size:10px;padding:12px}#canvas svg{min-height:0;max-height:440px}.studio-tools button{font-size:10px}.side-tabs button{font-size:10px}.two-columns{grid-template-columns:1fr 1fr}.two-columns select{font-size:12px}.layout-review .layout-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.designer-grid>.studio{position:sticky;top:0;z-index:5;box-shadow:4px 4px 0 var(--pink)}#canvas>svg{height:28vh;max-height:240px}.studio-note{display:none}.studio-tools{padding:6px 10px 10px}.studio-top{padding:8px 10px}.side-tabs button{min-height:44px}.studio-tools button{min-height:40px}}

.preset-heading{font-size:13px;font-weight:800;margin:20px 0 10px}.presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.presets button{min-height:48px;border:2px solid black;text-align:left;padding:12px;background:#fff}.presets button:hover,.name-direction button:hover{background:#fff1f8;border-color:var(--pink)}.name-preview{background:#080808;color:white;min-height:94px;padding:16px;border-bottom:4px solid var(--pink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow-wrap:anywhere}.name-preview.light-ink{background:#eee}.name-preview span{font-size:26px;font-weight:bold;max-width:100%;text-align:center}.name-preview small{font:11px Arial;color:#aaa}.name-preview.light-ink small{color:#555}.name-direction{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 0}.name-direction button{min-height:48px;border:2px solid black;background:white;font-size:12px;font-weight:800;padding:10px;color:black}.name-direction button[aria-pressed=true]{border-color:var(--pink);background:#080808;color:white}

.assist-toggle{display:flex;gap:10px;align-items:center;font-size:12px;line-height:1.4;margin:18px 0 4px}.assist-toggle input{width:22px;height:22px;accent-color:var(--pink);flex-shrink:0}.placement-warnings:empty{display:none}.placement-warnings{border-left:4px solid var(--pink);background:#fff1f8;color:black;padding:12px 14px;font-size:12px;line-height:1.5;margin:12px 0}.placement-warnings p{margin:0 0 8px}.placement-warnings p:last-child{margin-bottom:0}#creation-review{background:white;color:black;border:3px solid black;box-shadow:8px 8px 0 var(--pink);padding:28px;width:min(900px,calc(100% - 32px));max-height:90dvh;overflow:auto}#creation-review::backdrop{background:rgba(0,0,0,.85)}.proof-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.proof-heading h2{font-size:28px}.proof-heading button{background:black;color:white;border:0;min-width:44px;min-height:44px;font-size:24px}#proof-details{font-size:14px;font-weight:800;line-height:1.6}#proof-description{font-size:12px;line-height:1.7}#proof-views .layout-gallery{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.proof-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 0 0;position:sticky;bottom:-28px;background:white}#proof-feedback{font-size:13px;color:#555}@media(max-width:500px){#creation-review{padding:18px;max-height:94dvh}.proof-heading h2{font-size:22px}.proof-actions{grid-template-columns:1fr;bottom:-18px;gap:8px}#proof-views .layout-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

#proof-total{grid-column:1/-1;font-size:16px;line-height:1.4;padding:0 0 4px}#proof-total small{display:block;font-size:11px;font-weight:400;color:#555}
