:root{--navy:#071b3b;--blue:#0d2c58;--gold:#ffce3a;--cream:#fff9ea;--paper:#fffef8;--ink:#081a36;--muted:#647087;--line:#dfe4e8;--coral:#ff6c57;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2b75d6}.skip{position:fixed;left:16px;top:-80px;background:#fff;color:var(--navy);padding:12px 16px;z-index:100}.skip:focus{top:16px}.topbar{height:76px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:white;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-weight:900;letter-spacing:-.03em}.brand>span:last-child>span{color:var(--gold)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--gold);color:var(--navy);font-weight:950;box-shadow:inset 0 0 0 5px var(--navy),0 0 0 2px var(--gold)}nav{display:flex;gap:34px}nav a{color:#d7e1f1;text-decoration:none;font-weight:700;font-size:.9rem}nav a:hover{color:var(--gold)}.mobile-menu{display:none}.intro{min-height:480px;background:var(--navy);color:white;padding:70px clamp(24px,8vw,120px);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;overflow:hidden}.eyebrow{font-size:.76rem;font-weight:900;letter-spacing:.18em;color:#a77700;margin:0 0 12px}.intro .eyebrow{color:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.1rem,6.7vw,7.1rem);line-height:.86;letter-spacing:-.075em;max-width:800px;margin-bottom:24px}h2{font-size:clamp(2.2rem,4vw,4.5rem);line-height:.95;letter-spacing:-.06em;margin-bottom:0}.intro>div>p:last-child{font-size:1.1rem;color:#b9c8dc;max-width:530px}.intro-orbit{display:grid;place-items:center;position:relative}.intro-orbit:before{content:"";position:absolute;width:430px;height:430px;border:1px solid #24456f;border-radius:50%;box-shadow:0 0 0 55px rgba(44,76,116,.25),0 0 0 110px rgba(44,76,116,.12)}.cap-disc{width:min(28vw,320px);aspect-ratio:1;border-radius:50%;background:var(--gold);display:grid;place-items:center;color:var(--navy);font-size:6rem;font-weight:950;letter-spacing:-.1em;transform:rotate(-12deg);box-shadow:16px 25px 0 #d79d08,32px 46px 70px #020a17;position:relative}.cap-disc:before{content:"";position:absolute;inset:17px;border:10px solid var(--navy);border-radius:50%}.cap-disc i{position:absolute;width:15px;height:15px;background:var(--navy);border-radius:50%}.cap-disc i:nth-child(2){top:54px}.cap-disc i:nth-child(3){bottom:54px;left:84px}.cap-disc i:nth-child(4){bottom:54px;right:84px}.gallery-section,.customizer,.upload,.guide{padding:88px clamp(20px,6vw,88px)}.section-heading,.customizer-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.section-heading>p{color:var(--muted);font-weight:700}.toolbar{position:sticky;top:76px;z-index:10;background:rgba(255,254,248,.94);backdrop-filter:blur(16px);padding:14px 0 18px}.search{max-width:560px;height:52px;border:1px solid var(--line);border-radius:15px;background:white;display:flex;align-items:center;padding:0 16px;margin-bottom:16px}.search input{flex:1;border:0;background:transparent;min-width:0;outline:0;font-size:1rem}.search span:last-child{font-size:1.6rem}.filter-row{display:flex;gap:8px;overflow:auto;padding:2px 1px 6px}.filter-row button{white-space:nowrap;border:1px solid var(--line);background:white;color:var(--ink);padding:9px 14px;border-radius:999px;font-size:.86rem;font-weight:750;cursor:pointer}.filter-row button.active{background:var(--navy);border-color:var(--navy);color:white}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}.card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:white;cursor:pointer;transition:transform .18s,box-shadow .18s;text-align:left;padding:0;color:inherit}.card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(7,27,59,.12)}.card:focus-visible{outline:3px solid #2b75d6}.card-art{aspect-ratio:1.1;background:linear-gradient(145deg,#143c70,var(--navy));display:grid;place-items:center;position:relative;overflow:hidden}.card-art:after{content:"";width:54%;aspect-ratio:1;border-radius:50%;border:5px solid var(--gold);box-shadow:9px 10px 0 #031126;background:var(--navy)}.card-symbol{position:absolute;z-index:2;color:var(--gold);font-size:clamp(1.6rem,3vw,2.8rem);font-weight:950;letter-spacing:-.08em;max-width:46%;text-align:center;line-height:.86}.card-id{position:absolute;left:14px;top:13px;color:white;background:rgba(0,0,0,.28);border-radius:7px;padding:4px 7px;font-size:.7rem;font-weight:800;z-index:3}.card-info{padding:16px}.card-info strong{display:block;font-size:1.02rem}.card-info span{font-size:.78rem;color:var(--muted)}.empty{border:1px dashed var(--line);padding:50px;text-align:center;border-radius:var(--radius);margin-top:24px}.empty span{display:block;color:var(--muted)}.customizer{background:var(--cream)}.preview-badge{background:#e9f8de;color:#2a6a19;border-radius:999px;padding:7px 11px;font-size:.72rem;font-weight:900;letter-spacing:.08em}.customizer-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,.6fr);gap:28px}.preview-stage,.controls{background:white;border:1px solid #e2dfd2;border-radius:28px}.preview-stage{min-height:620px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center,#fff 0,#f7f3e9 58%,#eae3d2 100%)}.view-tabs{position:absolute;top:18px;left:18px;z-index:2;background:#ede9df;border-radius:12px;padding:4px}.view-tabs button{border:0;background:transparent;padding:8px 12px;border-radius:9px;font-size:.8rem;font-weight:800;cursor:pointer}.view-tabs button.active{background:white;box-shadow:0 2px 8px #bbb}.preview-stage canvas{width:100%;height:100%;min-height:560px}.model-overlay{position:absolute;bottom:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.76rem}.model-overlay button{border:1px solid var(--line);background:white;border-radius:9px;padding:7px 10px;cursor:pointer}.controls{padding:26px;display:flex;flex-direction:column;gap:18px}.control-group label,fieldset legend,.color-row>label,.physical>label:not(.switch-row){display:flex;justify-content:space-between;font-weight:800;font-size:.85rem;margin-bottom:7px}.control-group input,.control-group select,.svg-fields select{width:100%;height:46px;border:1px solid #cdd4db;border-radius:11px;padding:0 12px;background:white}.control-group small{display:block;color:var(--muted);font-size:.72rem;margin-top:6px}.control-group label span{color:var(--muted);font-weight:600}fieldset{border:0;padding:0;margin:0}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#eceef0;border-radius:12px;padding:4px}.segmented input{position:absolute;opacity:0}.segmented span{display:block;text-align:center;padding:9px;border-radius:9px;font-weight:800;font-size:.88rem}.segmented input:checked+span{background:white;box-shadow:0 2px 7px #cbd0d4}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-row>label{display:block}.swatch-input{display:flex;margin-top:7px;border:1px solid #cdd4db;border-radius:11px;height:46px;align-items:center;padding:6px;gap:8px}.swatch-input input{width:30px;height:30px;border:0;padding:0;background:none}.swatch-input b{font-size:.75rem}.physical{padding:17px;background:#f4f6f7;border-radius:14px;display:flex;flex-direction:column;gap:9px}.physical-title{display:flex;justify-content:space-between;font-weight:900}.physical-title small{color:var(--coral)}.switch-row{display:flex;justify-content:space-between;font-weight:750;font-size:.85rem}.physical input[type=range],.svg-fields input[type=range]{accent-color:var(--navy);width:100%}.form-actions{display:grid;grid-template-columns:.35fr 1fr;gap:10px;margin-top:auto}.primary,.secondary{height:48px;border-radius:12px;font-weight:900;cursor:pointer}.primary{border:0;background:var(--gold);color:var(--navy)}.primary:disabled{opacity:.5;cursor:not-allowed}.secondary{background:white;border:1px solid #cdd4db}.download-note{font-size:.72rem;color:var(--coral);text-align:center;margin:0}.upload{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;background:var(--navy);color:white;align-items:center}.upload h2{max-width:530px}.upload-copy>p:not(.eyebrow){color:#becce0;max-width:520px}.upload-copy ul{padding-left:19px;color:#dce6f3}.upload-panel{background:white;border-radius:26px;padding:18px;color:var(--ink)}.dropzone{min-height:330px;border:2px dashed #b9c2ca;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.dropzone.drag{background:#fff8d4;border-color:#c89200}.dropzone input{position:absolute;opacity:0;pointer-events:none}.dropzone>span:last-child{color:var(--muted)}.upload-icon{font-size:2.5rem;color:#a77700}.svg-editor{display:grid;grid-template-columns:1fr 1fr;gap:18px}.svg-preview{min-height:320px;border-radius:16px;background:radial-gradient(circle,#fff,#eee);display:grid;place-items:center;overflow:hidden}.svg-preview img{max-width:70%;max-height:230px;filter:brightness(0) saturate(100%);transition:transform .1s}.svg-fields{display:flex;flex-direction:column;gap:10px}.svg-fields label{font-size:.78rem;font-weight:800}.warnings{grid-column:1/-1;background:#fff4d4;color:#624b00;border-radius:12px;padding:12px;font-size:.78rem}.guide{background:var(--gold)}.guide .eyebrow{color:#624b00}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.guide article{background:var(--navy);color:white;border-radius:22px;padding:28px}.guide article>span{color:var(--gold);font-weight:900}.guide h3{font-size:1.3rem;margin:18px 0 8px}.guide p{color:#becce0;margin-bottom:0}footer{background:#031126;color:#aebed3;padding:42px clamp(20px,6vw,88px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}footer p{margin:0;font-size:.78rem}footer p:last-child{text-align:right}.toast{position:fixed;right:22px;bottom:22px;background:var(--navy);color:white;padding:13px 18px;border-radius:12px;box-shadow:0 10px 30px #0004;transform:translateY(100px);opacity:0;transition:.25s;z-index:50}.toast.show{transform:none;opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:980px){.gallery{grid-template-columns:repeat(3,1fr)}.customizer-layout{grid-template-columns:1fr}.upload{grid-template-columns:1fr}.intro{grid-template-columns:1fr .7fr}.cap-disc{font-size:4rem}.preview-stage{min-height:520px}}@media(max-width:700px){.topbar{height:66px}nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--navy);padding:20px;flex-direction:column}nav.open{display:flex}.mobile-menu{display:block;background:transparent;border:1px solid #456184;color:white;border-radius:9px;padding:7px 10px}.intro{min-height:570px;padding:52px 22px;grid-template-columns:1fr;text-align:left}.intro h1{font-size:3.8rem}.intro-orbit{height:220px}.intro-orbit:before{width:260px;height:260px}.cap-disc{width:180px;font-size:3.7rem;box-shadow:10px 14px 0 #d79d08,22px 32px 50px #020a17}.cap-disc i:nth-child(2){top:34px}.cap-disc i:nth-child(3){bottom:34px;left:49px}.cap-disc i:nth-child(4){bottom:34px;right:49px}.gallery-section,.customizer,.upload,.guide{padding:62px 18px}.gallery{grid-template-columns:repeat(2,1fr);gap:10px}.card-info{padding:12px}.section-heading{align-items:start;flex-direction:column}.toolbar{top:66px}.customizer-head{align-items:center}.preview-stage{min-height:430px}.preview-stage canvas{min-height:430px}.controls{padding:19px}.model-overlay span{display:none}.upload{gap:32px}.svg-editor{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr}.guide article{padding:22px}footer{grid-template-columns:1fr;text-align:left}footer p:last-child{text-align:left}}@media(max-width:390px){.gallery{grid-template-columns:1fr}.color-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.photo-upload{padding:15px;background:#f4f6f7;border-radius:14px}.photo-upload label{display:block;font-weight:800;font-size:.85rem;margin-bottom:7px}.photo-upload input{display:block;width:100%;font-size:.8rem}.photo-upload small{display:block;color:var(--muted);font-size:.72rem;margin-top:8px}
.size-readout{position:absolute;top:18px;right:18px;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:9px 12px;border:1px solid #d9dedf;border-radius:12px;background:rgba(255,255,255,.93);color:var(--ink);text-align:right;box-shadow:0 3px 12px #071b3b18}.size-readout strong{font-size:1rem;line-height:1.2}.size-readout span{font-size:.7rem;font-weight:750}.size-readout small{font-size:.62rem;color:var(--muted)}@media(max-width:700px){.size-readout{top:66px;right:10px;padding:6px 9px}.size-readout strong{font-size:.85rem}.size-readout span,.size-readout small{font-size:.6rem}}
.assembly-switch{position:absolute;left:18px;bottom:62px;z-index:3;display:flex;flex-wrap:wrap;gap:5px;max-width:calc(100% - 36px);padding:5px;border:1px solid #d9dedf;border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 3px 12px #071b3b18}.assembly-switch button{border:0;border-radius:9px;padding:7px 10px;background:transparent;color:var(--ink);font-size:.72rem;font-weight:800;cursor:pointer}.assembly-switch button.active{background:var(--navy);color:white}@media(max-width:700px){.assembly-switch{left:10px;right:10px;bottom:54px;max-width:none}.assembly-switch button{font-size:.65rem;padding:6px 7px}}
[hidden]{display:none!important}.choice-section{padding:72px clamp(20px,6vw,88px);background:#fff9ea}.choice-section h2{margin-bottom:28px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.choice-card{min-height:185px;background:white;border:2px solid #e6e1d2;border-radius:20px;text-align:left;padding:23px;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:start;gap:10px;box-shadow:0 8px 28px #071b3b0c}.choice-card span{font-size:.76rem;font-weight:900;color:#917100}.choice-card strong{font-size:1.3rem;line-height:1.15}.choice-card small{color:var(--muted);font-size:.88rem}.choice-card.active,.choice-card:hover{border-color:#e8b72f;box-shadow:0 10px 30px #b3830028}.svg-upload{padding:15px;background:#f4f6f7;border-radius:14px}.svg-upload>small{display:block;color:var(--muted);font-size:.72rem;margin:8px 0 0}.svg-upload .dropzone{min-height:150px;background:white}.svg-upload .svg-editor{margin-top:15px;grid-template-columns:1fr}.svg-upload .svg-preview{min-height:190px}.svg-upload .svg-preview img{max-height:160px}.svg-upload .svg-fields{display:grid;grid-template-columns:1fr 1fr}.svg-upload .save-svg{width:100%}.color-row:has(#accent-group[hidden]){grid-template-columns:1fr}@media(max-width:700px){.choice-grid{grid-template-columns:1fr}.choice-card{min-height:130px}.svg-upload .svg-fields{grid-template-columns:1fr}}
.base-step{padding:32px clamp(20px,6vw,88px);background:#f0f5fa;display:flex;gap:32px;align-items:center;justify-content:space-between}.base-step h2{font-size:clamp(1.7rem,3vw,2.5rem);margin-bottom:6px}.base-step p:last-child{margin:0;color:var(--muted)}.base-step>label{font-weight:850;min-width:min(100%,270px)}.base-step .swatch-input{margin-top:7px;background:white}.base-step select{flex:1;border:0;background:white;min-width:0}.color-row{grid-template-columns:1fr}@media(max-width:700px){.base-step{align-items:stretch;flex-direction:column;gap:16px}.base-step>label{min-width:0}}
.base-step{scroll-margin-top:76px}.color-row{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:520px){.color-row{grid-template-columns:1fr}}
.base-step>div>label{display:flex;align-items:center;gap:9px;margin-top:14px;font-weight:800}.base-step>div>label input{width:18px;height:18px;accent-color:var(--navy)}.base-step>div>small{display:block;max-width:540px;color:var(--muted);line-height:1.45}.base-step>div>p{margin-bottom:0}
.color-row{grid-template-columns:repeat(3,minmax(0,1fr))}.color-row:has(#accent-group[hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.color-row{grid-template-columns:1fr!important}}
.nfc-option{padding:16px;border:1px solid #d7e1e9;border-radius:14px;background:#f4f8fb}.nfc-option legend{font-size:.87rem;font-weight:900;padding:0 6px}.nfc-toggle{display:flex;align-items:center;gap:9px;font-weight:800;cursor:pointer}.nfc-toggle input{width:18px;height:18px;accent-color:var(--navy)}#nfc-fields{display:grid;gap:10px;margin-top:14px}#nfc-fields p{font-size:.78rem;color:#44556b;margin:0}#nfc-fields label{display:grid;gap:5px;font-size:.78rem;font-weight:800}#nfc-fields input,#nfc-fields select{width:100%;height:43px;padding:0 10px;border:1px solid #bbc8d3;border-radius:9px;background:white}#nfc-fields small{font-size:.7rem;color:var(--muted)}

.brand-wordmark{font-size:clamp(.84rem,1.4vw,1.05rem);white-space:nowrap;letter-spacing:-.025em}.brand-wordmark>span{color:var(--gold)}@media(max-width:390px){.brand-wordmark{font-size:.8rem}}

:root{--navy:#121918;--blue:#174749;--gold:#e9a332;--cream:#fff3e2;--paper:#fffaf2;--ink:#14201e}.intro-orbit:before{border-color:#326768;box-shadow:0 0 0 55px rgba(32,103,104,.22),0 0 0 110px rgba(32,103,104,.1)}.hero-mascot{position:relative;z-index:1;display:block;width:min(32vw,390px);max-width:100%;height:auto;filter:drop-shadow(16px 20px 16px rgba(0,0,0,.28))}@media(max-width:700px){.hero-mascot{width:220px}}
@font-face{font-family:"CapLab Script";src:url("./assets/fonts/GreatVibes-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
.print-detail-note{display:block;margin-top:10px;padding:10px 12px;border-radius:10px;background:#fff1d3;color:#3b2a0d;font-weight:600}
.print-detail-note[hidden]{display:none}
.placement-panel{border:1px solid #dfe4e8;border-radius:16px;padding:15px;background:#f7f8f9}.placement-panel legend{padding:0 7px;font-weight:900;font-size:.95rem;color:var(--navy)}.placement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.placement-grid>label{display:block;min-width:0;font-size:.8rem;font-weight:800}.placement-grid output{float:right;color:var(--muted);font-weight:700}.placement-grid input[type=range]{display:block;width:100%;margin:9px 0 0;accent-color:var(--navy)}.placement-grid select{display:block;width:100%;height:42px;margin-top:7px;border:1px solid #cdd4db;border-radius:10px;padding:0 9px;background:white}.placement-grid small{display:block;color:var(--muted);font-size:.69rem;font-weight:500;margin-top:6px}.placement-grid .control-group{grid-column:1/-1}.placement-panel[hidden]{display:none}@media(max-width:390px){.placement-grid{grid-template-columns:1fr}}
#pb65-motif-controls p,#svg-parts-editor p,#collection-parts-editor p{font-size:.875rem;line-height:1.45;color:var(--muted);margin:0 0 14px}#pb65-motif-controls .placement-grid>label,#svg-parts-editor .placement-grid>label,#collection-parts-editor .placement-grid>label{font-size:.875rem}#pb65-motif-controls button,#svg-parts-editor button,#collection-parts-editor button{margin-top:14px}
.controls .color-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.controls .color-row #accent-group{grid-column:1/-1}.controls .color-row>label,.controls .swatch-input{min-width:0}.controls .swatch-input select{min-width:0;width:100%}
.customizer-layout .preview-stage{height:680px;min-height:0;align-self:start}.customizer-layout .preview-stage canvas{height:100%;min-height:0}
.customizer-layout .preview-stage canvas{touch-action:none}
.preview-column{min-width:0;display:flex;flex-direction:column;gap:14px}.motif-tray{background:#fff;border:1px solid #e2dfd2;border-radius:20px;padding:18px;display:grid;gap:14px}.motif-tray[hidden],.motif-edit[hidden]{display:none}.motif-tray h3{font-size:1rem;margin:0 0 3px}.motif-tray p{font-size:.84rem;color:var(--muted);margin:0}.motif-choices{display:flex;flex-wrap:wrap;gap:9px}.motif-choices button{display:flex;align-items:center;gap:8px;border:1px solid #cdd4db;border-radius:12px;background:#fff;color:var(--ink);padding:9px 13px;font-weight:800;cursor:grab}.motif-choices button:hover,.motif-choices button:focus-visible{border-color:var(--gold);background:#fff9e6}.motif-choices svg{width:22px;height:22px;fill:var(--navy)}.motif-edit{border-top:1px solid #e2dfd2;padding-top:12px;display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.motif-edit>span{grid-column:1/-1;font-size:.84rem;font-weight:800}.motif-edit label{font-size:.8rem;font-weight:800}.motif-edit output{float:right;color:var(--muted)}.motif-edit input{display:block;width:100%;margin-top:6px;accent-color:var(--navy)}.motif-edit button{border:1px solid #cdd4db;background:white;border-radius:10px;padding:9px;font-weight:800;cursor:pointer}@media(max-width:700px){.motif-edit{grid-template-columns:1fr 1fr}.motif-edit button{grid-column:1/-1}}
@media(max-width:700px){.controls .color-row #accent-group{grid-column:auto}}
@media(max-width:700px){.customizer-layout .preview-stage{height:430px}}
.motif-tray{background:#11191a;border:1px solid #294143;color:#fff;padding:18px;gap:12px;box-shadow:0 14px 34px rgba(10,23,24,.12)}
.motif-tray-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.motif-tray-kicker{display:block;color:#e9a332;font-size:.68rem;font-weight:900;letter-spacing:.14em}
.motif-tray .motif-tray-heading h3{color:#fff;font-size:1.15rem;margin:2px 0 0}
.motif-tray-tip{flex:none;color:#d8e9e5;font-size:.77rem;font-weight:800}
.motif-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px;background:#f5f6f9;border-radius:15px}
.motif-choices .motif-choice{display:grid;place-items:center;align-content:center;gap:6px;min-width:0;min-height:105px;border:1px solid transparent;border-radius:12px;background:transparent;color:#273237;padding:8px;font-size:.76rem;font-weight:800;line-height:1.15;text-align:center;cursor:grab;user-select:none}
.motif-choices .motif-choice:active{cursor:grabbing}
.motif-choices .motif-choice:hover,.motif-choices .motif-choice:focus-visible{background:#fff;border-color:#d2dbe0;box-shadow:0 4px 14px #10252616}
.motif-choices .motif-choice svg{display:block;width:clamp(44px,5vw,70px);height:clamp(44px,5vw,70px);fill:var(--motif-color,#2a6775);pointer-events:none}
.motif-choice[data-kind="heart"]{--motif-color:#ef5a75}.motif-choice[data-kind="star"]{--motif-color:#f1ab2d}.motif-choice[data-kind="lightning"]{--motif-color:#e39629}.motif-choice[data-kind="flower"]{--motif-color:#ca59a9}.motif-choice[data-kind="pickleball"]{--motif-color:#36a56b}.motif-choice[data-kind="paw"]{--motif-color:#8b63b6}.motif-choice[data-kind="crown"]{--motif-color:#d69c20}.motif-choice[data-kind="sparkle"]{--motif-color:#4a6bd6}.motif-choice[data-kind="paddle"]{--motif-color:#278d92}
.motif-choice[data-kind="cross"]{--motif-color:#7a66b5}.motif-choice[data-kind="sun"]{--motif-color:#e5a72a}.motif-choice[data-kind="crescent"]{--motif-color:#7b78cd}
.motif-choice[data-kind="clover"]{--motif-color:#39a66c}
.motif-choice[data-kind="catpaw"]{--motif-color:#ad6f99}
.motif-tray .motif-tray-help{color:#d8e2de;font-size:.78rem;line-height:1.4}
.motif-tray .motif-tray-help strong{color:#fff}
.motif-tray .motif-edit{border-color:#355254}.motif-tray .motif-edit label,.motif-tray .motif-edit>span{color:#fff}.motif-tray .motif-edit output{color:#e8ba67}
.preview-stage.motif-drop-target{outline:4px dashed #e9a332;outline-offset:-8px}
.motif-style{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0}.motif-style legend{color:#d8e9e5;font-size:.76rem;font-weight:800;margin-bottom:6px}.motif-style label{display:flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid #547274;border-radius:999px;color:#fff;background:#243638;font-size:.77rem;font-weight:800;cursor:pointer}.motif-style label:has(input:checked){background:#e9a332;color:#17201b;border-color:#e9a332}.motif-style input{accent-color:#17201b}
.motif-choices.line-style svg{fill:none;stroke:var(--motif-color);stroke-width:.35;stroke-linejoin:round;stroke-linecap:round}
.motif-choices .motif-detail{display:none}.motif-choices.line-style .motif-detail{display:block}
.motif-choices .motif-outline{display:none}.motif-choices.line-style .motif-choice[data-kind="sun"] svg>path:first-child{display:none}.motif-choices.line-style .motif-outline{display:block}
#motif-edit{background:#11191a;border:1px solid #294143;border-radius:16px;padding:14px 16px;color:#fff;box-shadow:0 8px 24px rgba(10,23,24,.10)}#motif-edit>span,#motif-edit label{color:#fff}#motif-edit output{color:#e8ba67}#motif-edit button{align-self:end}
@media(max-width:700px){.motif-tray{padding:14px}.motif-choices{gap:3px;padding:8px}.motif-choices .motif-choice{min-height:86px;font-size:.69rem}.motif-tray-tip{font-size:.68rem}}