/* Plate studio: deliberately scoped; the app owns the dialog and navigation. */
.plate-details,.plate-receipt{
  --pd-text:#f4efff;--pd-muted:#bdb1cf;--pd-line:#443753;--pd-soft:#d9ccec;
  --pd-display:var(--font-display,Sora,Manrope,Arial,sans-serif);
  min-width:0;display:grid;gap:20px;color:var(--pd-text);
  font-family:var(--font-body,Manrope,Arial,sans-serif);font-size:14px;line-height:1.6;
}
.plate-details-hero{
  position:relative;isolation:isolate;min-width:0;overflow:hidden;border:1px solid #67517e;
  border-radius:18px;background:radial-gradient(ellipse at 48% 0,#7352a12b,transparent 55%),linear-gradient(155deg,#251c35,#130f20 65%,#1b1429);
  box-shadow:inset 0 1px 0 #ead7ff1c,inset 0 -1px 0 #0008,0 16px 34px #08041055;
}
.plate-details-hero::before{
  content:"";position:absolute;z-index:-1;top:0;left:14%;right:14%;height:1px;
  background:linear-gradient(90deg,transparent,#d1b7ffad,transparent);pointer-events:none;
}
.plate-details-hero-top,.plate-details-identity{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:19px 22px}
.plate-details-hero-top{position:relative;z-index:1;padding-bottom:0}
.plate-details-tier{
  font-size:12px;font-weight:700;letter-spacing:.02em;color:#ffd1bc;
  background:linear-gradient(120deg,#60332966,#371f2066);border:1px solid #c97d535c;
  padding:6px 10px;border-radius:7px;overflow-wrap:anywhere;box-shadow:inset 0 1px 0 #ffdec214;
}
.plate-details-edition,.plate-details-identity>span{font-size:12px;font-weight:500;color:var(--pd-muted);text-align:right;line-height:1.5}
.plate-details-art{
  position:relative;isolation:isolate;display:grid;place-items:center;min-height:190px;
  padding:34px 31px 29px;perspective:850px;
  background:radial-gradient(ellipse at 50% 38%,#a68bd02b,transparent 67%);
}
.plate-details-art::before{
  content:"";position:absolute;z-index:-1;left:19%;right:19%;bottom:22px;height:24px;
  background:#a78ad055;border-radius:50%;filter:blur(18px);transform:scaleY(.45);pointer-events:none;
}
.plate-details-art::after{
  content:"";position:absolute;z-index:-1;left:8%;right:8%;bottom:13px;height:1px;
  background:linear-gradient(90deg,transparent,#b798e052,transparent);pointer-events:none;
}
.plate-details-art img{
  display:block;width:100%;height:auto;max-height:170px;object-fit:contain;
  filter:drop-shadow(0 2px 1px #0009) drop-shadow(0 17px 12px #030108b3);
  transform:translateY(-3px) rotateX(7deg) rotate(-1.5deg);transition:transform .28s ease;
}
.plate-details-identity{position:relative;padding-top:0;padding-bottom:20px;align-items:baseline}
.plate-details-identity>strong{font-family:var(--pd-display);font-size:29px;font-weight:600;letter-spacing:-1.2px;overflow-wrap:anywhere;min-width:0;line-height:1.3;text-shadow:0 2px 10px #e8d3ff0d}
.plate-details-identity>span{flex-shrink:0}
.plate-details-story{padding:17px 22px 20px;border-top:1px solid #ac8acc20;background:linear-gradient(105deg,#d7b8ff08,#ffffff02)}
.plate-details-story p{font-size:13px;line-height:1.7;color:var(--pd-soft)}
.plate-details-story .style-badges{display:flex;align-items:center;gap:7px;margin:0 0 12px;flex-wrap:wrap}
.plate-details-story .style-badges span,.plate-details-story .style-badges b{font-family:inherit;font-size:12px;font-weight:500;letter-spacing:0;max-width:100%;overflow-wrap:anywhere;padding:4px 8px;border:1px solid #a18abb42;border-radius:5px;background:#b699ea10;color:#e3d1fb}
.plate-details-story .style-badges b{color:#ffbc9b;border-color:#ba784340;background:#c86a2410}
.plate-details-story .plate-details-premium{margin-top:9px;color:var(--pd-muted);font-size:12px}
.plate-details-context{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}
.plate-details-context>span{display:flex;align-items:center;gap:8px;color:var(--pd-muted)}
.plate-details-context i{display:block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#bd9dff;box-shadow:0 0 0 4px #b493e312}
.plate-details-context .text-button{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;min-height:44px;padding:3px 0;font-size:12px;font-weight:600;text-align:right;color:#ffb294}
.plate-details-context .icon{width:16px;height:16px}
.plate-details-cost{
  border:1px solid #906847;border-radius:16px;padding:22px;
  background:radial-gradient(ellipse at 95% 100%,#c6672921,transparent 65%),linear-gradient(135deg,#282035,#21182c);
  box-shadow:inset 0 1px 0 #ffdfc916,0 8px 20px #08041122;
}
.plate-details-section-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin-bottom:20px}
.plate-details-section-heading h3{font-family:var(--pd-display);font-size:18px;font-weight:500;line-height:1.5;letter-spacing:-.5px;color:var(--pd-text)}
.plate-details-section-heading>span{font-size:12px;font-weight:500;color:#cfb4a6;text-align:right}
.plate-details dl,.plate-receipt dl{margin:0;display:grid;gap:15px}
.plate-details dl>div,.plate-receipt dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;min-width:0}
.plate-details dt,.plate-receipt dt{font-size:14px;color:var(--pd-soft);min-width:0}
.plate-details dd,.plate-receipt dd{margin:0;font-size:17px;font-weight:650;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0;line-height:1.5;color:var(--pd-text)}
.plate-details dd span,.plate-receipt dd span{display:inline-block;font-size:12px;font-weight:500;color:var(--pd-muted);white-space:nowrap}
.plate-details dt span{font-size:12px;white-space:nowrap;color:var(--pd-muted)}
.plate-details dl>.plate-details-total{border-top:1px solid #d9b59833;padding-top:17px;margin-top:4px}
.plate-details-total dt{font-size:15px;color:#fff3e9;font-weight:650}
.plate-details-total dd{font-family:var(--pd-display);color:#ffc6a6;font-size:30px;font-weight:600;letter-spacing:-1px;line-height:1.4}
.plate-details-total dd span{font-family:var(--font-body,Manrope,Arial,sans-serif);color:#e7cbbb;letter-spacing:0;font-size:12px}
.plate-details .plate-details-cost-note{font-size:12px;line-height:1.65;color:#d5c0b7;margin-top:16px}
.plate-details-return{
  position:relative;padding:20px 21px;border:1px solid var(--pd-line);border-radius:13px;
  background:linear-gradient(125deg,#21192f,#191423);box-shadow:inset 0 1px 0 #f0dfff07;
}
.plate-details-return>div{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:9px 16px;margin-bottom:12px}
.plate-details-return h3{font-family:var(--font-body,Manrope,Arial,sans-serif);color:#e5d9f6;font-size:14px;font-weight:650;line-height:1.6;letter-spacing:0}
.plate-details-return strong{font-family:var(--pd-display);color:#dcc5ff;font-size:19px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.4px;text-align:right;overflow-wrap:anywhere;max-width:100%;line-height:1.5}
.plate-details-return strong span{font-family:var(--font-body,Manrope,Arial,sans-serif);display:inline-block;font-size:12px;letter-spacing:0;color:var(--pd-muted);font-weight:500;white-space:nowrap}
.plate-details-return p{font-size:12px;color:var(--pd-soft);line-height:1.75}
.plate-details-return .plate-details-return-note{margin-top:10px;color:var(--pd-muted)}
.plate-details-checkout{display:grid;gap:13px;padding-top:2px}
.plate-details-checkout>.button,.plate-details-visibility>.button,.plate-receipt>.button{
  min-height:54px;font-family:var(--font-body,Manrope,Arial,sans-serif);font-size:14px;font-weight:750;line-height:1.5;
  border-radius:11px;color:#241108;background:linear-gradient(180deg,#ff9864,var(--accent,#ff7a45));
  border:1px solid #ffba8b9c;box-shadow:inset 0 1px 0 #ffecdb55,0 6px 17px #fe75251a;
}
.plate-details-checkout>.button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}
.plate-details-checkout>p{font-size:12px;color:var(--pd-muted);line-height:1.7;text-align:center;padding:0 5px}
.plate-details-owned-summary{padding:1px 0 2px}
.plate-details-owned-summary>p{margin-top:14px;font-size:12px;color:var(--pd-muted);line-height:1.7}
.plate-details-visibility{display:grid;gap:16px;padding-top:2px}
.plate-details-visibility>.field{margin:0;color:var(--pd-soft);font-size:14px;font-weight:600;display:grid;gap:11px}
.plate-details-visibility select{max-width:100%;width:100%;font-family:inherit;font-size:16px;font-weight:500;min-height:50px;border:1px solid #695582;border-radius:10px;padding:13px;color:var(--pd-text);background:#17111f}
.plate-details :is(button,select):focus-visible,.plate-receipt button:focus-visible{outline:3px solid var(--focus,#cab8ff);outline-offset:4px}
.plate-receipt-status{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;color:#eed5bb}
.plate-receipt-status>.icon{width:37px;height:37px;flex-shrink:0;padding:8px;border:1px solid #d6ad7a55;border-radius:12px;background:#cca7660b}
.plate-receipt-status.is-confirmed{color:#eadcff}
.plate-receipt-status.is-confirmed>.icon{border-color:#b18ce373;background:linear-gradient(135deg,#a582de26,#55407612);box-shadow:inset 0 1px 0 #dfc7ff17}
.plate-receipt-message{font-size:14px;color:var(--pd-soft);line-height:1.8}
.plate-receipt-amount{padding-top:18px;border-top:1px solid var(--pd-line)}
.plate-receipt-note{margin-top:-10px;font-size:12px;line-height:1.7;color:var(--pd-muted)}
.plate-receipt-demo{padding:14px 16px;border:1px solid var(--pd-line);border-radius:10px;font-size:12px;line-height:1.7;color:var(--pd-soft);background:#21182f}
@media(hover:hover) and (pointer:fine){
  .plate-details-hero:hover .plate-details-art img{transform:translateY(-5px) rotateX(3deg) rotate(-.5deg)}
  .plate-details-checkout>.button:not(:disabled):hover,.plate-details-visibility>.button:hover,.plate-receipt>.button:hover{background:linear-gradient(180deg,#ffb17e,#ff8957);border-color:#ffc498;box-shadow:inset 0 1px 0 #fff2df66,0 8px 22px #fe752527}
}
@media(max-width:420px){
  .plate-details,.plate-receipt{gap:16px}
  .plate-details-hero{border-radius:14px}
  .plate-details-hero-top,.plate-details-identity{padding-left:16px;padding-right:16px}
  .plate-details-hero-top{padding-top:15px}
  .plate-details-art{min-height:140px;padding:26px 20px 25px}
  .plate-details-identity{padding-bottom:16px}
  .plate-details-identity>strong{font-size:25px;letter-spacing:-1px}
  .plate-details-story{padding:15px 16px 17px}
  .plate-details-cost{padding:18px 16px;border-radius:13px}
  .plate-details-section-heading{margin-bottom:18px}
  .plate-details-section-heading h3{font-size:17px}
  .plate-details dl>div,.plate-receipt dl>div{gap:12px}
  .plate-details dt,.plate-receipt dt{font-size:13px}
  .plate-details dd,.plate-receipt dd{font-size:16px}
  .plate-details dl>.plate-details-total{display:grid;gap:5px}
  .plate-details-total dd{font-size:27px;letter-spacing:-.7px;text-align:left}
  .plate-details-total dt{font-size:14px}
  .plate-details-return{padding:17px 16px}
  .plate-details-return strong{text-align:left;font-size:19px}
  .plate-details-checkout>.button{font-size:14px;padding-left:10px;padding-right:10px}
}
@media(prefers-reduced-motion:reduce){
  .plate-details-art img,.plate-details-hero:hover .plate-details-art img{transform:none;transition:none}
  .plate-details button,.plate-receipt button{transition:none;transform:none}
}