:root{--table:#C9B79E;--page:#F2E9DA;--page-edge:#E4D6C0;--page-hi:#FBF5EA;--ink:#34302A;--muted:#8A7F70;--rose:#D5808C;--rose-deep:#B5646E;--sage:#8FB2A2;--mustard:#E0AB57;--cover:#6E5566;--line:rgba(52,48,42,.14);--shadow:rgba(52,40,28,.28);--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--round:ui-rounded,"SF Pro Rounded","Nunito",var(--sans);--script:"Snell Roundhand","Segoe Script","Bradley Hand",cursive}@media (prefers-color-scheme:dark){:root{--table:#1A1613;--page:#2B2621;--page-edge:#211D19;--page-hi:#332C25;--ink:#ECE2D3;--muted:#A99C89;--rose:#E0929D;--rose-deep:#C97B87;--sage:#9CC0B0;--mustard:#E7B968;--cover:#7C6274;--line:rgba(236,226,211,.15);--shadow:rgba(0,0,0,.5)}}:root[data-theme=light]{--table:#C9B79E;--page:#F2E9DA;--page-edge:#E4D6C0;--page-hi:#FBF5EA;--ink:#34302A;--muted:#8A7F70;--rose:#D5808C;--rose-deep:#B5646E;--sage:#8FB2A2;--mustard:#E0AB57;--cover:#6E5566;--line:rgba(52,48,42,.14);--shadow:rgba(52,40,28,.28)}:root[data-theme=dark]{--table:#1A1613;--page:#2B2621;--page-edge:#211D19;--page-hi:#332C25;--ink:#ECE2D3;--muted:#A99C89;--rose:#E0929D;--rose-deep:#C97B87;--sage:#9CC0B0;--mustard:#E7B968;--cover:#7C6274;--line:rgba(236,226,211,.15);--shadow:rgba(0,0,0,.5)}*{box-sizing:border-box}body{margin:0}#root{min-height:100%}.wrap{min-height:100vh;color:var(--ink);font-family:var(--sans);background:radial-gradient(120% 80% at 50% -10%,color-mix(in srgb,var(--table) 82%,#fff) 0%,var(--table) 55%,color-mix(in srgb,var(--table) 78%,#000) 100%);display:flex;flex-direction:column}.bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px clamp(14px,4vw,34px);background:color-mix(in srgb,var(--table) 70%,#000 8%);border-bottom:1px solid rgba(0,0,0,.12);position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:19px;background:linear-gradient(150deg,var(--rose),var(--rose-deep));color:#fff;box-shadow:0 3px #00000024,inset 0 1px #ffffff59;transform:rotate(-4deg)}.brand b{font-family:var(--round);font-size:17px;letter-spacing:.2px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.25)}.brand small{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb8}.tabs{display:flex;gap:6px;background:#00000024;padding:4px;border-radius:12px}.tab{font-family:var(--round);font-size:13px;font-weight:600;color:#ffffffd1;border:0;background:transparent;padding:7px 13px;border-radius:9px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s;display:inline-flex;align-items:center;gap:6px}.tab[aria-selected=true]{background:var(--page);color:var(--ink);box-shadow:0 2px 5px #0003}.tab:focus-visible{outline:2px solid var(--mustard);outline-offset:2px}.prog{font-family:var(--round);font-weight:700;font-size:13px;color:#fff;display:flex;align-items:center;gap:8px}.prog .ring{width:26px;height:26px}.prog small{font-weight:500;color:#ffffffb8}.btn{font-family:var(--round);font-weight:700;font-size:14px;cursor:pointer;border:0;border-radius:11px;padding:9px 16px;color:#fff;background:linear-gradient(180deg,var(--rose),var(--rose-deep));box-shadow:0 3px color-mix(in srgb,var(--rose-deep) 70%,#000),0 6px 14px var(--shadow);transition:transform .08s,box-shadow .08s;display:inline-flex;align-items:center;gap:7px}.btn:active{transform:translateY(2px);box-shadow:0 1px color-mix(in srgb,var(--rose-deep) 70%,#000)}.btn:focus-visible{outline:2px solid var(--mustard);outline-offset:2px}.icon-btn{width:36px;height:36px;border-radius:10px;border:0;cursor:pointer;font-size:16px;background:#ffffff29;color:#fff;display:grid;place-items:center}.icon-btn:focus-visible{outline:2px solid var(--mustard);outline-offset:2px}.stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(16px,4vw,40px) 12px 8px;gap:14px;perspective:1800px}.album{position:relative;width:min(94vw,960px);aspect-ratio:16/10;display:grid;grid-template-columns:1fr 1fr;border-radius:12px;box-shadow:0 26px 50px -12px var(--shadow),0 6px 16px #0000002e;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .35s;transform-style:preserve-3d}.album.turn-next{transform:rotateY(-9deg) translate(-1%);opacity:.55}.album.turn-prev{transform:rotateY(9deg) translate(1%);opacity:.55}@media (prefers-reduced-motion:reduce){.album{transition:opacity .2s}.album.turn-next,.album.turn-prev{transform:none}}.page{position:relative;padding:clamp(14px,2.6vw,30px);background:linear-gradient(var(--page),var(--page)) padding-box,repeating-linear-gradient(0deg,transparent 0 22px,rgba(0,0,0,.012) 22px 23px);display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:clamp(10px,2vw,22px)}.page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 100% at 50% 0%,var(--page-hi),transparent 60%);opacity:.5;mix-blend-mode:soft-light}.page.left{border-radius:12px 0 0 12px;box-shadow:inset -22px 0 34px -22px #0006}.page.right{border-radius:0 12px 12px 0;box-shadow:inset 22px 0 34px -22px #0006}.spine{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:linear-gradient(90deg,#00000029,#00000047,#00000029);z-index:5}.pagenum{position:absolute;bottom:8px;font-family:var(--script);font-size:15px;color:var(--muted)}.page.left .pagenum{left:16px}.page.right .pagenum{right:16px}.slot{position:relative;cursor:pointer}.slot.polaroid{background:#fff;padding:9px 9px 34px;border-radius:3px;box-shadow:0 4px 12px var(--shadow),0 1px #0000000f}.slot.polaroid{--pf:#fff}@media (prefers-color-scheme:dark){.slot.polaroid{background:#f4efe7}}:root[data-theme=light] .slot.polaroid{background:#fff}:root[data-theme=dark] .slot.polaroid{background:#f4efe7}.tape{position:absolute;top:-11px;left:50%;width:74px;height:24px;transform:translate(-50%) rotate(-3deg);background:color-mix(in srgb,var(--sage) 70%,transparent);border:1px solid rgba(255,255,255,.35);box-shadow:0 1px 3px #00000026;z-index:3}.slot:nth-child(2n) .tape{background:color-mix(in srgb,var(--rose) 62%,transparent);transform:translate(-50%) rotate(4deg)}.slot:nth-child(3n) .tape{background:color-mix(in srgb,var(--mustard) 66%,transparent)}.well{position:relative;overflow:hidden;background:repeating-linear-gradient(45deg,#efe7d8 0,#efe7d8 10px,#e9e0cf 10px,#e9e0cf 20px);border-radius:2px;display:grid;place-items:center;touch-action:none;outline:2px dashed color-mix(in srgb,var(--muted) 60%,transparent);outline-offset:-6px}.slot.filled .well{outline:0;background:#ddd}.well img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform;display:block}.addhint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-family:var(--round);font-weight:600;font-size:13px;pointer-events:none;text-align:center;padding:8px}.addhint .plus{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:22px;color:#fff;background:linear-gradient(150deg,var(--rose),var(--rose-deep));box-shadow:0 3px 8px var(--shadow)}.slot.filled .addhint{display:none}.cap{position:absolute;left:9px;right:9px;bottom:7px;height:24px;border:0;background:transparent;font-family:var(--script);font-size:17px;color:#4a4038;text-align:center;width:calc(100% - 18px)}.cap:focus{outline:0;background:color-mix(in srgb,var(--mustard) 22%,transparent);border-radius:4px}.cap::placeholder{color:#b3a794}.slot.sel{z-index:6}.slot.sel .well{box-shadow:0 0 0 3px var(--mustard),0 0 0 6px color-mix(in srgb,var(--mustard) 35%,transparent)}.slot.plain{background:#fff;padding:7px;border-radius:2px;box-shadow:0 4px 12px var(--shadow)}:root[data-theme=dark] .slot.plain{background:#f4efe7}.slot.thin{background:#fff;padding:5px;border-radius:8px;box-shadow:0 3px 8px var(--shadow);margin-top:16px}:root[data-theme=dark] .slot.thin{background:#f4efe7}.slot.thin:after{content:"";position:absolute;top:1px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#7c8089,#2b2d31);box-shadow:0 0 0 1px #00000026;z-index:4}.slot.thin:before{content:"";position:absolute;top:-13px;left:50%;transform:translate(-50%);width:15px;height:15px;border-radius:50%;background:transparent;border:3px solid;border-color:#d6d9de #a9adb5 #90949c #c4c7ce;box-shadow:0 1px 2px #00000047;z-index:3}.slot.plain .cap,.slot.thin .cap{display:none}.slot.plain .well,.slot.thin .well{border-radius:4px}.slot.thin .addhint{font-size:0;gap:0}.slot.thin .addhint .plus{width:24px;height:24px;font-size:15px}.adjust{position:fixed;left:50%;bottom:0;z-index:50;width:min(94vw,960px);display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;padding:10px 12px;border-radius:14px 14px 0 0;background:color-mix(in srgb,var(--page) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);border-bottom:0;box-shadow:0 -8px 24px -14px var(--shadow);transform:translate(-50%) translateY(120%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}.adjust.show{transform:translate(-50%) translateY(0)}.adjust .lbl{font-family:var(--round);font-weight:700;font-size:12.5px;color:var(--muted);letter-spacing:.03em;margin-right:2px}.tool{border:1px solid var(--line);background:color-mix(in srgb,var(--page-hi) 80%,transparent);color:var(--ink);font-family:var(--round);font-weight:600;font-size:13px;border-radius:10px;padding:8px 11px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.tool:hover{border-color:var(--rose)}.tool:focus-visible{outline:2px solid var(--mustard);outline-offset:2px}.tool.warn{color:var(--rose-deep);border-color:color-mix(in srgb,var(--rose) 45%,var(--line))}.sep{width:1px;height:24px;background:var(--line)}.nav{display:flex;align-items:center;gap:16px;padding:4px 0 16px}.nav button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.12);cursor:pointer;font-size:18px;background:var(--page);color:var(--ink);box-shadow:0 4px 10px var(--shadow);transition:transform .08s}.nav button:active{transform:scale(.94)}.nav button:disabled{opacity:.4;cursor:default}.nav button:focus-visible{outline:2px solid var(--mustard);outline-offset:2px}.dots{display:flex;gap:7px}.dot{width:8px;height:8px;border-radius:50%;background:#fff6;cursor:pointer;border:0}.dot.on{background:#fff;transform:scale(1.35)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#140e0a80;display:none;align-items:center;justify-content:center;z-index:60;padding:16px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.scrim.show{display:flex}.sheet{background:var(--page);color:var(--ink);border-radius:18px;width:min(440px,100%);padding:22px;box-shadow:0 30px 70px #0006;border:1px solid var(--line)}.sheet h3{font-family:var(--round);margin:0 0 4px;font-size:20px}.sheet p.sub{margin:0 0 16px;color:var(--muted);font-size:13.5px}.row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:14px}.row b{font-variant-numeric:tabular-nums}.row.total{border-bottom:0;font-size:16px;font-family:var(--round);font-weight:800;padding-top:12px}.row.total b{color:var(--rose-deep)}.steps{display:flex;gap:8px;margin:14px 0 4px;font-size:11.5px;color:var(--muted);flex-wrap:wrap}.steps span{background:color-mix(in srgb,var(--sage) 22%,transparent);padding:5px 9px;border-radius:20px}.steps span.next{background:color-mix(in srgb,var(--rose) 24%,transparent);color:var(--rose-deep);font-weight:700}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%) translateY(140%);background:var(--ink);color:var(--page);font-family:var(--round);font-weight:600;font-size:13px;padding:10px 16px;border-radius:12px;box-shadow:0 10px 30px #00000059;z-index:70;transition:transform .3s;max-width:88vw;text-align:center}.toast.show{transform:translate(-50%)}.bulkchip{font-family:var(--round);font-weight:700;font-size:13.5px;cursor:pointer;border:1px solid rgba(255,255,255,.22);color:#fff;background:#00000038;padding:9px 16px;border-radius:22px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px var(--shadow);transition:transform .08s,border-color .15s}.bulkchip:hover{border-color:var(--rose)}.bulkchip:active{transform:scale(.96)}.bulkchip:focus-visible{outline:2px solid var(--mustard);outline-offset:2px}.nav button,.bn-nav{display:grid;place-items:center}.icon-btn svg,.btn svg,.tab svg,.tool svg,.bn-nav svg,.nav button svg,.bulkchip svg,.di-label svg,.drawer-head b svg{display:block;flex:0 0 auto}.di-label,.drawer-head b{display:inline-flex;align-items:center;gap:8px}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#140e0a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s}.drawer-scrim.show{opacity:1;pointer-events:auto}.drawer{position:absolute;top:0;left:0;bottom:0;width:min(82vw,320px);background:var(--page);color:var(--ink);box-shadow:2px 0 30px #00000059;transform:translate(-100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;padding:14px;overflow-y:auto}.drawer.show{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 12px}.drawer-head b{font-family:var(--round);font-size:18px}.drawer-head button{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;font-size:15px}.drawer-sec{font-family:var(--round);font-weight:700;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:12px 8px 6px}.drawer-item{display:flex;flex-direction:column;gap:2px;text-align:left;padding:11px 12px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--ink);cursor:pointer}.drawer-item:hover{background:color-mix(in srgb,var(--page-hi) 70%,transparent)}.drawer-item.on{border-color:var(--rose);background:color-mix(in srgb,var(--rose) 14%,transparent)}.di-label{font-family:var(--round);font-weight:700;font-size:15px}.di-meta{font-size:12px;color:var(--muted)}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;align-items:center;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--table) 80%,#000 6%);border-top:1px solid rgba(0,0,0,.18)}.bn-nav{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#ffffff1f;color:#fff;font-size:18px;cursor:pointer}.bn-nav:disabled{opacity:.35}.bn-page{font-family:var(--round);font-weight:700;font-size:13px;color:#fff}.bn-print{margin-left:auto}.uploading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:none;align-items:center;justify-content:center;background:#140e0a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}.uploading.show{display:flex}.up-card{background:var(--page);color:var(--ink);border-radius:18px;padding:26px 28px;width:min(320px,100%);text-align:center;box-shadow:0 30px 70px #0006;border:1px solid var(--line)}.up-spin{width:40px;height:40px;margin:0 auto 14px;border-radius:50%;border:4px solid color-mix(in srgb,var(--rose) 30%,transparent);border-top-color:var(--rose-deep);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.up-title{font-family:var(--round);font-weight:800;font-size:16px}.up-count{font-size:13px;color:var(--muted);margin:4px 0 14px;font-variant-numeric:tabular-nums}.up-bar{height:8px;border-radius:6px;background:color-mix(in srgb,var(--muted) 25%,transparent);overflow:hidden}.up-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--rose),var(--rose-deep));transition:width .2s}@media (max-width:640px){.brand small,.prog small{display:none}.bar-mobile{flex-wrap:nowrap;justify-content:space-between;gap:10px}.album{aspect-ratio:3/4}.album{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.page.left{border-radius:12px 12px 0 0;box-shadow:inset 0 -18px 28px -20px #0006}.page.right{border-radius:0 0 12px 12px;box-shadow:inset 0 18px 28px -20px #0006}.spine{top:50%;left:0;right:0;bottom:auto;width:auto;height:2px;transform:translateY(-50%)}.nav{display:none}.stage{padding-bottom:88px}.adjust{width:100%;left:0;transform:translate(0) translateY(120%);border-radius:14px 14px 0 0}.adjust.show{transform:translate(0) translateY(0)}}.admin{height:100vh;overflow:hidden;display:flex;flex-direction:column;color:var(--ink);background:color-mix(in srgb,var(--table) 22%,var(--page));font-family:var(--sans)}.ad-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px clamp(14px,3vw,26px);background:color-mix(in srgb,var(--table) 70%,#000 8%);border-bottom:1px solid rgba(0,0,0,.12)}.ad-brand{display:flex;align-items:center;gap:10px;margin-right:auto}.ad-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,var(--rose),var(--rose-deep));box-shadow:0 3px #00000024}.ad-brand b{font-family:var(--round);font-size:16px;color:#fff}.ad-brand small{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3}.ad-search{display:flex;align-items:center;gap:7px;background:#ffffff24;color:#fff;padding:7px 11px;border-radius:10px}.ad-search input{border:0;background:transparent;color:#fff;font-size:13px;font-family:var(--sans);outline:0;width:150px}.ad-search input::placeholder{color:#fff9}.ad-filters{display:flex;gap:6px;flex-wrap:wrap;padding:10px clamp(14px,3vw,26px);background:color-mix(in srgb,var(--table) 40%,var(--page));border-bottom:1px solid var(--line)}.ad-fil{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);cursor:pointer;background:var(--page);color:var(--ink);font-family:var(--round);font-weight:600;font-size:12.5px;padding:6px 12px;border-radius:20px}.ad-fil:hover{border-color:var(--rose)}.ad-fil.on{background:var(--ink);color:var(--page);border-color:var(--ink)}.ad-fil .cnt{font-variant-numeric:tabular-nums;opacity:.7;font-weight:700}.ad-body{flex:1;display:grid;grid-template-columns:minmax(320px,380px) 1fr;min-height:0}.ad-body.solo{grid-template-columns:1fr}.ad-queue{overflow-y:auto;border-right:1px solid var(--line);padding:10px}.ad-group{margin-bottom:14px}.ad-group-h{display:flex;align-items:center;gap:8px;padding:8px 10px 6px;color:var(--muted)}.ad-group-h b{font-family:var(--round);font-size:13px;color:var(--ink)}.ad-group-h .sub{font-size:11.5px}.ad-card{width:100%;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;background:var(--page);border:1px solid var(--line);border-radius:12px;padding:11px 12px;margin-bottom:8px;transition:border-color .15s,transform .06s}.ad-card:hover{border-color:var(--rose)}.ad-card.sel{border-color:var(--rose-deep);box-shadow:0 0 0 2px color-mix(in srgb,var(--rose) 30%,transparent)}.ad-card .kode{font-family:var(--round);font-weight:700;font-size:13px}.ad-card .meta{font-size:11.5px;color:var(--muted);margin-top:2px}.ad-card .right{margin-left:auto;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.ad-card .amt{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--round);font-weight:700;font-size:11px;padding:3px 9px;border-radius:20px;white-space:nowrap}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.badge.menunggu_bayar{color:#b58a2e;background:color-mix(in srgb,#E0AB57 22%,transparent)}.badge.dibayar{color:#3b6ea5;background:color-mix(in srgb,#7C9EC9 24%,transparent)}.badge.diproses{color:#7a5aa6;background:color-mix(in srgb,#a98bd0 26%,transparent)}.badge.dikirim{color:#2f8a7a;background:color-mix(in srgb,#8FB2A2 30%,transparent)}.badge.selesai{color:#3f7a3f;background:color-mix(in srgb,#9CB380 32%,transparent)}.ad-detail{overflow-y:auto;padding:clamp(16px,3vw,28px)}.ad-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);text-align:center;font-family:var(--round)}.ad-back{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--line);color:var(--ink);font-family:var(--round);font-weight:600;font-size:13px;padding:7px 12px;border-radius:10px;cursor:pointer;margin-bottom:14px}.ad-head{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:6px}.ad-head h1{font-family:var(--round);font-size:22px;margin:0}.ad-head .when{font-size:12px;color:var(--muted);margin-top:3px}.ad-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}@media (max-width:600px){.ad-grid{grid-template-columns:1fr}}.ad-panel{background:var(--page);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.ad-panel h3{font-family:var(--round);font-size:13px;margin:0 0 10px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;gap:7px}.ad-line{display:flex;gap:8px;font-size:13.5px;padding:3px 0}.ad-line .k{color:var(--muted);min-width:74px}.ad-line .v{color:var(--ink);font-weight:500}.ad-thumbimg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ad-gate{max-width:340px;margin:14vh auto;text-align:center;display:flex;flex-direction:column;gap:10px;padding:0 20px}.ad-gate h1{font-size:22px;margin:0}.ad-gate p{color:var(--muted);margin:0 0 6px}.ad-gate input{border:1px solid var(--line);border-radius:10px;padding:11px 13px;font-size:15px;background:var(--page);color:var(--ink)}.ad-gate button{background:#c98b6a;color:#fff;border:0;border-radius:10px;padding:11px;font-weight:800;cursor:pointer}.ad-gate button:disabled{opacity:.5}.ad-err{color:#d9534f;font-size:13px}.ad-ship{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:640px){.ad-ship{grid-template-columns:1fr}}.ad-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.ad-input{border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:14px;color:var(--ink);background:var(--page)}.ad-input:focus{outline:none;border-color:#c98b6a}.ad-row{display:flex;justify-content:space-between;font-size:13.5px;padding:5px 0;border-bottom:1px dashed var(--line)}.ad-row b{font-variant-numeric:tabular-nums}.ad-row.tot{border-bottom:0;font-family:var(--round);font-weight:800;font-size:15px;padding-top:9px}.ad-row.tot b{color:var(--rose-deep)}.ad-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;margin-top:4px}.ad-thumb{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid var(--line)}.ad-thumb .idx{position:absolute;top:3px;left:4px;font-size:10px;font-weight:700;color:#fff;background:#00000059;padding:1px 5px;border-radius:6px}.ad-thumb .cap{position:absolute;left:0;right:0;bottom:0;font-family:var(--script);font-size:12px;color:#fff;background:linear-gradient(transparent,#00000080);padding:8px 4px 3px;text-align:center}.ad-actions{display:flex;flex-direction:column;gap:14px}.ad-pipe{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ad-step{font-family:var(--round);font-weight:600;font-size:11.5px;padding:5px 10px;border-radius:20px;border:1px solid var(--line);background:var(--page);color:var(--muted);cursor:pointer}.ad-step.done{color:var(--ink);border-color:var(--rose)}.ad-step.cur{background:var(--ink);color:var(--page);border-color:var(--ink)}.ad-step .sep{color:var(--muted)}.ad-btns{display:flex;gap:8px;flex-wrap:wrap}.ad-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:0;border-radius:11px;padding:10px 16px;font-family:var(--round);font-weight:700;font-size:14px}.ad-btn.primary{color:#fff;background:linear-gradient(180deg,var(--rose),var(--rose-deep));box-shadow:0 3px color-mix(in srgb,var(--rose-deep) 70%,#000)}.ad-btn.primary:active{transform:translateY(2px);box-shadow:none}.ad-btn.ghost{background:var(--page);border:1px solid var(--line);color:var(--ink)}.ad-btn.ghost:hover{border-color:var(--rose)}.ad-note{font-size:11.5px;color:var(--muted);margin-top:2px}@media (max-width:820px){.ad-body{grid-template-columns:1fr}.ad-queue{border-right:0}.ad-search input{width:110px}}