.gpt-page [hidden] { display: none !important; }
.gpt-jumps { display:flex; flex-wrap:wrap; gap:12px 24px; padding-block:25px; border-bottom:1px solid #ddd9d3; }
.gpt-jumps a { color:#3f3e43; font-size:14px; text-underline-offset:5px; }
.gpt-page section[id] { scroll-margin-top:88px; }
.gpt-stats { display:flex; flex-wrap:wrap; gap:24px; margin-top:30px; padding-top:22px; border-top:1px solid #ffffff30; color:#c7c4bf; font-size:13px; }
.gpt-stats strong { color:#fff; font-size:19px; display:block; margin-bottom:4px; }
.gpt-filter { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.gpt-filter button,.gpt-copy,.gpt-small-button { border:1px solid #cbc6be; background:transparent; color:#3c3835; border-radius:6px; padding:10px 15px; font-family:inherit; font-size:13px; font-weight:500; line-height:1.4; cursor:pointer; min-height:44px; }
.gpt-filter button[aria-pressed=true] { background:#18181b; border-color:#18181b; color:#fff; }
.gpt-prompts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.gpt-prompt-card { background:#fff; border:1px solid #e1ddd7; border-radius:14px; padding:24px; display:flex; flex-direction:column; align-items:flex-start; }
.gpt-prompt-card .gpt-tag { font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:1px; color:#a63d08; }
.gpt-prompt-card h3 { margin:12px 0; font-size:20px; line-height:1.3; }
.gpt-prompt-card .gpt-prompt-text { font-size:14px; line-height:1.65; color:#3f3d41; margin:0 0 20px; }
.gpt-prompt-card .gpt-copy { margin-top:auto; background:#f8f7f5; }
.gpt-copy:hover,.gpt-small-button:hover { border-color:#a63d08; color:#a63d08; }
.gpt-status { min-height:24px; margin-top:12px; font-size:13px !important; }
.gpt-gallery { border:1px solid #d7d3cc; border-radius:20px; overflow:hidden; background:#fff; }
.gpt-gallery-stage { position:relative; display:block; width:100%; padding:0; border:0; cursor:zoom-in; background:#eae7e1; }
.gpt-gallery-stage img { width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; display:block; }
.gpt-gallery-action { position:absolute; bottom:20px; right:20px; padding:10px 16px; background:#171719; color:white; border-radius:6px; font-size:13px; box-shadow:0 3px 15px #0003; }
.gpt-gallery-caption { padding:22px 26px; display:flex; gap:24px; justify-content:space-between; align-items:center; }
.gpt-gallery-caption h3 { font-size:20px; margin:0 0 6px; }
.gpt-gallery-caption p { margin:0; font-size:13px; max-width:750px; }
.gpt-gallery-caption a { font-size:13px; color:#993805; white-space:nowrap; text-underline-offset:4px; }
.gpt-thumbs { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-top:18px; }
.gpt-thumb { display:block; min-width:0; padding:6px; border:2px solid transparent; border-radius:10px; background:transparent; text-align:left; cursor:pointer; color:#343237; }
.gpt-thumb[aria-pressed=true] { border-color:#a63d08; background:#fff; }
.gpt-thumb img { width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; display:block; border-radius:5px; background:#eae7e1; }
.gpt-thumb span { display:block; font-size:12px; font-weight:500; line-height:1.4; padding:10px 4px 4px; }
.gpt-skill-list { border-top:1px solid #d7d3cc; }
.gpt-skill { display:grid; grid-template-columns:50px 1fr 1fr; gap:22px; padding:30px 0; border-bottom:1px solid #d7d3cc; }
.gpt-skill-number { color:#a63d08; font-size:14px; font-weight:600; padding-top:3px; }
.gpt-skill h3 { font-size:22px; line-height:1.3; margin-bottom:10px; }
.gpt-skill p { margin:0; font-size:15px; }
.gpt-skill ul { margin:0; padding-left:20px; font-size:14px; color:#5c5c63; line-height:1.9; }
.gpt-tool-overview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px 32px; margin:36px 0; }
.gpt-tool-overview article { border-top:2px solid #dfd9d1; padding-top:20px; }
.gpt-tool-overview h3 { font-size:18px; margin-bottom:10px; }
.gpt-tool-overview p { font-size:14px; margin:0; }
.gpt-catalog { background:#fff; border:1px solid #d7d3cc; border-radius:12px; }
.gpt-catalog > summary { font-size:17px; font-weight:600; cursor:pointer; padding:24px; }
.gpt-catalog-inner { padding:0 24px 24px; }
.gpt-catalog-inner > a { color:#993805; text-underline-offset:4px; }
.gpt-catalog label { display:block; font-size:14px; font-weight:500; margin-bottom:8px; }
.gpt-catalog input { width:100%; padding:13px; border:1px solid #bcb7af; border-radius:6px; background:#fff; color:#18181b; font:inherit; }
.gpt-tool-list { display:grid; grid-template-columns:1fr 1fr; max-height:540px; overflow:auto; overscroll-behavior:contain; list-style:none; padding:0; margin:16px 0 0; gap:0 24px; }
.gpt-tool { border-top:1px solid #e4e0d9; padding:17px 0; min-width:0; }
.gpt-tool a,.gpt-tool code { color:#71380d; font:13px/1.6 ui-monospace,monospace; overflow-wrap:anywhere; }
.gpt-tool p { font-size:13px; line-height:1.5; margin:6px 0; }
.gpt-tool small { color:#66636a; font-size:11px; }
.gpt-ambient { background:#171719; color:#fff; }
.gpt-ambient h2,.gpt-ambient h3 { color:#fff; }
.gpt-ambient p { color:#c7c3be; }
.gpt-ambient .app-eyebrow { color:#ff9557; }
.gpt-ambient-head { display:grid; grid-template-columns:1.6fr 1fr; gap:70px; align-items:center; }
.gpt-person { display:flex; align-items:center; gap:20px; }
.gpt-person img { width:90px; height:90px; border-radius:50%; object-fit:cover; }
.gpt-person strong { display:block; font-size:18px; }
.gpt-person span { display:block; font-size:13px; line-height:1.6; margin-top:5px; color:#c7c3be; }
.gpt-system { display:grid; grid-template-columns:1fr 48px 1fr 48px 1fr; align-items:stretch; gap:12px; margin:40px 0 28px; }
.gpt-system article { border:1px solid #454349; border-radius:12px; padding:24px; }
.gpt-system h3 { font-size:18px; margin-bottom:12px; }
.gpt-system p { font-size:14px; margin:0; }
.gpt-system .gpt-system-brain { border-color:#bd693c; background:#2b211c; }
.gpt-system-arrow { display:grid; place-items:center; color:#ff9557; font-size:26px; }
.gpt-ambient-foot { border-top:1px solid #454349; padding-top:24px; font-size:13px !important; max-width:970px; }
.gpt-ambient a { color:#ffb78e; text-underline-offset:4px; }
.gpt-setup { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:30px; }
.gpt-setup article { border-top:3px solid #ea580c; padding-top:24px; }
.gpt-setup .gpt-step { color:#a63d08; font-size:13px; font-weight:600; }
.gpt-setup h3 { font-size:21px; line-height:1.3; margin:15px 0 10px; }
.gpt-setup p { font-size:15px; }
.gpt-setup a,.gpt-page #get-started .app-actions a { color:#993805; text-underline-offset:4px; }
.gpt-page #get-started .app-actions .gpt-cta { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 22px; border-radius:7px; background:#b54100; color:#fff; text-decoration:none; font-weight:600; }
.gpt-modal { margin:auto; inset:0; border:0; border-radius:16px; padding:0; width:min(1280px,calc(100% - 32px)); max-height:calc(100dvh - 32px); background:#f8f7f5; color:#18181b; }
.gpt-modal::backdrop { background:#000c; }
.gpt-modal-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 20px; }
.gpt-modal-head h2 { font-size:18px; margin:0; }
.gpt-modal-head button { font-size:14px; min-height:44px; }
.gpt-modal img,.gpt-modal video { display:block; width:100%; max-height:70dvh; object-fit:contain; background:#111; }
.gpt-modal-caption { padding:16px 20px; font-size:13px; line-height:1.6; }
.gpt-page .app-faq a { color:#993805; }
@media(max-width:900px) { .gpt-prompts { grid-template-columns:repeat(2,minmax(0,1fr)); } .gpt-ambient-head { grid-template-columns:1fr; gap:25px; } .gpt-system { gap:8px; grid-template-columns:1fr 26px 1fr 26px 1fr; } .gpt-system article { padding:18px; } }
@media(max-width:700px) {
 .gpt-prompts,.gpt-tool-overview,.gpt-tool-list,.gpt-setup { grid-template-columns:1fr; }
 .gpt-jumps { gap:12px 18px; padding-block:20px; }
 .gpt-jumps a { font-size:13px; }
 .gpt-stats { gap:20px; }
 .gpt-stats strong { font-size:17px; }
 .gpt-prompt-card { padding:22px; }
 .gpt-thumbs { display:flex; overflow-x:auto; gap:8px; padding-bottom:8px; }
 .gpt-thumb { flex:0 0 132px; }
 .gpt-gallery-caption { display:block; padding:20px; }
 .gpt-gallery-caption a { display:inline-block; margin-top:12px; }
 .gpt-gallery-action { bottom:10px; right:10px; font-size:12px; padding:8px 10px; }
 .gpt-skill { grid-template-columns:28px 1fr; gap:12px; padding:24px 0; }
 .gpt-skill ul { grid-column:2; }
 .gpt-skill h3 { font-size:20px; }
 .gpt-catalog > summary { padding:20px; font-size:16px; }
 .gpt-catalog-inner { padding:0 20px 20px; }
 .gpt-system { grid-template-columns:1fr; }
 .gpt-system-arrow { transform:rotate(90deg); height:32px; }
 .gpt-person img { width:72px; height:72px; }
 .gpt-modal { width:calc(100% - 20px); }
 .gpt-modal-head { padding:12px; }
 .gpt-modal-head h2 { font-size:16px; }
}