:root{color-scheme:dark;--navy:#081B37;--card:#102A4E;--gold:#D9AD58;--highlight:#F4D28A;--muted:#bdcce0;--border:#345173}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--navy);color:#fff;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--highlight);text-underline-offset:4px}a:hover{color:#fff}button,input,select,textarea{font:inherit}button,select,summary{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--highlight);outline-offset:4px}.wrap{max-width:1220px;width:calc(100% - 64px);margin:auto}.site-header{min-height:110px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--border);position:relative}.brand img{display:block;object-fit:contain}.header-title{font-size:18px;font-weight:650;flex:1}.site-menu summary{list-style:none;border:1px solid var(--border);padding:10px 20px;border-radius:6px}.site-menu summary::after{content:" ☰";color:var(--gold)}.site-menu nav{position:absolute;top:100px;right:0;z-index:10;background:var(--card);border:1px solid var(--border);padding:16px;min-width:280px;box-shadow:0 20px 40px #0007;display:grid;gap:4px;border-radius:8px}.site-menu nav a{padding:8px 12px;text-decoration:none}.skip{position:absolute;left:16px;top:-100px;z-index:99;background:var(--gold);color:var(--navy);padding:12px}.skip:focus{top:12px}.language-row{display:flex;justify-content:flex-end;padding-top:22px}.languages{display:flex;gap:20px;font-size:13px;flex-wrap:wrap}.languages a{color:var(--muted);text-decoration:none;padding:4px 0}.languages [aria-current]{color:var(--highlight);border-bottom:2px solid var(--gold)}.hero{max-width:900px;padding:45px 0 48px}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:750;color:var(--gold);text-transform:uppercase;margin:0 0 22px}h1{font-size:clamp(36px,5.1vw,66px);line-height:1.08;letter-spacing:-.045em;margin:0 0 26px;font-weight:650}h2{font-size:clamp(25px,3vw,36px);line-height:1.2;letter-spacing:-.025em;margin:0 0 24px;font-weight:600}h3{font-size:16px;margin:0 0 8px;color:var(--highlight)}p{margin:0 0 20px}.lead{font-size:20px;line-height:1.65;max-width:750px;color:var(--muted)}.hero-meta{display:flex;gap:26px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:28px}.hero-meta span:first-child{color:var(--highlight)}.search-panel{background:var(--card);border:1px solid var(--border);border-top:3px solid var(--gold);border-radius:10px;padding:28px;box-shadow:0 12px 35px #0002}.search-label{font-size:19px;font-weight:600;display:block;margin-bottom:12px}input,select,textarea{background:#07182f;color:#fff;border:1px solid #527092;border-radius:6px;padding:12px 14px;max-width:100%;width:100%}#search{font-size:19px;padding:17px 18px}input::placeholder{color:#aabdd3}.filter-row{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:end;margin-top:20px}.filter-row label{font-size:12px;color:var(--muted)}.filter-row select{display:block;margin-top:6px;font-size:14px;height:49px}.filter-row button{height:49px;white-space:nowrap}button,.actions a{border:1px solid var(--border);background:transparent;color:var(--highlight);border-radius:6px;padding:11px 18px;min-height:46px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.section{margin-top:64px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-tile{display:grid;grid-template-columns:30px 1fr;gap:6px 12px;background:#0c2342;border:1px solid var(--border);border-radius:7px;padding:22px 18px;color:#fff;text-decoration:none;transition:border-color .15s,background .15s;min-width:0}.category-tile:hover{border-color:var(--gold);background:var(--card)}.category-num{font:12px ui-monospace,monospace;color:var(--gold);padding-top:5px}.category-tile strong{font-size:15px;line-height:1.4;font-weight:600}.category-tile>span:last-child{grid-column:2;font-size:11px;color:var(--muted)}.roadmap{margin-top:18px;color:var(--muted);font-size:13px}.roadmap p{margin-top:12px}.guide{padding:30px;border:1px solid var(--border);border-radius:8px}.guide h2{font-size:24px}.guide ol{display:grid;grid-template-columns:1fr 1fr;gap:16px 38px;margin:0 0 26px;padding-left:22px}.guide li{padding-left:5px;color:#d5e0ee}.guide li::marker{color:var(--gold);font-weight:700}.notice{border-left:3px solid var(--gold);padding-left:18px;color:#d9e4f2;font-size:14px}.muted{color:var(--muted);font-size:13px}.guide p:last-child{margin-bottom:0}.library-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.library-heading p{font-size:13px;color:var(--muted)}#prompts{display:grid;gap:10px}.prompt-card{border:1px solid var(--border);border-radius:8px;background:#0c2342;overflow:hidden;scroll-margin-top:20px}.prompt-card[open]{border-color:var(--gold)}.prompt-card summary{padding:22px 54px 22px 24px;position:relative;list-style:none}.prompt-card summary::-webkit-details-marker{display:none}.prompt-card summary::after{content:"+";position:absolute;right:23px;top:30px;color:var(--gold);font-size:26px;font-weight:300}.prompt-card[open] summary::after{content:"−"}.prompt-card summary strong{font-size:19px;font-weight:600;display:block;line-height:1.4;margin-top:5px}.card-meta{display:flex;gap:8px 16px;flex-wrap:wrap}.tag{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-weight:650}.mode{font-size:10px;color:var(--muted)}.prompt-body{padding:0 24px 26px;max-width:100%;overflow-wrap:anywhere}.prompt-body section{margin:20px 0}.prompt-body p{color:#d7e2f0;margin-bottom:14px;font-size:15px}.prompt-body pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;background:#06152b;padding:18px;border-radius:6px}.prompt-body fieldset{margin:24px 0;border:1px solid var(--border);padding:20px;border-radius:7px;display:grid;gap:8px;min-width:0}.prompt-body legend{padding:0 8px;color:var(--highlight);font-weight:600}.prompt-body fieldset label{font-size:13px;margin-top:8px;color:var(--muted)}.prompt-body textarea{resize:vertical;font-size:14px;line-height:1.7;min-height:72px}.prompt-body textarea[readonly]{background:#051329;color:#e3ebf7;min-height:220px}.output-label{display:block;font-size:16px;font-weight:650;color:var(--highlight);margin-bottom:10px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.actions .primary{background:var(--gold);border-color:var(--gold);color:var(--navy)}.actions .primary:hover{background:var(--highlight)}.copy-status{min-height:24px;font-size:13px!important;color:var(--highlight)!important;margin-top:12px!important}.limitations{border-left:2px solid #7590b0;padding-left:16px}.related a{display:inline-block;margin:0 18px 8px 0;font-size:14px}.pagination{display:flex;align-items:center;justify-content:center;gap:22px;margin:28px 0;color:var(--muted);font-size:13px}.empty{padding:38px;border:1px dashed var(--border);border-radius:8px;color:var(--muted)}.demo{border-top:1px solid var(--border);padding-top:54px}.demo>div:first-child{max-width:850px}.demo p{color:var(--muted)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.comparison figure{margin:0}.comparison img{width:100%;height:auto;display:block;border-radius:8px}.comparison figcaption{padding:12px 0;font-size:12px;color:var(--gold)}blockquote{margin:20px 0;border-left:3px solid var(--gold);padding:8px 22px;font-size:16px;color:#e0e9f6}.resources{background:var(--card);padding:36px;border-radius:8px}.resources p{color:var(--muted)}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.resource-grid a{border-top:1px solid var(--border);padding-top:14px;font-size:14px}.sources h2{font-size:20px}.sources a{display:inline-block;margin:0 20px 10px 0;font-size:13px}footer{margin-top:64px!important;border-top:1px solid var(--border);padding:34px 0 40px;color:var(--muted);font-size:13px}footer strong{color:var(--gold);font-weight:500}footer p{margin:14px 0 0}@media(max-width:850px){.category-grid{grid-template-columns:1fr 1fr}.wrap{width:calc(100% - 40px)}.hero{padding-top:35px}.guide ol{grid-template-columns:1fr}.filter-row{grid-template-columns:1fr 1fr}.filter-row button{grid-column:1/-1;justify-self:start}}@media(max-width:520px){.wrap{width:calc(100% - 28px)}.site-header{min-height:88px;gap:12px}.brand img{width:56px;height:56px}.header-title{font-size:14px;line-height:1.3}.site-menu summary{padding:8px 12px;font-size:13px}.site-menu nav{top:80px;min-width:260px;max-width:calc(100vw - 28px)}.languages{font-size:11px;gap:15px}.language-row{padding-top:18px}.hero{padding:35px 0 32px}h1{font-size:40px}.eyebrow{font-size:9px;letter-spacing:.12em}.lead{font-size:17px}.hero-meta{font-size:11px;gap:8px;margin-top:22px;flex-direction:column}.search-panel{padding:20px 16px}.search-label{font-size:16px}#search{font-size:16px;padding:14px 12px}.filter-row{gap:12px;grid-template-columns:1fr}.filter-row select{font-size:14px}.filter-row button{width:100%}.section{margin-top:42px}.category-grid{grid-template-columns:1fr 1fr;gap:8px}.category-tile{padding:15px 12px;grid-template-columns:1fr;gap:5px}.category-tile strong{font-size:13px}.category-tile>span:last-child{grid-column:1;font-size:10px}.category-num{font-size:10px}.guide{padding:22px 18px}.guide ol{font-size:14px;gap:14px}.library-heading{display:block}.library-heading h2{margin-bottom:10px}.prompt-card summary{padding:18px 42px 18px 16px}.prompt-card summary strong{font-size:17px}.prompt-card summary::after{right:16px;top:26px}.prompt-body{padding:0 16px 22px}.prompt-body fieldset{padding:12px}.prompt-body textarea{font-size:16px}.actions{display:grid;grid-template-columns:1fr;width:100%}.actions>*{width:100%}.comparison{gap:12px;grid-template-columns:1fr}.resources{padding:24px 20px}.resource-grid{grid-template-columns:1fr}.pagination{gap:12px;font-size:11px}.pagination button{font-size:12px;padding:10px 12px}h2{font-size:26px}blockquote{font-size:14px;padding-left:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.alpha-demo{background-color:#ddd;background-image:linear-gradient(45deg,#bbb 25%,transparent 25%),linear-gradient(-45deg,#bbb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#bbb 75%),linear-gradient(-45deg,transparent 75%,#bbb 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}
