/* NND shirt builder */
.nnd-ap{--ap-bg:#0f1f30;--ap-bg2:#0b1420;--ap-line:#2c4561;--ap-acc:#24abe2;--ap-tx:#eaf6fc;--ap-mu:#9db3c5;--ap-gold:#f6c344;font-family:'Albert Sans',system-ui,sans-serif;color:var(--ap-tx);width:100%;margin:8px 0 18px}
.nnd-ap *{box-sizing:border-box}
.nnd-ap button{font:inherit;color:inherit;cursor:pointer;text-transform:none;letter-spacing:normal;min-height:0;line-height:1.3;box-shadow:none}
.nnd-ap-loading{color:var(--ap-mu)}
.nnd-ap-tbd{font-size:.7em;color:var(--ap-gold);font-weight:700}
.ap-step{background:var(--ap-bg);border:1px solid var(--ap-line);border-radius:18px;padding:18px;margin:0 0 14px}
.ap-step-h{display:flex;gap:12px;align-items:flex-start;margin:0 0 14px}
.ap-step-h h3{margin:2px 0 0!important;font:600 18px/1.25 'Fredoka',sans-serif!important;color:var(--ap-tx)!important;text-transform:none!important}
.ap-step-h p{margin:3px 0 0!important;color:var(--ap-mu);font-size:13.5px}
.ap-num{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#16314b;border:1px solid var(--ap-line);font:700 14px 'Fredoka',sans-serif;color:var(--ap-acc)}
.ap-num.done{background:var(--ap-acc);color:#06121d;border-color:var(--ap-acc)}
/* method */
.ap-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ap-method{display:grid!important;grid-template-columns:44px 1fr;gap:4px 12px;text-align:left;padding:16px!important;border-radius:14px!important;border:1.5px solid var(--ap-line)!important;background:var(--ap-bg2)!important;transition:border-color .15s,box-shadow .15s}
.ap-method:hover{border-color:#47729a!important}
.ap-method.on{border-color:var(--ap-acc)!important;box-shadow:0 0 0 3px rgba(36,171,226,.18)!important}
.ap-method-ic{grid-row:1/3;width:44px;height:44px;border-radius:12px;background:#16314b;display:grid;place-items:center;color:var(--ap-acc)}
.ap-method-ic svg{width:30px;height:30px}
.ap-method-t b{display:block;font:600 17px 'Fredoka',sans-serif}
.ap-method-t em{font-style:normal;font-size:12.5px;color:var(--ap-acc);font-weight:600}
.ap-method-d{grid-column:1/-1;color:var(--ap-mu);font-size:13.5px;margin-top:6px}
/* tabs, tools */
.ap-tabs{display:flex;gap:6px;border-bottom:1px solid var(--ap-line);margin:0 0 14px}
.ap-tabs button{background:none!important;border:0!important;border-bottom:2px solid transparent!important;padding:8px 12px!important;color:var(--ap-mu)!important;font-weight:600!important;border-radius:0!important}
.ap-tabs button[aria-selected=true]{color:var(--ap-tx)!important;border-bottom-color:var(--ap-acc)!important}
.ap-tabs span{display:inline-block;min-width:22px;padding:0 6px;margin-left:4px;border-radius:999px;background:#16314b;font-size:12px;color:var(--ap-acc)}
.ap-lib-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 12px}
.nnd-ap input.ap-search{flex:1 1 200px;height:40px!important;border-radius:999px!important;border:1px solid var(--ap-line)!important;background:var(--ap-bg2)!important;color:var(--ap-tx)!important;padding:0 16px!important}
.ap-chips{display:flex;flex-wrap:wrap;gap:6px}
.ap-chip{padding:6px 12px!important;border-radius:999px!important;border:1px solid var(--ap-line)!important;background:var(--ap-bg2)!important;font-size:13px!important;color:var(--ap-mu)!important}
.ap-chip.on{background:var(--ap-acc)!important;border-color:var(--ap-acc)!important;color:#06121d!important;font-weight:700!important}
/* grid */
.ap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.ap-tile{position:relative;display:flex!important;flex-direction:column;gap:6px;padding:8px!important;border-radius:14px!important;border:1.5px solid var(--ap-line)!important;background:var(--ap-bg2)!important;text-align:center}
.ap-tile:hover{border-color:#47729a!important}
.ap-tile.on{border-color:var(--ap-acc)!important;box-shadow:0 0 0 3px rgba(36,171,226,.18)!important}
.ap-tile-img{aspect-ratio:1;border-radius:10px;display:grid;place-items:center;overflow:hidden;background:#fff}
.ap-tile-img img{width:100%;height:100%;object-fit:contain;padding:6px}
.ap-tile-n{font-size:12.5px;color:var(--ap-tx);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-tick{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--ap-acc);color:#06121d;font-weight:800;font-size:13px;display:none;place-items:center}
.ap-tile.on .ap-tick{display:grid}
.ap-warn{font-size:11px;color:#06121d;background:var(--ap-gold);border-radius:999px;padding:1px 6px;align-self:center}
.ap-pdf{font:800 18px 'Fredoka',sans-serif;color:#c8102e}
.ap-spin{width:26px;height:26px;border-radius:50%;border:3px solid #cbd5df;border-top-color:var(--ap-acc);animation:apspin 1s linear infinite}
@keyframes apspin{to{transform:rotate(360deg)}}
.ap-more,.ap-add{margin-top:10px;background:none!important;border:1px dashed var(--ap-line)!important;border-radius:999px!important;padding:8px 14px!important;color:var(--ap-acc)!important;font-weight:600!important;font-size:13.5px!important}
.ap-empty,.ap-selcount{color:var(--ap-mu);font-size:13.5px;margin:10px 0 0!important}
.ap-selcount{color:var(--ap-acc);font-weight:600}
/* upload */
.ap-drop{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:24px 16px;border:1.5px dashed #3b5f80;border-radius:16px;background:var(--ap-bg2);cursor:pointer;margin:0 0 12px}
.ap-drop.over,.ap-drop:hover,.ap-drop:focus{border-color:var(--ap-acc);outline:0}
.ap-drop input{position:absolute;width:1px;height:1px;opacity:0}
.ap-drop-ic{font-size:26px;color:var(--ap-acc)}
.ap-drop b{font-weight:700}
.ap-drop span:last-child{font-size:13px;color:var(--ap-mu)}
.ap-tip{font-size:13px;color:var(--ap-mu);margin:12px 0 0!important}
.ap-tip b{color:var(--ap-tx)}
/* DTF lines */
.ap-lines{display:flex;flex-direction:column;gap:12px}
.ap-line-art{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:12px;border:1px solid var(--ap-line);border-radius:14px;background:var(--ap-bg2)}
.ap-line-thumb{width:70px;height:70px;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden}
.ap-line-thumb img{width:100%;height:100%;object-fit:contain;padding:4px}
.ap-line-body>b{display:block;margin:0 0 8px}
.ap-line{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:'size size size' 'qty price x';gap:8px 10px;align-items:center;margin:0 0 10px;padding:0 0 10px;border-bottom:1px dashed #22405e}
.ap-line:last-of-type{border-bottom:0}
.nnd-ap select.ap-size{grid-area:size;width:100%;height:40px!important;border-radius:10px!important;border:1px solid var(--ap-line)!important;background:#0f1f30!important;color:var(--ap-tx)!important;padding:0 10px!important}
.ap-line-p{grid-area:price;text-align:right;font-weight:700;color:var(--ap-tx);font-size:14px}
.ap-x{grid-area:x;width:32px;height:32px;border-radius:50%!important;border:1px solid var(--ap-line)!important;background:none!important;color:var(--ap-mu)!important;font-size:18px!important;padding:0!important}
.ap-line .ap-qty{grid-area:qty}
.ap-qty{display:inline-flex;align-items:center;border:1px solid var(--ap-line);border-radius:999px;overflow:hidden;height:40px}
.ap-qty button{width:36px;height:40px;background:none!important;border:0!important;color:var(--ap-tx)!important;font-size:18px!important;padding:0!important}
.nnd-ap .ap-qty input{width:48px!important;height:38px!important;border:0!important;background:none!important;color:var(--ap-tx)!important;text-align:center;padding:0!important;-moz-appearance:textfield}
.ap-qty input::-webkit-inner-spin-button{-webkit-appearance:none}
/* DTG */
.ap-sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}
.ap-sz{padding:12px 6px!important;border-radius:12px!important;border:1.5px solid var(--ap-line)!important;background:var(--ap-bg2)!important;font-weight:700!important;display:flex!important;flex-direction:column;align-items:center}
.ap-sz em{font-style:normal;font-size:11.5px;color:var(--ap-mu);font-weight:500}
.ap-sz.on{border-color:var(--ap-acc)!important;box-shadow:0 0 0 3px rgba(36,171,226,.18)!important}
.ap-colors{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.ap-col{width:44px;height:44px;padding:3px!important;border-radius:50%!important;border:2px solid transparent!important;background:none!important}
.ap-col span{display:block;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 0 0 1px #3a5470}
.ap-col.on{border-color:var(--ap-acc)!important}
.ap-qrow{display:flex;align-items:center;gap:12px;margin:0 0 14px;color:var(--ap-mu);font-weight:600}
.ap-preview{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px;border-radius:14px;background:radial-gradient(circle at 50% 40%,#1d3550,#0b1420 75%)}
.ap-preview svg{width:min(280px,100%);height:auto}
.ap-preview span{font-size:12px;color:var(--ap-mu)}
/* notes + summary */
.nnd-ap textarea.ap-notes{width:100%;border-radius:12px!important;border:1px solid var(--ap-line)!important;background:var(--ap-bg2)!important;color:var(--ap-tx)!important;padding:12px!important;min-height:80px}
.ap-sum{background:#102236;border:1px solid #33597d;border-radius:18px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.ap-sum-t{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 12px}
.ap-sum-t span{color:var(--ap-mu)}
.ap-sum-t b{font:700 24px 'Fredoka',sans-serif}
.ap-buy{width:100%;min-height:54px!important;border-radius:999px!important;border:0!important;background:var(--ap-acc)!important;color:#06121d!important;font:700 17px 'Fredoka',sans-serif!important}
.ap-buy[disabled]{opacity:.45;cursor:not-allowed}
.ap-soon{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ap-soon b{display:inline-flex;align-items:center;min-height:52px;padding:0 28px;border-radius:999px;background:var(--ap-gold);color:#13263a;font:700 16px 'Fredoka',sans-serif}
.ap-soon span{color:var(--ap-mu);font-size:14px}
.ap-soon a,.ap-free a{color:var(--ap-acc)}
.ap-need,.ap-adminnote,.ap-free{margin:10px 0 0!important;font-size:13px;color:var(--ap-mu);text-align:center}
.ap-msg{margin:10px 0 0!important;color:#ff8a8a;font-size:14px;text-align:center}
@media (max-width:600px){.ap-methods{grid-template-columns:1fr}.ap-step{padding:14px}.ap-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.ap-line-art{grid-template-columns:52px 1fr}.ap-line-thumb{width:52px;height:52px}}

/* ---------- pressing guide ---------- */
.nnd-guide{--g-bg:#0f1f30;--g-line:#2c4561;--g-acc:#24abe2;--g-tx:#eaf6fc;--g-mu:#9db3c5;padding:56px 16px;background:linear-gradient(180deg,#0b1420,#0d1b2b);color:var(--g-tx);font-family:'Albert Sans',system-ui,sans-serif}
.nnd-guide-in{max-width:1180px;margin:0 auto}
.nnd-guide-kick{font:600 12px 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--g-acc);margin:0 0 8px!important}
.nnd-guide h2{font:600 clamp(26px,3vw,38px)/1.15 'Fredoka',sans-serif!important;color:var(--g-tx)!important;margin:0 0 10px!important;text-transform:none!important}
.nnd-guide h3{font:600 18px 'Fredoka',sans-serif!important;color:var(--g-tx)!important;margin:0 0 8px!important;text-transform:none!important}
.nnd-guide p,.nnd-guide li{color:var(--g-mu);font-size:15px;line-height:1.6}
.nnd-guide-lead{max-width:760px;margin:0 0 24px!important}
.nnd-guide-set{background:var(--g-bg);border:1px solid var(--g-line);border-radius:18px;padding:20px;margin:0 0 24px}
.nnd-guide-set-top{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 16px}
.nnd-guide-set-top b{color:var(--g-tx)}
.nnd-guide select{width:auto!important;flex:0 1 320px;height:44px!important;min-width:240px;border-radius:12px!important;border:1px solid var(--g-line)!important;background:#0b1420!important;color:var(--g-tx)!important;padding:0 12px!important}
.nnd-guide-unit{display:inline-flex;border:1px solid var(--g-line);border-radius:999px;overflow:hidden;margin-left:auto}
.nnd-guide-unit button{padding:8px 14px!important;background:none!important;border:0!important;color:var(--g-mu)!important;font-weight:700!important;min-height:0;box-shadow:none}
.nnd-guide-unit button.on{background:var(--g-acc)!important;color:#06121d!important}
.nnd-guide-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.nnd-guide-stats div{background:#0b1420;border:1px solid var(--g-line);border-radius:14px;padding:14px}
.nnd-guide-stats span{display:block;font-size:12.5px;color:var(--g-mu);margin:0 0 4px}
.nnd-guide-stats b{font:700 20px 'Fredoka',sans-serif;color:var(--g-tx)}
.nnd-guide-note{font-size:13px!important;margin:12px 0 0!important}
.nnd-guide-steps{list-style:none;margin:0 0 24px!important;padding:0!important;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:none}
.nnd-guide-steps li{background:var(--g-bg);border:1px solid var(--g-line);border-radius:18px;padding:18px;margin:0!important}
.nnd-guide-steps p{font-size:14px;margin:0!important}
.nnd-guide-ic{width:52px;height:52px;border-radius:14px;background:#16314b;color:var(--g-acc);display:grid;place-items:center;margin:0 0 12px}
.nnd-guide-ic svg{width:32px;height:32px}
.nnd-guide-cols{display:grid;grid-template-columns:3fr 2fr;gap:14px}
.nnd-guide-box{background:var(--g-bg);border:1px solid var(--g-line);border-radius:18px;padding:20px}
.nnd-guide details{border-top:1px solid var(--g-line);padding:10px 0}
.nnd-guide summary{cursor:pointer;color:var(--g-tx);font-weight:600}
.nnd-guide details p{margin:8px 0 0!important;font-size:14px}
.nnd-guide ul{margin:0 0 12px!important;padding-left:18px!important}
.nnd-guide-help a{color:var(--g-acc)}
@media (max-width:900px){.nnd-guide-steps{grid-template-columns:1fr 1fr}.nnd-guide-stats{grid-template-columns:1fr 1fr}.nnd-guide-cols{grid-template-columns:1fr}}
@media (max-width:560px){.nnd-guide-steps{grid-template-columns:1fr}.nnd-guide select{min-width:0;flex:1}.nnd-guide-unit{margin-left:0}}

/* nnd-opt-fix: dropdown lists readable on every system */
.nnd-guide select option,.nnd-ap select option{background:#0b1420!important;color:#eaf6fc!important}
.nnd-guide select,.nnd-ap select{color-scheme:dark}

/* ===================== Pressing guide (new design) ===================== */
.nnd-pg{--pg-acc:#24abe2;--pg-tx:#eaf6fc;--pg-mu:#9db3c5;--pg-line:#1f3a56;--pg-card:#0f1f30;--pg-gold:#f6c344;padding:64px 16px;font-family:'Albert Sans',system-ui,sans-serif;color:var(--pg-tx)}
.nnd-pg *{box-sizing:border-box}
.nnd-pg-wrap{max-width:1180px;margin:0 auto;padding:56px 52px;border-radius:28px;border:1px solid #1d3550;position:relative;overflow:hidden;
  background:radial-gradient(900px 420px at 12% -8%,rgba(36,171,226,.18),transparent 60%),radial-gradient(700px 380px at 100% 110%,rgba(36,171,226,.10),transparent 60%),
  linear-gradient(rgba(36,171,226,.045) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,rgba(36,171,226,.045) 1px,transparent 1px) 0 0/44px 44px,#0c1826}
.nnd-pg-kick{font:600 12.5px 'JetBrains Mono',ui-monospace,monospace!important;letter-spacing:.16em;text-transform:uppercase;color:var(--pg-acc)!important;margin:0 0 12px!important}
.nnd-pg h2{font:700 clamp(30px,4vw,48px)/1.08 'Fredoka',sans-serif!important;color:var(--pg-tx)!important;margin:0 0 14px!important;text-transform:none!important;letter-spacing:-.01em}
.nnd-pg h2 span{color:var(--pg-acc)}
.nnd-pg p{color:var(--pg-mu);font-size:15.5px;line-height:1.65}
.nnd-pg-lead{max-width:680px;margin:0 0 22px!important}
.nnd-pg-jump{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 8px}
.nnd-pg-jump span{font:600 11.5px 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#5f7d97;margin-right:4px}
.nnd-pg-jump a{padding:7px 14px;border-radius:999px;border:1px solid #2a4d6e;background:rgba(15,31,48,.8);color:var(--pg-tx)!important;font-size:13.5px;font-weight:600;text-decoration:none!important;transition:.15s}
.nnd-pg-jump a:hover{border-color:var(--pg-acc);color:var(--pg-acc)!important;box-shadow:0 0 18px rgba(36,171,226,.25)}
.nnd-pg-block{margin:46px 0 0}
.nnd-pg-h3{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font:600 22px 'Fredoka',sans-serif!important;color:var(--pg-tx)!important;margin:0 0 18px!important;text-transform:none!important}
.nnd-pg-h3 b{font:600 12px 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--pg-acc);padding:5px 10px;border:1px solid #24527a;border-radius:999px;background:rgba(36,171,226,.08)}
.nnd-pg-block>.nnd-pg-h3+*{margin-bottom:34px}
/* heat sources */
.nnd-pg-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.nnd-pg-sources button{display:flex!important;flex-direction:column;gap:12px;padding:12px!important;border-radius:20px!important;border:1.5px solid var(--pg-line)!important;background:var(--pg-card)!important;color:var(--pg-tx)!important;text-align:left;cursor:pointer;transition:.18s;min-height:0;box-shadow:none}
.nnd-pg-sources button:hover{border-color:#3f6d96!important;transform:translateY(-2px)}
.nnd-pg-sources button.on{border-color:var(--pg-acc)!important;box-shadow:0 0 0 3px rgba(36,171,226,.18),0 14px 40px rgba(36,171,226,.18)!important}
.nnd-pg-sources svg{width:100%;height:auto;border-radius:14px;display:block}
.nnd-pg-sources span{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 6px 4px;text-transform:none!important;letter-spacing:normal}
.nnd-pg-sources b,.nnd-pg-sources em{text-transform:none!important;letter-spacing:normal!important}
.nnd-pg-sources b{font:600 17px 'Fredoka',sans-serif}
.nnd-pg-sources em{font-style:normal;font-size:12px;color:var(--pg-mu);padding:3px 9px;border-radius:999px;border:1px solid var(--pg-line)}
.nnd-pg-sources button.on em{color:#06121d;background:var(--pg-acc);border-color:var(--pg-acc)}
/* settings */
.nnd-pg-settings{background:linear-gradient(180deg,rgba(36,171,226,.07),rgba(15,31,48,.9) 40%),var(--pg-card);border:1px solid #24496b;border-radius:22px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.nnd-pg-fabrics{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.nnd-pg-fabrics button{display:inline-flex!important;align-items:center;gap:8px;padding:9px 14px!important;border-radius:999px!important;border:1px solid var(--pg-line)!important;background:#0b1420!important;color:var(--pg-mu)!important;font-weight:600!important;font-size:14px!important;cursor:pointer;min-height:0;box-shadow:none;text-transform:none;letter-spacing:normal}
.nnd-pg-fabrics button i{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.18)}
.nnd-pg-fabrics button small{font-size:10.5px;font-weight:700;color:#06121d;background:#4fd1a1;border-radius:999px;padding:1px 7px}
.nnd-pg-fabrics button.on{border-color:var(--pg-acc)!important;color:var(--pg-tx)!important;background:rgba(36,171,226,.12)!important;box-shadow:0 0 0 3px rgba(36,171,226,.15)!important}
.nnd-pg-stats{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:12px}
.nnd-pg-stat{position:relative;padding:18px;border-radius:16px;background:#0b1420;border:1px solid var(--pg-line);text-align:center}
.nnd-pg-stat span{display:block;font:600 11.5px 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#6f8ca6;margin:0 0 8px}
.nnd-pg-stat b{display:block;font:700 clamp(20px,2.4vw,28px)/1.1 'Fredoka',sans-serif;color:var(--pg-tx)}
.nnd-pg-stat:first-child b{color:var(--pg-acc);text-shadow:0 0 24px rgba(36,171,226,.45)}
.nnd-pg-stat small{display:block;color:var(--pg-mu);font-size:12.5px;margin-top:4px}
.nnd-pg-unit{display:inline-flex;margin-top:10px;border:1px solid var(--pg-line);border-radius:999px;overflow:hidden}
.nnd-pg-unit button{padding:4px 12px!important;font:700 12px 'Albert Sans',sans-serif!important;background:none!important;border:0!important;color:var(--pg-mu)!important;cursor:pointer;min-height:0;box-shadow:none}
.nnd-pg-unit button.on{background:var(--pg-acc)!important;color:#06121d!important}
.nnd-pg-checks{list-style:none!important;margin:18px 0 0!important;padding:0!important;display:grid;gap:10px}
.nnd-pg-checks li{display:flex;gap:10px;align-items:flex-start;color:var(--pg-mu);font-size:14.5px;margin:0!important}
.nnd-pg-checks svg{flex:0 0 20px;width:20px;height:20px;margin-top:1px}
/* steps */
.nnd-pg-steps{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:22px;position:relative}
.nnd-pg-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:30px;align-items:center;padding:20px;border-radius:24px;background:rgba(15,31,48,.75);border:1px solid var(--pg-line);margin:0!important}
.nnd-pg-step:nth-child(even) .nnd-pg-art{order:2}
.nnd-pg-art svg{width:100%;height:auto;display:block;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.4),0 0 0 1px #1f3a56}
.nnd-pg-node{display:inline-grid;place-items:center;width:40px;height:40px;transform:rotate(45deg);border:1.5px solid var(--pg-acc);background:#0b1420;box-shadow:0 0 18px rgba(36,171,226,.45);margin:6px 0 16px 4px}
.nnd-pg-node>i{transform:rotate(-45deg);font:600 13px 'JetBrains Mono',monospace;font-style:normal;color:var(--pg-acc)}
.nnd-pg-txt h4{font:600 24px 'Fredoka',sans-serif!important;color:var(--pg-tx)!important;margin:0 0 10px!important;text-transform:none!important}
.nnd-pg-txt>p{margin:0 0 14px!important}
.nnd-pg-tip{margin:0!important;padding:14px 16px;border-radius:14px;border:1px solid #24527a;border-left:4px solid var(--pg-acc);background:rgba(36,171,226,.07);font-size:14.5px!important}
.nnd-pg-tip b{display:inline-block;margin-right:8px;font:700 11px 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#06121d;background:var(--pg-acc);padding:2px 8px;border-radius:999px;vertical-align:1px}
.nnd-pg-tip-gold{border-color:#6b5a26;border-left-color:var(--pg-gold);background:rgba(246,195,68,.07)}
.nnd-pg-tip-gold b{background:var(--pg-gold)}
/* troubleshooting */
.nnd-pg-faq{display:grid;gap:10px}
.nnd-pg-faq details{border:1px solid var(--pg-line);border-radius:16px;background:var(--pg-card);overflow:hidden}
.nnd-pg-faq summary{list-style:none;cursor:pointer;padding:16px 20px;font-weight:600;color:var(--pg-tx);display:flex;justify-content:space-between;align-items:center;gap:12px}
.nnd-pg-faq summary::-webkit-details-marker{display:none}
.nnd-pg-faq summary::after{content:'+';font:400 24px/1 'Albert Sans',sans-serif;color:var(--pg-acc)}
.nnd-pg-faq details[open] summary::after{content:'−'}
.nnd-pg-faq details[open]{border-color:#2a5479;box-shadow:0 0 0 1px rgba(36,171,226,.12)}
.nnd-pg-faq details>div{padding:0 20px 16px}
.nnd-pg-faq ul{margin:0!important;padding-left:18px!important}
.nnd-pg-faq li{color:var(--pg-mu);font-size:14.5px;margin:0 0 6px!important}
.nnd-pg-faq details p{margin:8px 0 0!important;font-size:14px;color:#c9dbe8}
/* care */
.nnd-pg-care{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.nnd-pg-care li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:18px 10px;border-radius:18px;background:var(--pg-card);border:1px solid var(--pg-line);margin:0!important}
.nnd-pg-care svg{width:44px;height:44px;color:var(--pg-acc);margin:0 0 8px;filter:drop-shadow(0 0 10px rgba(36,171,226,.35))}
.nnd-pg-care b{font:600 15px 'Fredoka',sans-serif;color:var(--pg-tx)}
.nnd-pg-care span{font-size:12.5px;color:var(--pg-mu);line-height:1.4}
/* help */
.nnd-pg-help{margin:46px 0 0;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:26px 28px;border-radius:22px;border:1px solid #24527a;background:linear-gradient(120deg,rgba(36,171,226,.16),rgba(15,31,48,.9) 55%)}
.nnd-pg-help h3{font:600 24px 'Fredoka',sans-serif!important;color:var(--pg-tx)!important;margin:0 0 4px!important;text-transform:none!important}
.nnd-pg-help p{margin:0!important}
.nnd-pg-help .nnd-pg-kick{margin:0 0 6px!important}
.nnd-pg-help-btns{display:flex;gap:10px;flex-wrap:wrap}
.nnd-pg-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:999px;background:var(--pg-acc);color:#06121d!important;font:700 15px 'Fredoka',sans-serif;text-decoration:none!important;box-shadow:0 10px 30px rgba(36,171,226,.35)}
.nnd-pg-btn.ghost{background:none;border:1.5px solid #3b6990;color:var(--pg-tx)!important;box-shadow:none}
@media (max-width:980px){.nnd-pg-wrap{padding:38px 22px}.nnd-pg-stats{grid-template-columns:1fr 1fr}.nnd-pg-care{grid-template-columns:repeat(3,1fr)}.nnd-pg-step{grid-template-columns:1fr;gap:16px}.nnd-pg-step:nth-child(even) .nnd-pg-art{order:0}}
@media (max-width:640px){.nnd-pg{padding:36px 10px}.nnd-pg-wrap{padding:28px 16px;border-radius:22px}.nnd-pg-sources{grid-template-columns:1fr}.nnd-pg-sources button{display:grid!important;grid-template-columns:120px 1fr;align-items:center}.nnd-pg-sources span{flex-direction:column;align-items:flex-start;gap:6px}.nnd-pg-care{grid-template-columns:1fr 1fr}.nnd-pg-help{padding:22px 18px}}
/* ---------- live preview stage ---------- */
.ap-stage{--st-line:#2c4561;--st-acc:#24abe2;--st-tx:#eaf6fc;--st-mu:#9db3c5;position:relative;font-family:'Albert Sans',system-ui,sans-serif;color:var(--st-tx);background:radial-gradient(120% 90% at 50% 30%,#1d3a57 0%,#0f1f30 55%,#0a1521 100%);border:1px solid var(--st-line);border-radius:22px;padding:18px 18px 14px;margin:0 0 14px;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.ap-stage[hidden]{display:none!important}
.ap-stage-main{position:sticky;top:110px}
.ap-stage-view{max-width:560px;margin:0 auto}
.ap-stage-view svg{display:block;width:100%;height:auto}
.ap-stage-tag{position:absolute;top:14px;left:14px;z-index:1;padding:4px 10px;border-radius:999px;background:rgba(36,171,226,.16);border:1px solid rgba(36,171,226,.45);color:var(--st-acc);font:700 11px/1.2 'Albert Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.ap-stage-cap{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 10px;text-align:center;margin:6px 0 0}
.ap-stage-cap b{font:600 18px/1.25 'Fredoka',sans-serif;color:var(--st-tx)}
.ap-stage-cap span{font-size:13.5px;color:var(--st-mu)}
.ap-stage-thumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 0}
.ap-stage-thumbs button{width:54px;height:54px;padding:3px!important;border-radius:12px!important;border:1.5px solid var(--st-line)!important;background:#0b1420!important;display:grid;place-items:center;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.ap-stage-thumbs button img{width:100%;height:100%;object-fit:contain;border-radius:8px}
.ap-stage-thumbs button span{font:700 11px sans-serif;color:var(--st-mu)}
.ap-stage-thumbs button[aria-selected=true]{border-color:var(--st-acc)!important;box-shadow:0 0 0 3px rgba(36,171,226,.22)}
.ap-stage-note{margin:10px 0 0!important;text-align:center;font-size:12px;color:var(--st-mu)}
.ap-stage-photos,.ap-stage-back{display:block;margin:10px auto 0!important;padding:7px 16px!important;border-radius:999px!important;border:1px solid var(--st-line,#2c4561)!important;background:transparent!important;color:var(--st-mu,#9db3c5)!important;font-size:13px!important;font-weight:600!important;text-transform:none!important;cursor:pointer}
.ap-stage-back{margin:0 0 12px!important;background:#0f1f30!important;color:#eaf6fc!important;border-color:#24abe2!important}
.ap-stage-photos:hover,.ap-stage-back:hover{color:#eaf6fc!important;border-color:#24abe2!important}
.ap-stage-inline{display:none}
@media (max-width:767px){
.ap-stage-main{display:none!important}
.ap-stage-inline:not(:empty){display:block;padding:14px 12px 12px;border-radius:18px}
.ap-stage-inline .ap-stage-view{max-width:380px}
.ap-stage-inline .ap-stage-tag{top:10px;left:10px}
}
.ap-tile{min-width:0;overflow:hidden}
.ap-tile-n{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal!important;min-height:2.5em;font-size:12px;word-break:normal}