/* Prime shared skin system: authored materials plus CSP-safe custom-token rules. */
:root{
  color-scheme:dark;
  --prime-skin-bg:#05090d;
  --prime-skin-bg-2:#111a20;
  --prime-skin-panel:#111a20;
  --prime-skin-panel-strong:#18242d;
  --prime-skin-text:#f1f7fa;
  --prime-skin-muted:#98aab3;
  --prime-skin-accent:#b9d3dd;
  --prime-skin-accent-2:#6f8996;
  --prime-skin-edge:#8ca6b2;
  --prime-skin-opacity:.94;
  --prime-skin-blur:4px;
  --prime-skin-radius:10px;
  --prime-skin-hover-lift:1;
  --prime-skin-press-depth:2;
  --prime-skin-duration:120ms;
  --prime-skin-particles:.2;
  --prime-skin-perspective:760px;
  --prime-skin-depth:8;
  --prime-skin-disparity:.55;
  --prime-skin-font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --prime-skin-pattern:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px);
  --prime-skin-surface:linear-gradient(155deg,color-mix(in srgb,var(--prime-skin-panel-strong) 72%,white 4%),color-mix(in srgb,var(--prime-skin-panel) 96%,black 4%));
  --prime-frost-panel:color-mix(in srgb,var(--prime-skin-panel) calc(var(--prime-skin-opacity) * 100%),transparent);
  --prime-frost-control:color-mix(in srgb,var(--prime-skin-panel-strong) calc(var(--prime-skin-opacity) * 92%),transparent);
  --prime-frost-blur:var(--prime-skin-blur);
  --pc-bg:var(--prime-skin-bg);
  --pc-bg2:var(--prime-skin-bg-2);
  --pc-panel:var(--prime-skin-panel);
  --pc-panel2:var(--prime-skin-panel-strong);
  --pc-paper:var(--prime-skin-text);
  --pc-muted:var(--prime-skin-muted);
  --pc-cyan:var(--prime-skin-accent);
  --pc-violet:var(--prime-skin-accent-2);
  --pc-line:color-mix(in srgb,var(--prime-skin-edge) 26%,transparent);
  --pc-line-hi:color-mix(in srgb,var(--prime-skin-edge) 55%,transparent);
  --reader-text:var(--prime-skin-text);
  --reader-heading:color-mix(in srgb,var(--prime-skin-text) 92%,white 8%);
  --frame-accent:var(--prime-skin-accent);
  --frame-accent-soft:color-mix(in srgb,var(--prime-skin-accent) 30%,transparent);
  --frame-accent-faint:color-mix(in srgb,var(--prime-skin-accent) 9%,transparent);
}

html[data-prime-skin="metal"]{
  --prime-skin-bg:#070a0c;--prime-skin-bg-2:#151b1f;--prime-skin-panel:#161c20;--prime-skin-panel-strong:#283239;
  --prime-skin-text:#f3f7f8;--prime-skin-muted:#9dadb4;--prime-skin-accent:#d2e5ec;--prime-skin-accent-2:#738d99;--prime-skin-edge:#b0c4cd;
  --prime-skin-opacity:.96;--prime-skin-blur:2px;--prime-skin-radius:7px;--prime-skin-hover-lift:1;--prime-skin-press-depth:3;--prime-skin-duration:105ms;--prime-skin-particles:.16;--prime-skin-depth:10;--prime-skin-disparity:.65;
  --prime-skin-pattern:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,rgba(0,0,0,.025) 1px 3px,transparent 3px 6px);
  --prime-skin-surface:linear-gradient(145deg,#303a40 0%,#171d21 28%,#0e1316 72%,#273138 100%);
}
html[data-prime-skin="glass"]{
  --prime-skin-bg:#03101a;--prime-skin-bg-2:#0c2634;--prime-skin-panel:#0b2331;--prime-skin-panel-strong:#173b4b;
  --prime-skin-text:#edfcff;--prime-skin-muted:#a2c5d0;--prime-skin-accent:#72e7ff;--prime-skin-accent-2:#9b91ff;--prime-skin-edge:#b7efff;
  --prime-skin-opacity:.76;--prime-skin-blur:18px;--prime-skin-radius:21px;--prime-skin-hover-lift:3;--prime-skin-press-depth:1;--prime-skin-duration:220ms;--prime-skin-particles:.46;--prime-skin-depth:12;--prime-skin-disparity:.8;
  --prime-skin-pattern:radial-gradient(circle at 22% 18%,rgba(255,255,255,.12),transparent 22%),linear-gradient(120deg,rgba(114,231,255,.08),transparent 42%,rgba(155,145,255,.07));
  --prime-skin-surface:linear-gradient(145deg,rgba(255,255,255,.12),rgba(23,72,91,.4) 34%,rgba(5,22,34,.72));
}
html[data-prime-skin="nexus"]{
  --prime-skin-bg:#02040a;--prime-skin-bg-2:#090b1b;--prime-skin-panel:#070d18;--prime-skin-panel-strong:#111b2b;
  --prime-skin-text:#eafeff;--prime-skin-muted:#84a7b5;--prime-skin-accent:#55f0ff;--prime-skin-accent-2:#a077ff;--prime-skin-edge:#55dceb;
  --prime-skin-opacity:.91;--prime-skin-blur:9px;--prime-skin-radius:12px;--prime-skin-hover-lift:2;--prime-skin-press-depth:2;--prime-skin-duration:180ms;--prime-skin-particles:.82;--prime-skin-depth:16;--prime-skin-disparity:1.25;
  --prime-skin-pattern:linear-gradient(rgba(85,240,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(160,119,255,.04) 1px,transparent 1px);
  --prime-skin-surface:linear-gradient(155deg,rgba(21,39,60,.94),rgba(5,10,20,.97) 65%,rgba(18,9,39,.92));
}
html[data-prime-skin="steampunk"]{
  color-scheme:dark;
  --prime-skin-bg:#100a06;--prime-skin-bg-2:#29170c;--prime-skin-panel:#24160d;--prime-skin-panel-strong:#49301b;
  --prime-skin-text:#fff0cc;--prime-skin-muted:#c6a879;--prime-skin-accent:#e3ab51;--prime-skin-accent-2:#a64f2a;--prime-skin-edge:#c98a3c;
  --prime-skin-opacity:.97;--prime-skin-blur:1px;--prime-skin-radius:6px;--prime-skin-hover-lift:1;--prime-skin-press-depth:4;--prime-skin-duration:145ms;--prime-skin-particles:.34;--prime-skin-depth:14;--prime-skin-disparity:.75;
  --prime-skin-font:Georgia,"Times New Roman",serif;
  --prime-skin-pattern:radial-gradient(circle,rgba(255,207,112,.18) 0 1px,transparent 1.5px),repeating-linear-gradient(135deg,rgba(118,55,23,.1) 0 3px,transparent 3px 9px);
  --prime-skin-surface:linear-gradient(145deg,#5a3a1e,#2c190d 32%,#160c08 76%,#66411f);
}
html[data-prime-skin="liquid-gold"]{
  color-scheme:dark;
  --prime-skin-bg:#130b00;--prime-skin-bg-2:#2b1900;--prime-skin-panel:#352001;--prime-skin-panel-strong:#704707;
  --prime-skin-text:#fff8d9;--prime-skin-muted:#d2bd82;--prime-skin-accent:#ffdb72;--prime-skin-accent-2:#d88608;--prime-skin-edge:#ffe8a8;
  --prime-skin-opacity:.94;--prime-skin-blur:6px;--prime-skin-radius:18px;--prime-skin-hover-lift:2;--prime-skin-press-depth:2;--prime-skin-duration:190ms;--prime-skin-particles:.48;--prime-skin-depth:18;--prime-skin-disparity:.9;
  --prime-skin-font:"Arial Narrow",Impact,ui-sans-serif,sans-serif;
  --prime-skin-pattern:radial-gradient(ellipse at 18% 24%,rgba(255,245,188,.3),transparent 16%),radial-gradient(ellipse at 78% 68%,rgba(255,180,25,.25),transparent 22%),linear-gradient(118deg,rgba(255,248,202,.18),transparent 28%,rgba(176,92,0,.18) 62%,transparent 78%);
  --prime-skin-surface:linear-gradient(118deg,#4d2a00 0%,#d28a0a 18%,#fff0a0 31%,#8e5000 47%,#f9bd2f 64%,#5b3100 82%,#ffd763 100%);
}

/* These two rules are intentionally mutable through CSSOM after strict JSON validation. */
.prime-skin-preview[data-prime-custom-preview]{--prime-skin-bg:#070d13;--prime-skin-bg-2:#10202b;--prime-skin-panel:#10202b;--prime-skin-panel-strong:#193747;--prime-skin-text:#effcff;--prime-skin-muted:#98b6c1;--prime-skin-accent:#63e8ff;--prime-skin-accent-2:#a78cff;--prime-skin-edge:#82dff1;--prime-skin-opacity:.9;--prime-skin-blur:12px;--prime-skin-radius:16px;--prime-skin-hover-lift:2px;--prime-skin-press-depth:2px;--prime-skin-duration:180ms;--prime-skin-particles:.6;--prime-skin-perspective:800px;--prime-skin-depth:12px;--prime-skin-disparity:1}
html[data-prime-skin="custom"]{--prime-skin-bg:#070d13;--prime-skin-bg-2:#10202b;--prime-skin-panel:#10202b;--prime-skin-panel-strong:#193747;--prime-skin-text:#effcff;--prime-skin-muted:#98b6c1;--prime-skin-accent:#63e8ff;--prime-skin-accent-2:#a78cff;--prime-skin-edge:#82dff1;--prime-skin-opacity:.9;--prime-skin-blur:12px;--prime-skin-radius:16px;--prime-skin-hover-lift:2px;--prime-skin-press-depth:2px;--prime-skin-duration:180ms;--prime-skin-particles:.6;--prime-skin-perspective:800px;--prime-skin-depth:12px;--prime-skin-disparity:1}

[data-prime-skin-font="mono"]{--prime-skin-font:ui-monospace,SFMono-Regular,Consolas,monospace}
[data-prime-skin-font="serif"]{--prime-skin-font:Georgia,"Times New Roman",serif}
[data-prime-skin-font="display"]{--prime-skin-font:"Arial Narrow",Impact,ui-sans-serif,sans-serif}
[data-prime-skin-pattern="brushed"]{--prime-skin-pattern:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,rgba(0,0,0,.025) 1px 3px,transparent 3px 6px)}
[data-prime-skin-pattern="refraction"]{--prime-skin-pattern:radial-gradient(circle at 22% 18%,rgba(255,255,255,.12),transparent 22%),linear-gradient(120deg,color-mix(in srgb,var(--prime-skin-accent) 9%,transparent),transparent 42%,color-mix(in srgb,var(--prime-skin-accent-2) 8%,transparent))}
[data-prime-skin-pattern="grid"]{--prime-skin-pattern:linear-gradient(color-mix(in srgb,var(--prime-skin-accent) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--prime-skin-accent-2) 5%,transparent) 1px,transparent 1px);background-size:24px 24px}
[data-prime-skin-pattern="rivets"]{--prime-skin-pattern:radial-gradient(circle,rgba(255,207,112,.18) 0 1px,transparent 1.5px),repeating-linear-gradient(135deg,rgba(118,55,23,.1) 0 3px,transparent 3px 9px);background-size:20px 20px,auto}
[data-prime-skin-pattern="molten"]{--prime-skin-pattern:radial-gradient(ellipse at 18% 24%,color-mix(in srgb,var(--prime-skin-text) 30%,transparent),transparent 16%),radial-gradient(ellipse at 78% 68%,color-mix(in srgb,var(--prime-skin-accent-2) 28%,transparent),transparent 22%),linear-gradient(118deg,color-mix(in srgb,var(--prime-skin-accent) 18%,transparent),transparent 28%,color-mix(in srgb,var(--prime-skin-accent-2) 18%,transparent) 62%,transparent 78%)}
[data-prime-skin-pattern="none"]{--prime-skin-pattern:linear-gradient(transparent,transparent)}
[data-prime-skin-material="metal"]{--prime-skin-surface:linear-gradient(145deg,color-mix(in srgb,var(--prime-skin-panel-strong) 82%,white 8%),var(--prime-skin-panel) 35%,color-mix(in srgb,var(--prime-skin-bg) 88%,black),var(--prime-skin-panel-strong))}
[data-prime-skin-material="glass"]{--prime-skin-surface:linear-gradient(145deg,rgba(255,255,255,.12),color-mix(in srgb,var(--prime-skin-panel-strong) 46%,transparent) 34%,color-mix(in srgb,var(--prime-skin-bg) 72%,transparent))}
[data-prime-skin-material="nexus"]{--prime-skin-surface:linear-gradient(155deg,color-mix(in srgb,var(--prime-skin-panel-strong) 94%,var(--prime-skin-accent) 6%),color-mix(in srgb,var(--prime-skin-bg) 97%,black) 65%,color-mix(in srgb,var(--prime-skin-panel) 90%,var(--prime-skin-accent-2) 10%))}
[data-prime-skin-material="steampunk"]{--prime-skin-surface:linear-gradient(145deg,color-mix(in srgb,var(--prime-skin-panel-strong) 88%,#a86f2b),var(--prime-skin-panel) 32%,color-mix(in srgb,var(--prime-skin-bg) 88%,black) 76%,color-mix(in srgb,var(--prime-skin-panel-strong) 82%,#c78635))}
[data-prime-skin-material="liquid-gold"]{--prime-skin-surface:linear-gradient(118deg,color-mix(in srgb,var(--prime-skin-panel-strong) 70%,#6d3600),color-mix(in srgb,var(--prime-skin-accent-2) 74%,#6c3500) 18%,color-mix(in srgb,var(--prime-skin-accent) 72%,white) 31%,color-mix(in srgb,var(--prime-skin-panel) 62%,#6f3600) 47%,color-mix(in srgb,var(--prime-skin-accent) 82%,#d17a00) 64%,color-mix(in srgb,var(--prime-skin-bg) 82%,#5b3000) 82%,var(--prime-skin-accent))}

html[data-prime-skin] body{font-family:var(--prime-skin-font);background-color:var(--prime-skin-bg)!important;background-image:radial-gradient(circle at 82% 10%,color-mix(in srgb,var(--prime-skin-accent) 12%,transparent),transparent 32rem),radial-gradient(circle at 10% 76%,color-mix(in srgb,var(--prime-skin-accent-2) 10%,transparent),transparent 36rem),var(--prime-skin-pattern)!important;color:var(--prime-skin-text)}
html[data-prime-skin] :is(.topbar,.service-card,.music-console,.exclusive-player,.gallery-item,.video-feature,.video-card,.pc-book-mark,.pc-book-reader-panel,.release-panel,#sprite .console,.studio-console,.contact form,.app-dock,.help-panel,.prime-repair-panel,.console-header,.tool-rail,.screen,.inspector,.status-bar,.help-drawer,.s3x-hostbar,.s3x-tool-hud){border-color:color-mix(in srgb,var(--prime-skin-edge) 28%,transparent)!important;border-radius:var(--prime-skin-radius)!important;background-image:var(--prime-skin-pattern),var(--prime-skin-surface)!important;background-color:color-mix(in srgb,var(--prime-skin-panel) calc(var(--prime-skin-opacity) * 100%),transparent)!important;box-shadow:0 calc(var(--prime-skin-depth) * 1px) calc(var(--prime-skin-depth) * 3px) rgba(0,0,0,.34),inset 0 1px 0 color-mix(in srgb,var(--prime-skin-edge) 24%,transparent)!important;backdrop-filter:blur(var(--prime-skin-blur)) saturate(1.16);-webkit-backdrop-filter:blur(var(--prime-skin-blur)) saturate(1.16)}
html[data-prime-skin] :is(button,.button,.key,.tool,.module-button,.transport button,.mobile-nav button,.screen-actions button,.inspector-tabs button,.s3x-mobile-tool-categories button,.s3x-mobile-actions button){border-color:color-mix(in srgb,var(--prime-skin-edge) 35%,transparent)!important;border-radius:calc(var(--prime-skin-radius) * .72)!important;transition:transform var(--prime-skin-duration) ease,box-shadow var(--prime-skin-duration) ease,border-color var(--prime-skin-duration) ease,background-color var(--prime-skin-duration) ease;transform-style:preserve-3d;box-shadow:0 calc(var(--prime-skin-press-depth) * 1px) 0 color-mix(in srgb,var(--prime-skin-bg) 80%,black),inset 0 1px 0 color-mix(in srgb,var(--prime-skin-edge) 24%,transparent)}
html[data-prime-skin] :is(button,.button,.key,.tool,.module-button,.transport button,.mobile-nav button,.screen-actions button,.inspector-tabs button,.s3x-mobile-tool-categories button,.s3x-mobile-actions button):where(:hover,:focus-visible){border-color:color-mix(in srgb,var(--prime-skin-accent) 72%,transparent)!important;transform:translateY(calc(var(--prime-skin-hover-lift) * -1px)) translateZ(calc(var(--prime-skin-depth) * .2px));box-shadow:0 calc((var(--prime-skin-press-depth) + var(--prime-skin-hover-lift)) * 1px) 0 color-mix(in srgb,var(--prime-skin-bg) 80%,black),0 0 calc(var(--prime-skin-depth) * 1px) color-mix(in srgb,var(--prime-skin-accent) 22%,transparent)}
html[data-prime-skin] :is(button,.button,.key,.tool,.module-button,.transport button,.mobile-nav button,.screen-actions button,.inspector-tabs button,.s3x-mobile-tool-categories button,.s3x-mobile-actions button):active{transform:translateY(calc(var(--prime-skin-press-depth) * 1px)) translateZ(0);box-shadow:inset 0 calc(var(--prime-skin-press-depth) * 1px) calc(var(--prime-skin-press-depth) * 2px) rgba(0,0,0,.35)}
html[data-prime-skin="metal"] :is(button,.key,.tool,.module-button){background-image:linear-gradient(180deg,rgba(255,255,255,.12),transparent 38%),var(--prime-skin-pattern)!important;text-transform:uppercase}
html[data-prime-skin="glass"] :is(button,.key,.tool,.module-button){background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(114,231,255,.055) 42%,rgba(3,16,26,.38))!important;backdrop-filter:blur(calc(var(--prime-skin-blur) * .6));-webkit-backdrop-filter:blur(calc(var(--prime-skin-blur) * .6))}
html[data-prime-skin="nexus"] :is(button,.key,.tool,.module-button):where(:hover,:focus-visible){text-shadow:calc(var(--prime-skin-disparity) * -1px) 0 color-mix(in srgb,var(--prime-skin-accent) 75%,transparent),calc(var(--prime-skin-disparity) * 1px) 0 color-mix(in srgb,var(--prime-skin-accent-2) 70%,transparent)}
html[data-prime-skin="steampunk"] :is(button,.key,.tool,.module-button){background-image:radial-gradient(circle at 7px 7px,#f4c471 0 1px,#73421e 1.5px 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),#f4c471 0 1px,#73421e 1.5px 2.5px,transparent 3px),linear-gradient(180deg,#5b371a,#261307)!important;letter-spacing:.055em}
html[data-prime-skin="liquid-gold"] :is(button,.key,.tool,.module-button){background-image:radial-gradient(ellipse at 25% 12%,rgba(255,255,231,.55),transparent 26%),linear-gradient(112deg,#7b4200,#ffd75d 28%,#a25a00 49%,#fff0a0 67%,#8b4a00)!important;background-size:180% 180%!important;color:#1c1000!important;text-shadow:0 1px rgba(255,255,255,.28);box-shadow:0 calc(var(--prime-skin-press-depth) * 1px) 0 #5b3000,inset 0 1px 0 #fff4ba,0 0 18px rgba(255,187,36,.14)}
html[data-prime-skin="liquid-gold"] :is(.app-dock,.topbar,.pc-book-reader-panel,#sprite .console,.studio-console){background-size:170% 170%!important;animation:prime-liquid-gold-flow 7.5s ease-in-out infinite alternate}
html[data-prime-skin="liquid-gold"] :is(button,.key,.tool,.module-button):where(:hover,:focus-visible){animation:prime-liquid-gold-flow 1.8s ease-in-out infinite alternate;box-shadow:0 calc((var(--prime-skin-press-depth) + var(--prime-skin-hover-lift)) * 1px) 0 #4c2700,0 0 22px rgba(255,211,94,.36),inset 0 1px 0 #fffbe0}
@keyframes prime-liquid-gold-flow{from{background-position:0% 22%}to{background-position:100% 78%}}
html[data-prime-skin] :is(.pc-book-reader-panel,#pcBookReader,.pc-reader-frame-v2){--reader-text:var(--prime-skin-text);--reader-heading:color-mix(in srgb,var(--prime-skin-text) 88%,white);--frame-accent:var(--prime-skin-accent);--frame-accent-soft:color-mix(in srgb,var(--prime-skin-accent) 30%,transparent);--frame-accent-faint:color-mix(in srgb,var(--prime-skin-accent) 8%,transparent)}

.prime-skin-launcher{white-space:nowrap}
.prime-tools-heading .prime-skin-launcher{margin-inline-start:auto;min-width:4.8rem;padding:.48rem .72rem;font-size:.66rem;letter-spacing:.12em}
.prime-skin-dialog{position:fixed;z-index:2147483000;inset:50% auto auto 50%;width:min(48rem,calc(100vw - 1rem));max-width:none;max-height:min(48rem,calc(100dvh - 1rem));margin:0;padding:0;translate:-50% -50%;overflow:hidden;border:1px solid color-mix(in srgb,var(--prime-skin-edge) 45%,transparent);border-radius:max(12px,var(--prime-skin-radius));background:var(--prime-skin-surface);color:var(--prime-skin-text);box-shadow:0 2rem 6rem rgba(0,0,0,.68);font-family:var(--prime-skin-font)}
.prime-skin-dialog::backdrop{background:rgba(0,3,8,.74);backdrop-filter:blur(5px)}
.prime-skin-shell{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:min(48rem,calc(100dvh - 1rem))}
.prime-skin-head{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--prime-skin-edge) 24%,transparent);background:color-mix(in srgb,var(--prime-skin-panel-strong) 92%,transparent)}
.prime-skin-head div{display:grid;gap:.12rem}.prime-skin-head b{font-size:.82rem;letter-spacing:.18em}.prime-skin-head small{color:var(--prime-skin-muted)}.prime-skin-close{margin-inline-start:auto;min-width:2.7rem;min-height:2.7rem}
.prime-skin-body{overflow:auto;overscroll-behavior:contain;padding:1rem;scrollbar-color:var(--prime-skin-accent) transparent}
.prime-skin-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem}
.prime-skin-card{position:relative;display:grid;align-content:end;min-height:7.5rem;padding:.72rem;overflow:hidden;text-align:start;color:var(--prime-skin-text)}
.prime-skin-card::before{position:absolute;inset:0;content:"";background:var(--prime-skin-card-bg);opacity:.95}.prime-skin-card::after{position:absolute;inset:7px;border:1px solid var(--prime-skin-card-edge);border-radius:inherit;content:"";opacity:.6}.prime-skin-card>*{position:relative;z-index:1}.prime-skin-card b{font-size:.8rem;letter-spacing:.13em}.prime-skin-card small{margin-top:.2rem;color:inherit;opacity:.74}
.prime-skin-card[data-skin="metal"]{--prime-skin-card-bg:repeating-linear-gradient(0deg,#303940 0 1px,#141a1e 1px 4px);--prime-skin-card-edge:#d6e3e7}
.prime-skin-card[data-skin="glass"]{--prime-skin-card-bg:linear-gradient(145deg,#477d93,#102b3b 52%,#554d91);--prime-skin-card-edge:#baf2ff}
.prime-skin-card[data-skin="nexus"]{--prime-skin-card-bg:linear-gradient(rgba(85,240,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(160,119,255,.12) 1px,transparent 1px),#050916;--prime-skin-card-edge:#55f0ff;background-size:17px 17px}
.prime-skin-card[data-skin="steampunk"]{--prime-skin-card-bg:radial-gradient(circle at 10px 10px,#f1bf68 0 2px,#6c3d18 2.5px 4px,transparent 4.5px),linear-gradient(145deg,#75471f,#251208 62%,#8f5523);--prime-skin-card-edge:#e3ab51}
.prime-skin-card[data-skin="liquid-gold"]{--prime-skin-card-bg:radial-gradient(ellipse at 20% 18%,#fff5bd 0 5%,transparent 26%),linear-gradient(118deg,#5f3100,#f4b424 25%,#fff1a0 39%,#8f4b00 58%,#ffd45e 74%,#6d3800);--prime-skin-card-edge:#ffe6a1}
.prime-skin-card[data-skin="liquid-gold"]::before{background-size:180% 180%;animation:prime-liquid-gold-flow 3.8s ease-in-out infinite alternate}
.prime-skin-card[aria-pressed="true"]{outline:2px solid var(--prime-skin-accent);outline-offset:2px}
.prime-skin-custom{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(15rem,.85fr);gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--prime-skin-edge) 22%,transparent)}
.prime-skin-maker{display:grid;gap:.65rem}.prime-skin-maker h3,.prime-skin-maker p{margin:0}.prime-skin-maker p{color:var(--prime-skin-muted);font-size:.82rem;line-height:1.5}.prime-skin-upload{display:inline-flex;align-items:center;justify-content:center;min-height:2.7rem;padding:.6rem .85rem;border:1px dashed color-mix(in srgb,var(--prime-skin-accent) 62%,transparent);border-radius:calc(var(--prime-skin-radius) * .72);cursor:pointer}.prime-skin-upload input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.prime-skin-json{box-sizing:border-box;width:100%;min-height:11rem;resize:vertical;padding:.72rem;border:1px solid color-mix(in srgb,var(--prime-skin-edge) 30%,transparent);border-radius:calc(var(--prime-skin-radius) * .65);background:color-mix(in srgb,var(--prime-skin-bg) 88%,black);color:var(--prime-skin-text);font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}
.prime-skin-actions{display:flex;flex-wrap:wrap;gap:.45rem}.prime-skin-actions button{min-height:2.45rem;padding:.48rem .7rem}.prime-skin-status{min-height:1.4rem;margin:0;color:var(--prime-skin-muted);font-size:.78rem}.prime-skin-status[data-state="error"]{color:#ff9e91}.prime-skin-status[data-state="ok"]{color:#7dffca}
.prime-skin-preview{position:relative;display:grid;align-content:center;gap:.8rem;min-height:16rem;padding:1rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--prime-skin-edge) 38%,transparent);border-radius:var(--prime-skin-radius);background-image:var(--prime-skin-pattern),var(--prime-skin-surface);color:var(--prime-skin-text);perspective:var(--prime-skin-perspective)}
.prime-skin-preview::before{position:absolute;inset:0;content:"";background:radial-gradient(circle at 24% 18%,color-mix(in srgb,var(--prime-skin-accent) 20%,transparent),transparent 36%);pointer-events:none}.prime-skin-preview>*{position:relative}.prime-skin-preview strong{letter-spacing:.13em}.prime-skin-preview span{color:var(--prime-skin-muted);font-size:.8rem}.prime-skin-preview button{min-height:3rem;border-color:var(--prime-skin-edge)!important;background:color-mix(in srgb,var(--prime-skin-panel-strong) 86%,transparent)!important;color:var(--prime-skin-text)}
.prime-skin-guide{margin-top:.85rem;border:1px solid color-mix(in srgb,var(--prime-skin-edge) 22%,transparent);border-radius:calc(var(--prime-skin-radius) * .72);padding:.68rem}.prime-skin-guide summary{cursor:pointer;font-weight:700;letter-spacing:.08em}.prime-skin-guide ol{margin:.7rem 0 .25rem;padding-inline-start:1.35rem;color:var(--prime-skin-muted);font-size:.82rem;line-height:1.55}

html[data-prime-resource-tier="low"],html[data-pc-hw-tier="low"],html.super-low-cost{--prime-skin-blur:0px;--prime-skin-particles:0;--prime-skin-hover-lift:0;--prime-skin-depth:4}
html[data-prime-resource-tier="low"] :is(.prime-skin-dialog,.prime-skin-preview),html[data-pc-hw-tier="low"] :is(.prime-skin-dialog,.prime-skin-preview),html.super-low-cost :is(.prime-skin-dialog,.prime-skin-preview){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-prime-resource-tier="low"][data-prime-skin="liquid-gold"] *,html[data-pc-hw-tier="low"][data-prime-skin="liquid-gold"] *,html.super-low-cost[data-prime-skin="liquid-gold"] *{animation:none!important}
@media(max-width:680px){.prime-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prime-skin-card{min-height:5.6rem}.prime-skin-custom{grid-template-columns:1fr}.prime-skin-preview{min-height:10rem}.prime-skin-dialog{width:calc(100vw - .5rem);max-height:calc(100dvh - .5rem)}}
@media(prefers-reduced-motion:reduce){html[data-prime-skin]{--prime-skin-duration:0ms;--prime-skin-hover-lift:0;--prime-skin-press-depth:0;--prime-skin-particles:0}html[data-prime-skin] *,html[data-prime-skin] *::before,html[data-prime-skin] *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
@media(forced-colors:active){.prime-skin-dialog,.prime-skin-card,.prime-skin-preview,.prime-skin-upload{forced-color-adjust:auto;border:1px solid CanvasText!important;background:Canvas!important;color:CanvasText!important}.prime-skin-card[aria-pressed="true"]{outline:3px solid Highlight}}