/* pg-glass.css — "Aurora Glass" look for the Build-a-paper tab only (4ab.in/ai-test-generator/#paper), owner 8 Nov 2026.
   Same design language as ev-glass.css (the answer-checker tool page). Everything is scoped to html.pg-tool, which
   pg-glass.js sets only while #view-paper is visible — Browse and My papers are untouched. No behaviour changes. */
html.pg-tool body{background:#f3f4ff}

/* ---------- hero: dark aurora band + three floating 3D tiles ---------- */
.pg3d-art{display:none}
html.pg-tool .ex-hero{max-width:none!important;margin:0!important;padding:0!important;position:relative;overflow:hidden;isolation:isolate;color:#fff;
  background:radial-gradient(ellipse at 16% 12%,rgba(120,74,255,.44) 0,transparent 42%),radial-gradient(ellipse at 84% 9%,rgba(19,142,243,.32) 0,transparent 40%),linear-gradient(150deg,#0b0c2b 0%,#16164b 45%,#252267 100%)}
html.pg-tool .ex-hero .ab-hero__panel{max-width:1280px;margin:0 auto;padding:34px 28px 64px!important;display:flex;align-items:center;justify-content:space-between;gap:24px;background:none!important;border:0!important;box-shadow:none!important}
html.pg-tool .pg3d-l{min-width:0;max-width:820px}
html.pg-tool .ex-hero .ab-kicker{display:inline-flex;align-items:center;color:#cfc8ff!important;letter-spacing:.17em;font-size:10.5px;font-weight:800;text-transform:uppercase;border:1px solid #ffffff38;background:linear-gradient(110deg,#ffffff20,#ffffff06);padding:6px 14px;border-radius:100px;box-shadow:inset 0 1px #ffffff3b;margin:0 0 14px}
html.pg-tool .ex-hero .ab-hero__title{font-family:Poppins,system-ui,sans-serif;font-size:clamp(30px,3.6vw,50px);font-weight:700;letter-spacing:-.04em;line-height:1.1;margin:0 0 12px;background:linear-gradient(95deg,#fff 0%,#c9bfff 55%,#ffc3ea 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html.pg-tool .ex-hero .ab-hero__lede{font-size:15px;line-height:1.7;color:#d1d5f1!important;max-width:660px;margin:0}
html.pg-tool .pg3d-art{display:block;position:relative;flex:0 0 300px;width:300px;height:220px;perspective:900px;pointer-events:none;filter:drop-shadow(0 26px 25px #09052488)}
.pg3d-card{position:absolute;display:grid;place-items:center;overflow:hidden;border:1px solid #ffffffb8;box-shadow:inset 3px 4px 6px #ffffffba,inset -12px -14px 25px #2c168c88,0 25px 46px #03062487}
.pg3d-card::before{content:"";position:absolute;top:-40%;left:-50%;width:160%;height:83%;border-radius:50%;background:linear-gradient(180deg,#ffffffa5,transparent);transform:rotate(-18deg);opacity:.57}
.pg3d-card svg{width:62%;height:62%;position:relative;color:#fff;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:6}
.pg3d-main{width:132px;height:132px;top:44px;left:80px;border-radius:40px;background:linear-gradient(135deg,#ddd4ff,#b08aff 19%,#8152f8 50%,#4435d3);transform:rotate(-14deg);animation:pgA 6s ease-in-out infinite}
.pg3d-sel{width:86px;height:86px;right:6px;top:14px;border-radius:27px;background:linear-gradient(125deg,#c6fff0,#57f4e4 20%,#1dc7c8 55%,#0084a7);transform:rotate(13deg);animation:pgB 5s ease-in-out infinite}
.pg3d-seed{width:82px;height:82px;left:2px;bottom:10px;border-radius:25px;background:linear-gradient(125deg,#fff8ba,#ffca68 24%,#fe8c6a 58%,#e34386);transform:rotate(15deg);animation:pgC 5.6s ease-in-out infinite}
@keyframes pgA{50%{transform:translateY(-10px) rotate(-11deg)}}
@keyframes pgB{50%{transform:translateY(9px) rotate(9deg)}}
@keyframes pgC{50%{transform:translateY(-9px) rotate(20deg)}}

/* ---------- workspace ---------- */
html.pg-tool .ex-tabs{margin-top:18px}
/* step strip: dark glass band, like the checker's step rail */
html.pg-tool .pgen__steps{background:linear-gradient(114deg,#1a1a53,#272073 50%,#184976);border-radius:22px;padding:14px 20px;box-shadow:inset 0 1px #ffffff40,0 14px 30px #1a1a5333;border:0}
html.pg-tool .pgen__steps li{color:#1b2550!important;font-weight:600}html.pg-tool .pgen__steps li *:not(b){color:#1b2550!important;opacity:1!important;font-weight:600}
html.pg-tool .pgen__steps li b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;margin-right:10px;color:#fff;background:linear-gradient(145deg,#afa8ff,#7458ff 45%,#4434cc);border:1px solid #e2deff;box-shadow:inset 0 2px #ffffff95,0 0 0 4px #a393ff35}
/* settings card: raised glossy panel */
html.pg-tool .pgen__setup{background:linear-gradient(145deg,#fff,#f8f8ff)!important;border:1px solid #fff!important;border-radius:28px!important;box-shadow:0 30px 70px #0d0b4533,0 8px 24px #25206f1f,0 0 0 2px #ddd4ff80!important}
html.pg-tool .pgen__head h2{font-family:Poppins,system-ui,sans-serif;color:#1b2550;letter-spacing:-.02em}
html.pg-tool .pgen .inp{height:48px;border-radius:14px;border:1px solid #d4cefc;background:linear-gradient(147deg,#fff,#f7f4ff);box-shadow:inset 0 2px 1px #fff,0 4px 10px #51439f10;transition:border-color .2s,box-shadow .2s}
html.pg-tool .pgen .inp:focus{outline:none;border-color:#7458ff;box-shadow:0 0 0 4px #a393ff40}
html.pg-tool .pgen .fgroup label,html.pg-tool .pgen .flabel{color:#3b4570;font-weight:600}
/* pool counter + primary button */
html.pg-tool #poolLive{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:100px;background:linear-gradient(135deg,#e3fff7,#d9f4ff);border:1px solid #b6efe0;color:#0b4a4f;box-shadow:inset 0 1px #fff}
html.pg-tool #poolLive b{color:#0a7d72}
html.pg-tool #genBtn{height:52px;padding:0 34px;border:1px solid #e2deff;border-radius:100px;color:#fff;font-weight:700;letter-spacing:.01em;background:linear-gradient(145deg,#9f94ff,#7458ff 48%,#4434cc);box-shadow:inset 0 2px #ffffffa0,inset 0 -6px 12px #2c168c66,0 14px 28px #4434cc55;transition:transform .2s,box-shadow .2s}
html.pg-tool #genBtn:hover{transform:translateY(-2px);box-shadow:inset 0 2px #ffffffa0,inset 0 -6px 12px #2c168c66,0 20px 34px #4434cc66}
html.pg-tool #genBtn:active{transform:translateY(0)}
/* filter panel + empty state */
html.pg-tool #filterSide{background:linear-gradient(160deg,#f5f0ff,#edf5ff 55%,#f4f5ff)!important;border:1px solid #dfe5fb!important;border-radius:24px!important;box-shadow:0 18px 40px #25206f14}
html.pg-tool #paperOut .card.empty{border-radius:24px;border:1px dashed #cfc8fa;background:linear-gradient(147deg,#fff,#f5f1ff);box-shadow:inset 0 2px 1px #fff}

@media (max-width:760px){
  html.pg-tool .pg3d-art{display:none}
  html.pg-tool .ex-hero .ab-hero__panel{padding:24px 16px 40px!important}
  html.pg-tool .pgen__steps{border-radius:18px;padding:12px 14px}
}
@media (prefers-reduced-motion:reduce){.pg3d-card{animation:none!important}html.pg-tool #genBtn{transition:none}}

/* compact hero — owner 10 Nov 2026 "reduce height" */
html.pg-tool .ex-hero .ab-hero__panel{padding:16px 28px 22px!important}
html.pg-tool .ex-hero .ab-kicker{margin:0 0 8px;padding:4px 12px}
html.pg-tool .ex-hero .ab-hero__title{font-size:clamp(26px,2.8vw,38px);margin:0 0 6px}
html.pg-tool .ex-hero .ab-hero__lede{font-size:14px;line-height:1.55}
html.pg-tool .pg3d-art{height:130px;flex-basis:200px;width:200px;transform:scale(.62);transform-origin:center}
@media (max-width:760px){html.pg-tool .ex-hero .ab-hero__panel{padding:14px 16px 18px!important}}