.bld{flex-direction:column;min-height:100dvh;display:flex}.b-top{z-index:40;-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line-2);padding-top:env(safe-area-inset-top,0px);background:#f4f1eaf2;position:sticky;top:0}.b-top .wrap{align-items:center;gap:14px;min-height:58px;display:flex}.b-prog{flex:1;gap:6px;min-width:0;display:grid}.b-prog .bar{background:var(--line);border-radius:4px;height:4px;overflow:hidden}.b-prog .bar i{background:var(--sage);height:100%;transition:width .3s;display:block}.b-prog .lbl{font:600 12.5px/1 var(--body);color:var(--soft);justify-content:space-between;gap:10px;display:flex}.b-prog .lbl b{color:var(--leaf)}.stepper{scrollbar-width:none;align-items:center;gap:2px;display:none;overflow-x:auto}.stepper button{font:500 12.5px/1 var(--body);color:var(--soft);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:8px 9px}.stepper button.done{color:var(--sage)}.stepper button.now{background:var(--leaf);color:var(--oat)}.stepper button:disabled{cursor:default}.saved{color:var(--soft);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.saved:before{content:"";background:var(--sage);border-radius:50%;width:7px;height:7px}.saved.busy:before{background:var(--gold)}.saved.err:before{background:var(--bad)}@media (min-width:1100px){.stepper{display:flex}.b-prog .lbl span:first-child{display:none}}.b-body{flex:1;padding-block:24px 28px}.b-q{gap:22px;max-width:640px;margin:0 auto;display:grid}.b-q h1{font-size:clamp(30px,6vw,42px);font-weight:300;line-height:1.05}.b-q>p{color:var(--soft);margin-top:-10px}.b-foot{z-index:30;-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);background:#fbf9f4f7;position:sticky;bottom:0}.b-foot .wrap{align-items:center;gap:10px;min-height:70px;display:flex}.b-foot .sum{color:var(--soft);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-right:auto;font-size:13.5px;overflow:hidden}.b-foot .sum b{color:var(--leaf)}.b-foot .btn{min-height:50px}@media (max-width:420px){.b-foot .sum{display:none}.b-foot .btn.pri{flex:1}}.tiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tile{text-align:left;border:1px solid var(--line);background:var(--white);border-radius:16px;align-content:start;gap:4px;min-height:92px;padding:14px;display:grid;position:relative}.tile b{font:400 18px/1.15 var(--display)}.tile span{color:var(--soft);font-size:12.5px}.tile[aria-pressed=true]{border-color:var(--sage);box-shadow:inset 0 0 0 1.5px var(--sage);background:var(--tint)}@media (min-width:640px){.tiles{grid-template-columns:repeat(3,1fr)}}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.names{gap:8px;display:grid}.names .nrow{gap:8px;display:flex}.names .nrow input{flex:1}.x{border:1px solid var(--line);background:var(--white);width:48px;color:var(--soft);border-radius:12px;flex:none;font-size:18px}.langs{flex-wrap:wrap;gap:6px;max-height:230px;padding:2px;display:flex;overflow:auto}.langs button{border:1px solid var(--line);background:var(--white);border-radius:999px;padding:8px 12px;font-size:14px}.langs button[aria-pressed=true]{background:var(--leaf);color:var(--oat);border-color:var(--leaf)}.style-pick{grid-template-columns:1fr 1fr;gap:12px;display:grid}.style-pick button{text-align:left;background:0 0;border:2px solid #0000;border-radius:16px;gap:6px;padding:0;display:grid}.style-pick .pic{aspect-ratio:3/4;background:var(--tint);border-radius:14px;overflow:hidden}.style-pick img{object-fit:cover;width:100%;height:100%}.style-pick b{font:400 18px/1.1 var(--display);padding:0 4px}.style-pick span{color:var(--soft);padding:0 4px 6px;font-size:12.5px}.style-pick button[aria-pressed=true] .pic{outline:3px solid var(--sage);outline-offset:3px}@media (min-width:760px){.style-pick{grid-template-columns:repeat(3,1fr)}}.pb{grid-template-columns:minmax(0,1fr);gap:22px;max-width:1160px;margin:0 auto;display:grid}.pb-left{justify-items:center;gap:10px;min-width:0;display:grid}.pv{box-sizing:border-box;background:#1f2a1d;border-radius:44px;width:340px;max-width:100%;height:min(640px,72dvh);min-height:460px;padding:10px;position:relative;box-shadow:0 40px 70px -30px #1f2a1d8c}.pv:after{content:"";z-index:3;pointer-events:none;background:#1f2a1d;border-radius:14px;width:84px;height:22px;position:absolute;top:18px;left:50%;translate:-50%}.pv .screen{scrollbar-width:none;overscroll-behavior:contain;background:#efe7da;border-radius:35px;height:100%;position:relative;overflow:hidden auto}.pv .screen::-webkit-scrollbar{display:none}.pb-left .hint{color:var(--soft);text-align:center;font-size:13px}.pb-right{align-content:start;gap:18px;min-width:0;display:grid}.counter{background:var(--white);border:1px solid var(--line);font:600 13.5px/1 var(--body);border-radius:999px;justify-self:start;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.counter i{color:var(--soft);font-style:normal;font-weight:500}.order{border-radius:var(--r);background:var(--white);border:1px solid var(--line-2);flex-wrap:wrap;gap:6px;padding:12px;display:flex}.order .lbl{width:100%;font:600 11.5px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin:2px 2px 6px}.order button{border:1px solid var(--line);background:var(--oat);font:500 13px/1 var(--body);touch-action:none;border-radius:999px;align-items:center;gap:6px;padding:8px 12px 8px 9px;display:inline-flex}.order button:before{content:"⋮⋮";letter-spacing:-2px;color:#a8ab9f;font-size:10px}.order button.drag{opacity:.4}.order button.over{box-shadow:inset 3px 0 0 var(--sage)}.shelf-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.shelf-head h3{font-size:22px}.filters{flex-wrap:wrap;gap:4px;display:flex}.filters button{font:500 13px/1 var(--body);color:var(--soft);background:0 0;border:0;border-radius:999px;padding:8px 12px}.filters button.on{background:var(--tint);color:var(--leaf)}.shelf{scroll-snap-type:x mandatory;grid-auto-columns:148px;grid-auto-flow:column;gap:10px;padding-bottom:10px;display:grid;overflow-x:auto}.card{text-align:left;border:1px solid var(--line);background:var(--white);border-radius:var(--r);scroll-snap-align:start;align-content:start;gap:7px;padding:8px 8px 12px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card .thumb{aspect-ratio:4/3;background:#f3ece0;border-radius:9px;place-items:center;display:grid;overflow:hidden}.card .thumb img{object-fit:cover;width:100%;height:100%}.card .thumb svg{width:100%;height:100%}.card b{font:500 14.5px/1.2 var(--body);padding:0 3px}.card small{color:var(--soft);padding:0 3px;font-size:12px;line-height:1.35}.card .tick{width:26px;height:26px;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--sage);background:#ffffffeb;border-radius:50%;place-items:center;font-size:15px;font-weight:700;display:grid;position:absolute;top:14px;right:14px}.card[aria-pressed=true]{border-color:var(--sage);box-shadow:inset 0 0 0 1px var(--sage)}.card[aria-pressed=true] .tick{background:var(--sage);color:#fff;box-shadow:none}.card .tag{font:700 10px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;background:var(--blush);color:var(--leaf);border-radius:999px;padding:5px 7px;position:absolute;top:14px;left:14px}.nudge{color:#7a5a3a;background:var(--blush-l);border-radius:12px;padding:10px 14px;font-size:13.5px}@media (min-width:980px){.pb{grid-template-columns:370px 1fr;align-items:start;gap:44px}.pb-left{position:sticky;top:76px}.shelf{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-columns:auto;grid-auto-flow:row;overflow:visible}}.scrim{z-index:70;opacity:0;pointer-events:none;background:#1f2a1d59;transition:opacity .2s;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.sheet{z-index:71;background:var(--paper);width:min(560px,100%);max-height:88dvh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:26px 26px 0 0;grid-template-rows:auto auto 1fr auto;transition:translate .28s cubic-bezier(.2,.8,.2,1);display:grid;position:fixed;bottom:0;left:50%;translate:-50% 105%;box-shadow:0 -20px 50px -20px #1f2a1d66}.sheet.open{translate:-50%}.sheet .grab{background:var(--line);border-radius:5px;width:44px;height:5px;margin:10px auto 0}.sheet header{gap:4px;padding:10px 22px 4px;display:grid}.sheet header h3{font-size:26px}.sheet .body{align-content:start;gap:18px;padding:10px 22px;display:grid;overflow:auto}.sheet footer{border-top:1px solid var(--line-2);flex-wrap:wrap;gap:6px;padding:12px 22px 16px;display:flex}.sheet footer .btn{min-height:44px}.sheet footer .grow{margin-left:auto}.wfm{background:var(--tint);color:var(--sage);font:600 12.5px/1 var(--body);white-space:nowrap;border:0;border-radius:999px;padding:8px 12px}.wfm[aria-pressed=true]{background:var(--sage);color:#fff}.drafting{color:var(--sage);background:var(--tint);border-radius:12px;padding:12px 14px;font-size:14px}.empty-note{color:var(--soft);background:var(--tint);border-radius:12px;padding:14px 16px;font-size:14.5px}.genres{scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.genres button{border:1px solid var(--line);background:var(--white);font:500 13.5px/1 var(--body);white-space:nowrap;border-radius:999px;padding:9px 14px}.genres button.on{background:var(--leaf);color:var(--oat);border-color:var(--leaf)}.tracks{gap:8px;display:grid}.track{background:var(--white);border:1px solid var(--line);border-radius:16px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.track.chosen{border-color:var(--sage);box-shadow:inset 0 0 0 1px var(--sage);background:var(--tint)}.track .play{background:var(--sage);color:#fff;border:0;border-radius:50%;place-items:center;width:48px;height:48px;font-size:15px;display:grid}.track .meta{gap:2px;min-width:0;display:grid}.track .meta b{font-weight:600}.track .meta span{color:var(--soft);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.track .prog{background:var(--line);border-radius:3px;height:3px;margin-top:4px;overflow:hidden}.track .prog i{background:var(--sage);height:100%;display:block}.drop{border:2px dashed var(--line);background:var(--white);text-align:center;cursor:pointer;border-radius:18px;place-items:center;gap:8px;padding:28px 18px;display:grid}.drop:hover,.drop.over{border-color:var(--sage);background:var(--tint)}.photos{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.photo{background:var(--tint);aspect-ratio:1;border-radius:12px;position:relative;overflow:hidden}.photo img,.photo video{object-fit:cover;width:100%;height:100%}.photo .p-bar{background:#fff9;border-radius:4px;height:4px;position:absolute;bottom:6px;left:6px;right:6px;overflow:hidden}.photo .p-bar i{background:var(--sage);height:100%;display:block}.photo .tags{flex-wrap:wrap;gap:3px;display:flex;position:absolute;inset:auto 4px 4px}.photo .tags button{font:600 10.5px/1 var(--body);color:var(--leaf);background:#ffffffe0;border:0;border-radius:999px;padding:5px 7px}.photo .tags button[aria-pressed=true]{background:var(--sage);color:#fff}.photo .rm{color:#fff;background:#00000080;border:0;border-radius:50%;width:28px;height:28px;position:absolute;top:4px;right:4px}.photo .err{color:#fff;text-align:center;background:#8b3a2ebf;place-items:center;padding:8px;font-size:12px;display:grid;position:absolute;inset:0}@media (min-width:640px){.photos{grid-template-columns:repeat(4,1fr)}}.pk{gap:10px;display:grid}.pk-tier{text-align:left;border:1px solid var(--line);background:var(--white);border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:16px 18px;display:grid;position:relative}.pk-tier b{font:400 22px/1 var(--display)}.pk-tier .pp{font:300 28px/1 var(--display)}.pk-tier small{color:var(--soft);grid-column:1/-1;font-size:13.5px}.pk-tier[aria-pressed=true]{border-color:var(--sage);box-shadow:inset 0 0 0 2px var(--sage)}.pk-tier.signature .most{font:700 10.5px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;background:var(--blush);color:var(--leaf);border-radius:999px;padding:6px 9px;position:absolute;top:-10px;right:16px}.pk-tier.heirloom[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--gold);border-color:var(--gold)}.addon{background:var(--white);border:1px solid var(--line);cursor:pointer;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 14px;display:grid}.addon input{width:22px;height:22px;accent-color:var(--sage);margin:0}.addon small{color:var(--soft);font-size:12.5px;display:block}.addon b{white-space:nowrap;font-weight:600}.totals{background:var(--paper);border:1px solid var(--line-2);border-radius:18px;gap:6px;padding:16px 18px;font-size:14.5px;display:grid}.totals div{justify-content:space-between;gap:12px;display:flex}.totals .grand{font:500 20px/1.2 var(--display);border-top:1px solid var(--line-2);padding-top:8px}.problems{background:var(--blush-l);color:#6b4a33;border-radius:14px;gap:6px;padding:14px 16px;font-size:14px;display:grid}.problems ul{margin:0;padding-left:18px}.notice.warn{color:#6b4a1a;background:#fbf1dc;margin-top:8px}.photo-notes{gap:6px;margin:10px 0 0;padding:0;font-size:13.5px;list-style:none;display:grid}.photo-notes li{color:#6b4a1a;background:#fbf1dc;border-radius:10px;padding:9px 12px}.photo-notes li.bad{color:#7e3328;background:#f8e1dc}.field.agree{gap:8px}