:root{color-scheme:dark;--bg:#0b0c11;--surface:#151921;--line:#30323a;--text:#f4f1e9;--muted:#b5b6bf;--gold:#dfac6a;--teal:#9ed9d4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.wrap{max-width:1260px;margin:auto;padding:0 24px}.top{height:76px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}.brand{font-weight:900;letter-spacing:.13em;text-decoration:none;font-size:.88rem;white-space:nowrap}.brand span{font-size:1.35rem;color:var(--gold);vertical-align:-2px;margin-right:8px}nav{display:flex;align-items:center;gap:24px}nav a{color:var(--muted);font-weight:700;text-decoration:none;font-size:.9rem}nav a:hover,footer a:hover{color:var(--gold)}.pill{border:1px solid var(--line);border-radius:50px;padding:8px 14px;color:var(--gold);font-size:.84rem;white-space:nowrap}.hero{padding:73px 0 74px;display:grid;grid-template-columns:minmax(0,3fr) minmax(230px,1fr);gap:48px;align-items:center;border-bottom:1px solid var(--line)}.eyebrow,.meta{color:var(--gold);font-size:.77rem;font-weight:900;letter-spacing:.16em}.hero h1{font-size:clamp(3.4rem,6.5vw,6.4rem);line-height:.98;letter-spacing:-.075em;margin:24px 0 30px;max-width:860px}.hero h1 em{display:block;color:var(--gold);font-style:normal}.hero p{max-width:780px;color:var(--muted);font-size:1.1rem;line-height:1.6;margin:0 0 30px}.button{display:inline-block;background:var(--gold);color:#18120d;text-decoration:none;padding:14px 19px;border-radius:3px;font-weight:900}.hero-stat{align-self:center}.hero-stat strong{display:block;color:var(--gold);font-size:clamp(5rem,7vw,7rem);line-height:1;font-weight:800}.hero-stat b{display:block;font-size:.84rem;letter-spacing:.15em;margin-top:8px}.hero-stat p{border-top:1px solid var(--line);padding-top:18px;margin-top:25px;font-size:1rem}section:not(.hero){padding:65px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:31px}.section-head h2{font-size:clamp(2.2rem,4vw,3.8rem);letter-spacing:-.06em;margin:12px 0 0}.section-head p{color:var(--muted);max-width:360px;line-height:1.5;margin:0}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--surface)}.feature-art{height:215px;background:radial-gradient(circle at 20% 20%,#304252,#161e28 55%,#11161e);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--teal);position:relative}.feature-art:after{content:'↗';position:absolute;right:20px;bottom:8px;color:#ffffff24;font-size:5rem}.feature-art span{font-size:.75rem;font-weight:900;letter-spacing:.18em}.feature-art b{font-size:2rem;letter-spacing:-.04em}.feature-body{padding:22px;min-height:210px;display:flex;flex-direction:column}.feature h3{font-size:1.53rem;line-height:1.13;letter-spacing:-.045em;margin:15px 0 9px}.feature p,.example p{color:var(--muted);line-height:1.45;margin:0 0 15px}.links{margin-top:auto;display:flex;gap:16px;flex-wrap:wrap}.links a,.test-links a{font-size:.9rem;color:var(--gold);font-weight:800;text-decoration:none}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.compare-card{background:var(--surface);border:1px solid var(--line);padding:16px}.compare-label{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:.83rem;font-weight:900;letter-spacing:.1em;color:var(--gold);margin-bottom:14px}.compare-label a{color:var(--teal);text-decoration:none;letter-spacing:0}.compare-card iframe{width:100%;height:675px;border:0;background:var(--bg)}.compare-pending{height:675px;border:1px dashed var(--line);display:grid;place-items:center;color:var(--muted)}.test-links{display:flex;gap:25px;margin-top:20px}.search{width:100%;background:#14171e;border:1px solid var(--line);color:var(--text);padding:16px 19px;font-size:1rem;border-radius:4px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 27px}.filter{border:1px solid var(--line);background:transparent;color:var(--muted);padding:10px 12px;border-radius:50px;cursor:pointer;font:700 .85rem Arial}.filter.active{background:var(--gold);color:#18120d;border-color:var(--gold)}.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}.example{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;padding:18px 0;border-top:1px solid var(--line)}.thumb{height:120px;background:radial-gradient(circle at 30% 20%,#2d4650,#18212a 58%,#151921);display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:14px;color:var(--teal);font-size:.8rem;font-weight:900;letter-spacing:.15em}.thumb:after{content:'↗';position:absolute;right:8px;bottom:0;color:#ffffff22;font-size:3.3rem}.example h3{font-size:1.35rem;line-height:1.15;letter-spacing:-.035em;margin:7px 0 8px}.example p{font-size:.95rem;margin-bottom:10px}.example .links{margin:0 0 10px}.example .links span{color:var(--text);font-size:.88rem;font-weight:800}.example details{border-top:1px solid var(--line);padding-top:10px;color:var(--muted);font-size:.85rem}.example summary{cursor:pointer;color:var(--text);font-weight:800}.example details p{margin-top:10px;font-size:.88rem}footer{padding:35px 0 55px;display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:.83rem}footer a{color:var(--gold);text-decoration:none;font-weight:800;white-space:nowrap}footer p{margin:0;max-width:710px;text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-stat{display:none}.featured-grid{grid-template-columns:1fr 1fr}.example-grid{grid-template-columns:1fr}.comparison-grid{gap:10px}.compare-card iframe,.compare-pending{height:560px}}@media(max-width:620px){.wrap{padding:0 16px}.top{height:auto;padding:20px 0;flex-wrap:wrap}nav{gap:12px;flex-wrap:wrap}.pill{display:none}.hero{padding:55px 0}.hero h1{font-size:3.8rem}.section-head{display:block}.section-head p{margin-top:12px}.featured-grid,.comparison-grid{grid-template-columns:1fr}.compare-card iframe,.compare-pending{height:650px}.example{grid-template-columns:120px minmax(0,1fr);gap:13px}.thumb{height:100px;font-size:.65rem}.example h3{font-size:1.15rem}.example p{font-size:.86rem}footer{display:block}footer p{text-align:left;margin-top:18px}}
.feature-image{display:block;width:100%;height:215px;object-fit:cover;background:#18212b}.feature-body{min-height:155px}.feature-body .links{margin-top:auto}.example{grid-template-columns:190px minmax(0,1fr);align-items:center;min-height:151px}.thumb-button{display:block;width:190px;height:118px;padding:0;border:0;background:#17222c;cursor:pointer;overflow:hidden}.thumb-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.thumb-button:hover .thumb-image{transform:scale(1.045)}.example-body h3{font-size:1.27rem;margin:0 0 13px}.example-meta{display:flex;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:.83rem;font-weight:700}.example-meta .dot{color:var(--gold)}.example-actions{display:flex;gap:17px;align-items:center;margin-top:17px}.open-card{border:0;padding:0;background:none;color:var(--gold);font:800 .88rem Arial,Helvetica,sans-serif;cursor:pointer}.example-actions a{color:var(--muted);font-size:.88rem;text-decoration:none;font-weight:700}.example-actions a:hover,.open-card:hover{text-decoration:underline}.feature .open-card{white-space:nowrap}#example-dialog{padding:0;border:1px solid #53606c;border-radius:5px;background:#0c1017;color:var(--text);width:min(1100px,95vw);max-width:none;max-height:92vh;box-shadow:0 24px 90px #000c;overflow:auto}#example-dialog::backdrop{background:#05070ce8;backdrop-filter:blur(10px)}#dialog-close{position:absolute;right:15px;top:10px;z-index:4;border:0;background:#101820d9;color:white;border-radius:50%;width:44px;height:44px;font-size:1.8rem;cursor:pointer}#dialog-content{display:grid;grid-template-columns:1.1fr 1fr;min-height:550px}.dialog-visual{position:relative;background:#18222b}.dialog-visual img{width:100%;height:100%;min-height:550px;object-fit:cover;display:block}.dialog-visual span{position:absolute;bottom:24px;left:24px;font-size:.74rem;letter-spacing:.15em;color:white;background:#0009;padding:9px}.dialog-copy{padding:54px 45px 42px;display:flex;flex-direction:column}.dialog-copy h2{font-size:clamp(2.3rem,4vw,4.2rem);line-height:1.03;letter-spacing:-.06em;margin:18px 0 28px}.dialog-copy>p{font-size:1.13rem;line-height:1.55;color:var(--muted);margin:0 0 25px}.prompt-block{border-top:1px solid var(--line);padding-top:22px;margin-top:8px}.prompt-block p{line-height:1.5;color:var(--text)}.copy-prompt{border:1px solid var(--gold);background:none;color:var(--gold);padding:9px 13px;cursor:pointer;font-weight:800}.dialog-links{margin-top:auto;padding-top:30px}.dialog-copy small{color:var(--muted);line-height:1.4;margin-top:16px}@media(max-width:900px){#dialog-content{grid-template-columns:1fr}.dialog-visual img{height:300px;min-height:300px}.dialog-copy{padding:32px}}@media(max-width:620px){.thumb-button{width:120px;height:100px}.example{grid-template-columns:120px minmax(0,1fr);min-height:130px}.example-body h3{font-size:1.04rem;margin-bottom:8px}.example-actions{gap:10px;margin-top:10px;flex-wrap:wrap}.open-card,.example-actions a{font-size:.76rem}.dialog-visual img{height:220px;min-height:220px}.dialog-copy{padding:25px}.dialog-copy h2{font-size:2.2rem}}
.study-note{color:var(--muted);font-size:.85rem;margin-top:18px;line-height:1.5}@media(max-width:1050px){nav{gap:13px}nav a{font-size:.81rem}}
.dialog-visual img{object-fit:contain}
.test-links{flex-wrap:wrap}

.prompt-block summary,.prompt-resource summary{cursor:pointer;color:var(--gold);font-weight:800;font-size:1rem}.prompt-block summary span{display:block;color:var(--muted);font-size:.8rem;margin-top:5px;font-weight:400}.prompt-resource{flex:1 0 100%;border-top:1px solid var(--line);padding:18px 0}.prompt-resource pre{white-space:pre-wrap;overflow-wrap:anywhere;font:1rem/1.6 Arial,sans-serif;max-height:440px;overflow:auto;padding:20px;background:#101820}.copy-resource{border:1px solid var(--gold);background:none;color:var(--gold);padding:10px 16px;cursor:pointer;margin-right:20px}.sync-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px;background:#151e28;border:1px solid var(--line);margin-bottom:18px}.sync-controls button{border:1px solid var(--gold);background:var(--gold);color:#11171f;padding:12px 18px;cursor:pointer;font-weight:800;font-size:1rem}.sync-controls button+button{background:transparent;color:var(--gold)}.sync-controls button:disabled{opacity:.55;cursor:wait}.sync-seek{flex:1;min-width:120px;accent-color:var(--gold)}.sync-time{font-variant-numeric:tabular-nums;font-size:.9rem;min-width:110px}.sync-status{flex-basis:100%;color:var(--muted);font-size:.85rem}.comparison-note{font-size:1rem;color:var(--muted);line-height:1.6;margin-top:18px}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.compare-card iframe{width:100%;height:auto!important;aspect-ratio:4/5;display:block}.compare-label{flex-wrap:wrap;gap:8px}@media(max-width:620px){.sync-controls{padding:12px;gap:10px}.sync-seek{flex-basis:65%}.sync-controls button{font-size:.9rem;padding:10px}.compare-label{font-size:.7rem}.comparison-grid{gap:8px}.prompt-resource pre{padding:12px}}
#claude-build-grid .example{align-items:start}#claude-build-grid .example-body h3{margin-top:4px}#claude-build-grid .example-meta{line-height:1.5}.claude-details{border-top:1px solid var(--line);padding-top:12px;margin-top:14px;color:var(--muted)}.claude-details summary{cursor:pointer;color:var(--gold);font-weight:700;font-size:.9rem}.claude-details p{line-height:1.6}.claude-details pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto;font: .88rem/1.65 Arial,sans-serif;margin:16px 0;color:var(--text)}#claude-build-dialog{padding:0;border:1px solid #53606c;border-radius:5px;background:#0c1017;color:var(--text);width:min(1450px,96vw);max-width:none;max-height:94vh;overflow:auto;box-shadow:0 24px 90px #000c}#claude-build-dialog::backdrop{background:#05070ce8;backdrop-filter:blur(10px)}.claude-close{position:absolute;right:12px;top:9px;z-index:5;background:#101820eb;border:1px solid #53606c;color:white;border-radius:50%;width:44px;height:44px;font-size:1.8rem;cursor:pointer}.claude-dialog-content{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr)}.claude-player{background:#06080d;position:relative;display:flex;flex-direction:column;justify-content:center;min-height:430px}.claude-player video,.claude-player img{display:block;width:100%;max-height:78vh;object-fit:contain}.claude-player iframe{display:block;width:100%;aspect-ratio:16/9;border:0;min-height:420px;background:#06080d}.claude-player.portrait iframe{aspect-ratio:4/5;height:min(80vh,900px);min-height:500px}.claude-preview-label{color:var(--muted);padding:8px 18px;font-size:.78rem;text-align:center}.claude-preview-label:empty{display:none}.claude-copy{padding:52px 32px 30px;min-width:0}.claude-copy h2{font-size:clamp(2rem,3vw,3.2rem);letter-spacing:-.05em;line-height:1.05;margin:20px 0}.claude-status{color:var(--teal);font-size:.85rem;line-height:1.5}.claude-links{display:flex;flex-direction:column;gap:15px;margin-top:26px}.claude-links a{color:var(--gold);font-size:.9rem;font-weight:700;text-decoration:none}.claude-links a:hover{text-decoration:underline}.claude-media-note{color:var(--muted);padding:20px;line-height:1.5}@media(max-width:900px){.claude-dialog-content{grid-template-columns:1fr}.claude-player{min-height:200px}.claude-copy{padding:28px}.claude-player iframe{min-height:330px}.claude-player.portrait iframe{min-height:500px}}@media(max-width:620px){.claude-player iframe{min-height:240px}.claude-copy{padding:24px}.claude-copy h2{font-size:2rem}}

/* Compact collection and restored example map */
.hero{padding:42px 0}.hero h1{font-size:clamp(3rem,5vw,5rem)}body[data-page="creator"] .hero{grid-template-columns:1fr}.hero-actions{display:flex;gap:15px;flex-wrap:wrap}.hero-actions .secondary{background:transparent;color:var(--gold);border:1px solid var(--gold)}.expand-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;min-width:36px;min-height:32px;border:1px solid var(--line);border-radius:3px}#claude-build-grid .example-actions{margin-top:10px}#claude-build-grid .claude-details{margin-top:8px;padding-top:8px}.claude-details a{display:inline-block;color:var(--gold);margin:12px 0 0;font-size:.88rem}#claude-build-grid .example{align-items:start}.example{scroll-margin-top:20px}.example:target{outline:1px solid var(--gold);outline-offset:8px}.mapping-scroll{overflow:auto}.example-mapping{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem}.example-mapping th{color:var(--muted);font-weight:700;font-size:.85rem}.example-mapping th,.example-mapping td{padding:15px 12px;border-bottom:1px solid var(--line)}.example-mapping a{color:var(--gold);text-decoration:none}.example-mapping a:hover{text-decoration:underline}.example-mapping td:nth-child(1){color:var(--muted);width:60px}.example-mapping td:nth-last-child(-n+2){white-space:nowrap}.prompt-block details{margin-top:12px}.sync-controls{position:sticky;top:8px;z-index:2;background:#151921f5}.claude-player img{object-fit:contain}#comparison,#importance{scroll-margin-top:10px}.comparison-note{max-width:900px}.section-head h2{font-size:clamp(2rem,3vw,3rem)}

.dialog-visual img{object-fit:contain}