/* MakePromptAI v76 — isolated prompt-library styles */
:root{color-scheme:dark;--bg:#0D1524;--panel:#172437;--text:#E8F1FC;--cyan:#39D2B4;--muted:#aabed2;--border:#31506a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(ellipse at 8% 0%,#113657 0%,transparent 38%),radial-gradient(ellipse at 100% 60%,#10283c 0%,transparent 45%),var(--bg)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(#39d2b416 1px,transparent 1px),linear-gradient(90deg,#39d2b416 1px,transparent 1px);background-size:64px 64px}a{color:#77f1d7}a:hover{color:white}.shell{width:min(1200px,calc(100% - 36px));margin:auto;position:relative}.topbar{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.logo{font-size:1.25rem;font-weight:850;color:var(--text);text-decoration:none}.logo b{color:var(--cyan)}.navlinks{display:flex;gap:18px;flex-wrap:wrap}.navlinks a{text-decoration:none;color:var(--muted)}.navlinks a:hover{color:var(--cyan)}.hero{padding:52px 0 26px}.eyebrow{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:var(--cyan)}h1{font-size:clamp(2rem,5vw,3.55rem);line-height:1.13;letter-spacing:-.035em;margin:12px 0 16px}h2{font-size:1.55rem;line-height:1.3}h3{font-size:1.05rem}.lede{color:var(--muted);max-width:780px;font-size:1.1rem}.crumbs{color:var(--muted);font-size:.9rem;padding-top:22px}.crumbs a{color:var(--muted)}.ad-slot{display:flex;align-items:center;justify-content:center;min-height:90px;border:1px dashed #38546b;border-radius:12px;color:#7892a7;background:#10203455;font-size:.75rem;text-align:center;margin:18px 0 30px}.ad-slot.article{min-height:170px;margin:26px 0}.ad-slot.sidebar{min-height:115px;margin:22px 0 0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.panel{background:#172437ed;border:1px solid #31506a;border-radius:20px;padding:26px;box-shadow:0 18px 48px #0004,0 0 25px #39d2b408}.panel.output{border-color:#39d2b46c}.panel p{color:#bfd0e1}.tag{display:inline-block;border:1px solid #39d2b455;border-radius:999px;color:var(--cyan);font-size:.76rem;font-weight:750;padding:4px 11px}.field{display:block;font-weight:700;margin:18px 0 7px}textarea,input,select{width:100%;background:#0c192a;color:var(--text);border:1px solid #3a5871;border-radius:12px;padding:13px;font:inherit}textarea{min-height:165px;resize:vertical}textarea:focus,input:focus,select:focus{outline:2px solid var(--cyan);outline-offset:1px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}button{border:0;border-radius:11px;padding:12px 17px;font-weight:800;cursor:pointer;background:var(--cyan);color:#07251f}button.secondary{background:#263e53;color:var(--text);border:1px solid #42617a}button:hover{filter:brightness(1.12)}.status{min-height:1.5em;font-size:.9rem;color:var(--cyan)!important}.cinematic-viewport{position:relative;min-height:180px;overflow:hidden;border:1px solid #39d2b45a;border-radius:14px;background:radial-gradient(circle at 65% 45%,#39d2b43a,transparent 26%),repeating-linear-gradient(0deg,#39d2b415 0px,#39d2b415 1px,transparent 1px,transparent 25px),linear-gradient(135deg,#0a1425,#133c4a 55%,#091727);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.cinematic-viewport:before{content:"";position:absolute;width:190px;height:190px;border:1px solid #39d2b455;border-radius:50%;box-shadow:0 0 45px #39d2b42b,0 0 0 27px #39d2b40c;transform:rotateX(60deg)}.cinematic-viewport strong{z-index:1;text-transform:uppercase;letter-spacing:.12em;color:#cffff4}.cinematic-viewport small{z-index:1;color:#b4d6d4}.content{max-width:960px;margin:44px auto}.content p,.content li{color:#c4d3e0}.content section{margin:28px 0}.example{background:#101e30;border-left:3px solid var(--cyan);border-radius:8px;padding:16px 20px}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related a,.catalog a{display:block;padding:15px;background:#172437;border:1px solid #31506a;border-radius:12px;text-decoration:none;color:var(--text)}.related a:hover,.catalog a:hover{border-color:var(--cyan)}.related small,.catalog small{display:block;color:#a9c1d4}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-title{margin:40px 0 16px;color:var(--cyan)}footer{padding:35px 0 55px;border-top:1px solid #31506a;margin-top:45px;color:#a6bacb}.footlinks{display:flex;gap:16px;flex-wrap:wrap}.skip{position:absolute;top:-90px;left:0;background:var(--cyan);color:#000;padding:10px;z-index:10}.skip:focus{top:0}@media(max-width:850px){.columns{grid-template-columns:1fr}.catalog,.related{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.shell{width:min(100% - 24px,1200px)}.panel{padding:18px}.catalog,.related{grid-template-columns:1fr}.hero{padding-top:34px}.navlinks{gap:11px}.topbar{align-items:flex-start}}

/* v79.2 consistent responsive navigation */
header nav[aria-label="Main navigation"],header nav[aria-label="Primary navigation"]{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(7px,1.1vw,16px)}
header nav[aria-label="Main navigation"] a,header nav[aria-label="Primary navigation"] a{font-size:clamp(11px,.88vw,14px);white-space:nowrap;text-decoration:none}
header nav a[aria-current="page"]{color:#39D2B4!important}
@media(max-width:850px){header nav[aria-label="Main navigation"],header nav[aria-label="Primary navigation"]{gap:10px}header nav a{white-space:normal!important}}
