@font-face{font-family:system;src:local('Segoe UI')}*{box-sizing:border-box}html{color-scheme:dark;background:#0a111c}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#eee9e1;background:#0a111c;font-size:16px;line-height:1.45}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #384349;color:inherit;background:#17242c;min-height:48px;border-radius:16px;padding:12px 18px;transition:background .15s,transform .15s}button:hover{background:#23343e}button:active{transform:scale(.98)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:3px solid #e8c294;outline-offset:4px}a{color:#bedace;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,7vw,46px);line-height:1.16;letter-spacing:-.025em}h2{font-weight:500;font-size:21px}h3{font-size:16px;font-weight:500}.muted{color:#a4b3b7}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:10px;color:#b7c9ba}.primary{background:#d9bd95;color:#142229;border-color:#d9bd95;font-weight:650;box-shadow:0 4px 24px #0002}.primary:hover{background:#e8cfae}.secondary{background:#182831;border-color:#5b6b6b}.text-button{border:0;background:transparent;color:#b7c9ba;padding:10px 12px}.full{width:100%}.small{font-size:12px}.screen{max-width:760px;margin:auto;padding:20px 22px 32px;min-height:100svh}.topbar{display:flex;align-items:center;gap:12px;min-height:52px}.topbar h1{font-family:inherit;font-size:21px;letter-spacing:0;font-weight:500}.back{font-size:28px;min-width:48px;background:none;border:0;padding:0}.spacer{flex:1}.home{position:relative;overflow:hidden;max-width:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:100svh;padding:26px 24px;background:radial-gradient(ellipse at 50% 30%,#1f384044 0,transparent 55%),#0a111c}.home:before,.home:after{content:'';position:absolute;bottom:0;width:30%;height:85%;pointer-events:none;background:repeating-linear-gradient(86deg,transparent 0 60px,#172a2c33 62px 67px,transparent 74px 103px);transform:rotate(-9deg)}.home:before{left:-5%}.home:after{right:-5%;transform:rotate(9deg)}.home-content{position:relative;z-index:1;width:min(100%,390px);text-align:center}.home .owl{width:min(110%,430px);margin:0 -5%;height:clamp(260px,42svh,460px);overflow:visible}.home h1{font-size:clamp(31px,7vw,41px);max-width:340px;margin:auto}.home .intro{font-size:13px;color:#a8b8b8;margin:14px 0 25px;letter-spacing:.02em}.home-actions{display:grid;gap:12px}.home-actions button{min-height:58px;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:15px 22px}.home-actions span{font-size:22px;font-weight:400}.home-footer{margin-top:28px;font-size:11px;color:#9badae;position:relative;z-index:1;text-align:center}.offline{background:none;border:0;font-size:11px;color:#b8cfbf;min-height:44px;padding:8px}.offline:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#b49d78;margin-right:7px}.offline.ready:before{background:#b4d4b6;box-shadow:0 0 9px #b4d4b650}.teaser{display:block;max-width:280px;margin:6px auto 0;color:#839a9e;line-height:1.7}.forest-floor{position:absolute;bottom:-5px;left:0;width:100%;height:25%;color:#779a89;opacity:.55;pointer-events:none}.fireflies{position:absolute;inset:0;pointer-events:none}.fireflies i{position:absolute;width:3px;height:3px;border-radius:100%;background:#d5d8ad;box-shadow:0 0 12px #d5d8ad;animation:drift 7s ease-in-out infinite alternate;opacity:.4}.maker{padding-top:10px;max-width:820px;height:100svh;display:grid;grid-template-rows:48px minmax(330px,1.8fr) minmax(210px,1fr);gap:0;padding-bottom:10px}.maker-stage{min-height:0;position:relative;display:flex;justify-content:center;align-items:center}.maker-stage .bracelet{width:100%;height:100%;max-width:660px;overflow:visible}.stage-caption{position:absolute;top:5px;left:0;font-size:11px;color:#9caeb0}.stage-word{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);font-family:Georgia,serif;font-size:clamp(20px,5vw,31px);letter-spacing:.06em;color:#d5c9b9;pointer-events:none}.stage-word small{display:block;text-align:center;font:10px system-ui;letter-spacing:.16em;color:#869e9d;margin-top:8px;text-transform:uppercase}.maker-controls{min-height:0;overflow:auto;scrollbar-width:thin;padding:6px 0 1px;border-top:1px solid #304043}.control-head{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:40px}.control-head .text-button{font-size:12px}.category-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;margin:3px 0 10px}.category{border-radius:13px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 2px;background:#14212a;border:1px solid transparent;font-size:9px;line-height:1.1;min-height:68px}.category.active{border-color:#bca88a;background:#2b3438;color:#edd3aa}.collection-icon{width:30px;height:30px;color:#bdcbbb}.category:nth-child(3n+2) .collection-icon{color:#d3b5a1}.category:nth-child(3n) .collection-icon{color:#b3a9cf}.word-row{display:flex;gap:8px;align-items:center;margin:8px 0}.word-row label{flex:1}.word-row input{width:100%;background:#111c24;border:1px solid #3a484c;padding:12px 14px;border-radius:13px;color:#f0dfc7;font-size:14px;min-height:48px;text-transform:uppercase}.word-row input::placeholder{text-transform:none;color:#829499}.word-row button{min-width:110px}.notice{font-size:10px;line-height:1.4;color:#98a7a9;margin:7px 2px}.inline-error{font-size:12px;color:#ffbaad;min-height:18px}.maker-actions{display:flex;gap:8px}.maker-actions .primary{flex:1}.bead-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:5px}.bead-choice{padding:3px;min-height:50px;border-radius:12px;background:#15222a}.bead-icon{width:42px;height:42px;vertical-align:middle}.locked{opacity:.55}.hint{font-size:11px;color:#94a5a7;margin:4px 0 8px}.advanced-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.advanced-tools button{min-height:44px;padding:8px 12px;font-size:12px}.bead[role=button]{cursor:pointer}.bead[role=button]:focus{outline:none;filter:brightness(1.4)}.gift{text-align:center;max-width:550px}.gift h1{margin:20px 0 10px;font-size:34px}.pouch{font-size:48px;display:block;margin:15px auto 6px;animation:float 5s ease-in-out infinite}.qr-wrap{background:#fff;padding:15px;max-width:390px;width:100%;margin:22px auto;border-radius:22px;color:#121212}.qr-wrap svg{width:100%;height:auto;display:block;shape-rendering:crispEdges}.gift .fallback{font-size:13px;color:#b7c9c4;max-width:350px;margin:15px auto}.gift .notice{max-width:360px;margin:18px auto;line-height:1.6}.gift-link{width:100%;font-size:11px;word-break:break-all;background:#14212a;padding:12px;border-radius:12px}.gift-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.receive{text-align:center;max-width:680px;display:flex;flex-direction:column}.receive h1{margin-top:20px}.receive .bracelet{max-height:62svh;width:100%;flex:1}.receive-actions{display:grid;gap:10px;max-width:420px;width:100%;margin:auto}.receive .byline{font-size:12px;color:#c4c4b5;margin:8px 0}.assemble .bead>g{animation:assemble .5s both;animation-delay:calc(var(--i)*.035s)}.new-unlock{color:#e1c994;font-size:12px;animation:pulse 2s 3}.collection h2{margin:28px 0 12px}.shelf,.wall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.kandi-card{padding:8px;background:#13212a;border-color:#2c3b41;min-width:0;border-radius:18px}.kandi-card .bracelet{width:100%;height:auto;display:block}.kandi-card span{display:block;font-size:10px;color:#a9b9b8;overflow:hidden;text-overflow:ellipsis}.empty{text-align:center;padding:45px 15px;border:1px dashed #334349;border-radius:20px;color:#8ea3a4;font-family:Georgia,serif;font-size:20px}.empty svg{display:block;width:40px;height:40px;margin:0 auto 10px}.sync-status{font-size:11px;color:#95aaa7;margin:20px 0}.loading{text-align:center;padding:30vh 24px;color:#afc3bc}.reveal-header{margin:25px 0 18px}.reveal-header h1{max-width:600px}.reveal-header p{margin-top:14px;color:#b8c8c1;font-size:14px;line-height:1.8}.stats{display:flex;flex-wrap:wrap;gap:20px;margin:22px 0}.stats div{min-width:80px}.stats strong{font-family:Georgia,serif;font-size:29px;font-weight:400;display:block;color:#e1c99e}.stats span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#a0b6af}.reveal-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.reveal-tabs button{font-size:12px}.gallery-filters{display:flex;gap:8px;margin:12px 0}.gallery-filters input,.gallery-filters select{min-width:0;flex:1;background:#15242d;border:1px solid #39494c;color:#ddd;padding:11px;border-radius:12px}.wall-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tree-scroll{overflow:auto;border:1px solid #33494b;border-radius:20px;height:65svh;background:#0b171e}.network{display:block;min-width:100%;height:100%;min-height:450px}.network g[role=button]{cursor:pointer}.network g[role=button]:hover{filter:brightness(1.3)}.network text{fill:#c7d8c9;font:10px system-ui}.tree-controls{display:flex;gap:8px;margin:8px 0}.locked-reveal{text-align:center;display:flex;flex-direction:column;justify-content:center}.seed-orb{width:180px;height:180px;margin:30px auto;border:1px solid #9baf8560;border-radius:50%;display:grid;place-content:center;font-size:65px;color:#c9d4a8;box-shadow:0 0 90px #82a68c13,inset 0 0 60px #b8c29b0b;animation:pulse 6s infinite}.creator-content{max-width:480px;margin:50px auto}.creator-content p{line-height:1.9;color:#aebeb6;margin:20px 0}.creator-placeholder{border:1px dashed #52695e;border-radius:20px;padding:24px;color:#b5c4b8;font-size:13px}.creator-content .portrait{width:150px;height:150px;border-radius:50%;background:#172b2e;display:grid;place-content:center;margin:0 auto 35px;font-size:44px}dialog{color:#e6e3d9;background:#12222b;border:1px solid #465a5d;border-radius:24px;width:min(92vw,500px);padding:24px;max-height:90svh;overflow:auto}dialog::backdrop{background:#03080cd9;backdrop-filter:blur(5px)}dialog h2{margin-bottom:15px}dialog .bracelet{width:100%;max-height:55svh}.dialog-close{float:right;min-width:48px;padding:8px;font-size:22px;background:none;border:0}.setting-row{display:flex;gap:15px;align-items:center;justify-content:space-between;margin:20px 0}.setting-row input{width:24px;height:24px;accent-color:#d8bf95}#toast{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:100;max-width:90vw;width:max-content;background:#d9c6a6;color:#12232a;border-radius:14px;padding:12px 18px;font-size:13px;box-shadow:0 6px 30px #0005;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}.error-screen{max-width:480px;text-align:center;padding-top:25svh}.error-screen p{margin:20px 0;color:#b8c6c0}.ios-tip{font-size:10px;color:#8fa6a1;margin-top:18px}.view-more{display:block;margin:18px auto}.hidden{display:none!important}@keyframes drift{to{transform:translate(12px,-18px);opacity:.8}}@keyframes float{50%{transform:translateY(-7px)}}@keyframes pulse{50%{opacity:.55;transform:scale(.97)}}@keyframes assemble{from{opacity:0;transform:scale(.1) rotate(-25deg)}to{opacity:1;transform:scale(1)}}@media(max-width:600px){.category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.category{min-height:57px;padding:5px 2px}.collection-icon{width:25px;height:25px}.maker{grid-template-rows:46px minmax(330px,1.8fr) minmax(230px,1fr);padding:8px 16px}.maker-controls{padding-top:3px}.maker .notice{font-size:9px}.word-row{margin:5px 0}.word-row input{padding:10px;font-size:13px}.control-head{min-height:32px}.category-grid{margin-bottom:5px}.word-row button{min-width:90px}.shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.wall-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.screen{padding-left:18px;padding-right:18px}.home{padding-top:20px}.home .intro{margin-bottom:22px}.home-footer{margin-top:18px}}@media(max-height:720px){.maker{height:auto;min-height:100svh;grid-template-rows:46px 61svh auto}.home .owl{height:34svh;min-height:205px}.home h1{font-size:29px}.home-footer{margin-top:12px}.home .intro{margin:10px 0 17px}.home-actions button{min-height:52px}.maker-stage{min-height:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.owner-moderation{margin-top:32px;font-size:12px;color:#9db2aa}.owner-moderation summary{cursor:pointer;min-height:44px;padding:12px}.owner-moderation form{display:grid;gap:12px}.owner-moderation label{display:grid;gap:5px}.owner-moderation input{width:100%;background:#15242d;border:1px solid #39494c;color:#ddd;padding:12px;border-radius:12px}
.gift>.topbar h1{font:500 18px/1.3 system-ui,sans-serif;margin:0;text-align:left}
.pouch{width:74px;height:74px;border:1px solid #adba9970;border-radius:45% 45% 40% 40%;background:radial-gradient(circle at 40% 30%,#b8cfa221,transparent 70%);display:grid;place-content:center;font-size:36px;box-shadow:0 0 35px #a7b58b0d;position:relative}.pouch:before{content:"";position:absolute;left:21px;right:21px;top:-5px;height:13px;border:1px solid #c2b89880;border-radius:60% 60% 30% 30%;background:#17252b}
/* iOS Safari: respect the notch/home indicator and prevent text-focus zoom. */
.screen{padding-top:calc(20px + env(safe-area-inset-top,0px));padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));padding-left:calc(22px + env(safe-area-inset-left,0px));padding-right:calc(22px + env(safe-area-inset-right,0px))}
.home{padding-top:calc(26px + env(safe-area-inset-top,0px));padding-bottom:calc(26px + env(safe-area-inset-bottom,0px));padding-left:calc(24px + env(safe-area-inset-left,0px));padding-right:calc(24px + env(safe-area-inset-right,0px))}
.maker{padding-top:calc(10px + env(safe-area-inset-top,0px));padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
.maker-controls{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.word-row input,.gallery-filters input,.gallery-filters select,.owner-moderation input,.gift-link{font-size:16px}
.card-preview{display:block;width:100%;height:auto;margin:15px 0;border-radius:16px;-webkit-touch-callout:default;user-select:auto}
@media(max-width:600px){.screen{padding-left:calc(18px + env(safe-area-inset-left,0px));padding-right:calc(18px + env(safe-area-inset-right,0px))}.maker{padding-top:calc(8px + env(safe-area-inset-top,0px));padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.home{padding-top:calc(20px + env(safe-area-inset-top,0px))}.word-row input{font-size:16px}}
.word-row label{min-width:0}
/* Leave roughly two-thirds of a tall handset to the bracelet canvas. */
@media(min-height:721px){.maker{grid-template-rows:48px minmax(330px,2fr) minmax(210px,1fr)}}
@media(max-width:600px) and (min-height:721px){.maker{grid-template-rows:46px minmax(330px,2fr) minmax(220px,1fr)}}
.stage-word{width:70%;text-align:center}
.maker-stage .maker-notice{position:absolute;bottom:5px;left:4px;right:4px;margin:0;text-align:center;font-size:10px;line-height:1.4;max-width:470px;margin-inline:auto;color:#aab6b4;pointer-events:none}.maker-stage .bracelet{padding-bottom:32px}.maker-stage .stage-word{top:44%}@media(max-width:600px){.maker-stage .maker-notice{font-size:10px}}
/* The single builder keeps its final actions visible while bead choices scroll. */
.bead-choice{background:#131e2b;border-color:#344052}.bead-choice:hover{background:#243045}.bead-icon{width:44px;height:44px;overflow:visible}.bead-material{isolation:isolate}
.maker-stage [data-bead]{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;outline:none}.maker-stage [data-bead]:focus-visible .bead-hit,.maker-stage [data-bead].selected .bead-hit{stroke:#f4d7a6;stroke-width:2;stroke-dasharray:3 3}.maker-stage [data-bead].dragging{cursor:grabbing;opacity:.82}.builder-hint{position:absolute;bottom:42px;left:8px;right:8px;text-align:center;font-size:10px;color:#d0c0dc;pointer-events:none}.builder .stage-word{pointer-events:none}
.builder .stage-word{max-width:64%;overflow-wrap:anywhere;word-break:break-word;font-size:clamp(17px,4.8vw,25px);line-height:1.25}.gift-sendoff{background:#0b1325!important;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.gift-sendoff.leaving{animation:none;opacity:0;transition:opacity .18s ease}
/* Two slow compositor transforms; no per-frame JavaScript, noise or blur. */
body{isolation:isolate}.ambient-smoke{position:fixed;inset:-12%;z-index:0;pointer-events:none;overflow:hidden;opacity:.72}#app{position:relative;z-index:1}.ambient-smoke span{position:absolute;inset:0;background:radial-gradient(ellipse at 36% 42%,transparent 27%,#9763c918 38%,transparent 49%),radial-gradient(ellipse at 70% 65%,transparent 26%,#45bfb11b 39%,transparent 53%),conic-gradient(from 42deg at 45% 52%,transparent 0deg,#8b64b51b 75deg,transparent 145deg,#52a7b017 230deg,transparent 310deg);border-radius:43% 57% 62% 38%;animation:smoke-drift 32s ease-in-out infinite alternate}.ambient-smoke span+span{inset:7% -5%;opacity:.55;background:radial-gradient(ellipse at 62% 32%,transparent 25%,#bf6ba516 40%,transparent 54%),radial-gradient(ellipse at 25% 65%,transparent 24%,#647bbb20 38%,transparent 53%);animation:smoke-return 43s ease-in-out infinite alternate}.home{background:radial-gradient(ellipse at 50% 30%,#1f384044 0,transparent 55%),transparent}
@keyframes smoke-drift{from{transform:translate(-2%,2%) rotate(-13deg) scale(1.02)}to{transform:translate(4%,-3%) rotate(18deg) scale(1.14)}}@keyframes smoke-return{from{transform:translate(3%,-2%) rotate(9deg) scale(1.08)}to{transform:translate(-4%,4%) rotate(-19deg) scale(1.16)}}
.gift-illustration{display:block;width:104px;height:104px;margin:4px auto;animation:gift-float 4.5s ease-in-out infinite}.gift-surprise h1{margin:4px 0 7px;font-size:34px}.gift-surprise h1 span{color:#efa8cf}.gift-instruction{font-size:20px;font-weight:650;color:#f5d9ed;line-height:1.3}.gift-camera{font-size:12px;color:#b9c9c8;margin:8px 0 0}.gift-surprise .qr-wrap{margin:16px auto;max-width:350px}.gift-surprise .fallback{margin:12px auto}.gift-surprise .notice{margin:12px auto}.gift-sendoff{position:fixed;inset:0;z-index:95;display:grid;place-items:center;background:#0b1325f7;animation:gift-fade .78s ease both;overflow:hidden}.gift-sendoff-center{text-align:center;animation:gift-send .78s cubic-bezier(.2,.7,.2,1) both}.gift-sendoff .gift-illustration{width:170px;height:170px;animation:none}.gift-sendoff-center p{font:24px Georgia,serif;color:#ffe2f1;margin:16px}.love-particles{position:absolute;left:50%;top:48%;pointer-events:none}.love-particles span{position:absolute;left:-10px;top:-10px;color:#f7b5d7;font-size:22px;opacity:0;animation:love-burst .66s ease-out var(--delay) both;transform:rotate(var(--angle)) translateY(-65px)}@keyframes gift-float{50%{transform:translateY(-5px) rotate(2deg)}}@keyframes gift-send{0%{opacity:0;transform:translateY(20px) scale(.7)}35%{opacity:1;transform:translateY(0) scale(1.04)}75%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-30px) scale(.82)}}@keyframes love-burst{10%{opacity:0}35%{opacity:.85}100%{opacity:0;transform:rotate(var(--angle)) translateY(-180px) scale(.65)}}@keyframes gift-fade{0%{opacity:0}15%,100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.ambient-smoke span,.gift-illustration{animation:none!important}.ambient-smoke{opacity:.35}.gift-sendoff,.gift-sendoff-center,.love-particles span{animation:none!important}}
.builder .maker-controls{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:5px;overflow:hidden;padding-top:7px}.builder-picker{overflow:auto;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:4px}.builder-picker>.eyebrow{margin:3px 0 7px}.builder-categories{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;gap:5px}.builder .category{min-height:54px;padding:5px 2px}.builder-bottom{background:#0a111c;padding-top:2px}.builder .word-row{margin:2px 0}.builder .word-row input{min-height:44px;padding:9px 12px;font-size:16px}.builder .inline-error{font-size:10px;min-height:15px;line-height:1.4;margin:2px 0}.builder-actions{display:flex;gap:7px}.builder-actions button{min-height:46px;padding:9px 15px;font-size:13px}.builder-actions .primary{margin-left:auto;flex:1}.bead-count{font-size:12px;letter-spacing:.08em;color:#c8cbb6;min-width:48px;text-align:right}.builder .stage-word small{font-size:11px}.builder .bead-grid{padding-bottom:4px}.builder .maker-stage .bracelet{padding-bottom:32px}
@media(max-height:720px){.builder{height:100svh;min-height:0;grid-template-rows:46px minmax(250px,1.8fr) minmax(210px,1fr)}.builder .maker-notice{font-size:9px}.builder .category{min-height:48px}.builder .collection-icon{width:22px;height:22px}}

@media(max-height:720px){.gift-surprise{padding-top:calc(8px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.gift-surprise .topbar{min-height:42px}.gift-surprise .gift-illustration{width:66px;height:66px;margin:0 auto}.gift-surprise h1{font-size:29px;margin:3px 0 5px}.gift-surprise .gift-instruction{font-size:18px}.gift-surprise .gift-camera{font-size:11px;margin:5px 0 0}.gift-surprise .qr-wrap{max-width:300px;margin:12px auto}.gift-surprise .fallback{font-size:11px;margin:10px auto}.gift-surprise .notice{font-size:9px;margin:10px auto}}
/* Maker content stays in document flow on every mobile height. */
.builder{height:auto;min-height:100svh;display:grid;grid-template-rows:auto auto auto;gap:10px;max-width:760px;margin-inline:auto}.builder .maker-stage{width:100%;aspect-ratio:430/560;min-height:0;max-height:none;align-self:start}.builder .maker-stage .bracelet{display:block;width:100%;height:auto;max-height:100%;padding:25px 0 64px;overflow:hidden}.builder .maker-controls{display:block;overflow:visible;padding-top:8px}.builder-picker{overflow:visible}.builder-bottom{margin-top:12px;background:transparent}.builder .stage-word{top:43%}.builder .stage-caption{top:0}.builder .bead-count:empty{display:none}.builder .builder-hint{bottom:48px}.builder .maker-notice{bottom:4px}.builder .bead-grid{overflow:visible}.builder .topbar{min-height:46px}.builder .stage-word small:empty{display:none}
.builder .maker-stage .bracelet{position:absolute;top:25px;left:0;width:100%;height:calc(100% - 89px);max-height:none;padding:0;overflow:hidden}
/* Original-image collection: larger previews and normal page scrolling on phones. */
.builder .png-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.builder .png-choices .bead-choice{min-width:0;min-height:100px;padding:4px 3px 9px}.png-choices .bead-icon{display:block;width:100%;height:68px}.png-choices .bead-choice span{display:block;font-size:10px;line-height:1.25;min-height:25px}.builder .maker-stage{aspect-ratio:430/520}.builder .maker-controls{width:100%;min-width:0}.builder .maker-stage .bracelet{top:26px;height:calc(100% - 89px)}@media(max-width:380px){.builder{padding-inline:12px}.builder-actions{gap:5px}.builder-actions button{padding-inline:10px}.png-choices .bead-icon{height:62px}}