:root{--ink:#0b151b;--ink2:#13242c;--paper:#eef0e8;--mist:#b9c7c3;--copper:#d6a75f;--jade:#8ad0c0;--red:#d77a61;--line:rgba(230,235,224,.16);--shadow:0 24px 70px rgba(1,8,12,.28);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--paper);background:var(--ink)}
[hidden]{display:none!important}
body.capture .topbar{position:relative}
.topbar{font-family:var(--tj-font-body);border-color:var(--tj-border)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 8%,#1d3841 0,transparent 28%),linear-gradient(180deg,#0b151b 0,#101e25 52%,#e8e9df 52.1%,#eef0e8 100%);min-height:100vh}.noise{position:fixed;inset:0;pointer-events:none;opacity:.08;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.topbar{height:76px;display:flex;align-items:center;gap:30px;padding:0 clamp(24px,5vw,80px);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(11,21,27,.86);backdrop-filter:blur(20px);z-index:10}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:700}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(214,167,95,.5);color:var(--copper);font-family:serif}.brand small{display:block;color:#829397;font-size:9px;letter-spacing:.18em;margin-top:3px}.topbar nav{margin-left:auto;display:flex;gap:22px}.topbar nav a{color:#a9b7b7;text-decoration:none;font-size:13px}.health{display:flex;gap:8px;align-items:center;color:#95a6a5;font-size:12px}.health i{width:8px;height:8px;border-radius:50%;background:var(--jade);box-shadow:0 0 15px var(--jade)}main{overflow:hidden}.hero{min-height:700px;padding:clamp(70px,9vw,125px) clamp(24px,6vw,96px) 100px;display:grid;grid-template-columns:minmax(320px,.8fr) minmax(520px,1.2fr);align-items:center;gap:clamp(45px,6vw,100px);max-width:1680px;margin:auto}.eyebrow{font:600 11px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.16em;color:var(--copper)}h1{font-size:clamp(48px,6vw,94px);line-height:.98;letter-spacing:-.055em;margin:22px 0 30px}h1 em{font-style:normal;color:#adcac3;font-weight:300}.lead{max-width:610px;color:#9fb0b0;font-size:17px;line-height:1.8}.lead code,.runner-copy code{color:var(--copper);font-family:ui-monospace,monospace}.hero-stats{display:flex;gap:30px;margin-top:40px;color:#809292;font-size:12px}.hero-stats b{color:var(--paper);font-size:24px;margin-right:6px}.forge-shell{position:relative;background:linear-gradient(145deg,rgba(35,61,70,.72),rgba(13,26,33,.94));border:1px solid rgba(214,167,95,.32);padding:18px;box-shadow:var(--shadow)}.forge-shell:before{content:"";position:absolute;inset:-10px 24px auto;height:1px;background:linear-gradient(90deg,transparent,var(--copper),transparent)}.forge-head{display:flex;justify-content:space-between;padding:3px 5px 15px;color:#839596;font:11px ui-monospace,monospace;letter-spacing:.1em}.forge-head strong{color:var(--copper)}.dropzone{min-height:315px;border:1px dashed rgba(238,240,232,.28);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,rgba(138,208,192,.08),transparent 58%);cursor:pointer;transition:.25s}.dropzone.drag,.dropzone:hover{border-color:var(--jade);background:rgba(138,208,192,.08)}.drop-icon{font-size:42px;color:var(--copper);font-weight:200}.dropzone strong{font-size:22px;margin:16px 0 8px}.dropzone small{color:#7f9294}.ghost,.primary,.link-row button,.seed{border:1px solid rgba(238,240,232,.22);background:transparent;color:inherit;padding:11px 16px;cursor:pointer;font-weight:650}.dropzone .ghost{margin-top:24px}.link-row{display:flex;margin-top:14px}.link-row input,.dna-content input,.runner-panel input,.runner-panel textarea{border:1px solid rgba(238,240,232,.14);background:rgba(2,10,14,.36);color:inherit;padding:13px 14px;outline:none;width:100%}.link-row input:focus,.dna-content input:focus,.runner-panel input:focus,.runner-panel textarea:focus{border-color:var(--jade)}.link-row button,.primary{background:var(--copper);border-color:var(--copper);color:#172028;white-space:nowrap}.quick-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.quick-row span{font-size:10px;color:#708486}.seed{color:var(--jade);border-color:rgba(138,208,192,.25)}.progress{position:absolute;inset:0;background:rgba(8,17,22,.94);z-index:3;display:grid;place-items:center;align-content:center}.progress span{width:180px;height:2px;background:linear-gradient(90deg,transparent,var(--copper),transparent);animation:scan 1.1s infinite}.progress p{color:#aab9b6}@keyframes scan{50%{transform:translateX(70px);opacity:.4}}.rail-section{background:var(--paper);color:#172127;padding:110px clamp(24px,6vw,96px);min-height:620px}.section-title{display:flex;align-items:flex-start;gap:24px;max-width:1480px;margin:0 auto 48px}.section-title>span{font:600 12px ui-monospace,monospace;color:#9a7440;border:1px solid rgba(154,116,64,.35);padding:8px}.section-title p{font:600 11px ui-monospace,monospace;letter-spacing:.16em;color:#7f8c8b;margin:0 0 10px}.section-title h2{font-size:clamp(30px,4vw,54px);letter-spacing:-.045em;margin:0}.section-title button{margin-left:auto;color:#273238;border-color:#c8cdc5}.section-title.light h2{color:var(--paper)}.asset-grid{max-width:1480px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.asset-card{background:#f7f7f1;border:1px solid #dfe1d8;box-shadow:0 10px 34px rgba(40,50,48,.08);overflow:hidden;position:relative}.asset-media{height:210px;background:#17242a;position:relative}.asset-media img,.asset-media video{width:100%;height:100%;object-fit:cover}.asset-media input{position:absolute;top:14px;left:14px;width:20px;height:20px;accent-color:var(--copper)}.engine{position:absolute;right:10px;bottom:10px;background:rgba(9,18,23,.82);color:#c8d6d2;padding:6px 8px;font:9px ui-monospace,monospace}.asset-body{padding:20px}.asset-body h3{margin:0 0 8px;font-size:18px}.asset-body>p{color:#697675;font-size:13px;line-height:1.55;height:42px;overflow:hidden}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.chips span{font-size:10px;padding:6px 8px;background:rgba(138,208,192,.14);border:1px solid rgba(79,140,127,.18)}details{border-top:1px solid #e1e2da;padding-top:12px}summary{cursor:pointer;font-size:12px;color:#64706e}.prompt-block{position:relative;background:#17242a;color:#c9d3cf;padding:14px;margin-top:12px;font:11px/1.65 ui-monospace,monospace;max-height:170px;overflow:auto;white-space:pre-wrap}.copy{position:absolute;right:8px;top:8px;border:0;background:#d6a75f;color:#142027;padding:5px 8px;cursor:pointer}.empty{max-width:1480px;margin:auto;border:1px dashed #c9cec5;min-height:250px;display:grid;place-items:center;align-content:center;color:#7a8684}.empty span{font-size:28px;color:#3a4746}.dna-section{padding:120px clamp(24px,6vw,96px);background:linear-gradient(145deg,#0c171d,#172b33);min-height:690px}.dna-board{max-width:1260px;margin:auto;display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(214,167,95,.25);min-height:400px}.dna-visual{display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle,rgba(138,208,192,.12),transparent 52%)}.orbit{position:absolute;border:1px solid rgba(214,167,95,.25);border-radius:50%;animation:rotate 16s linear infinite}.o1{width:320px;height:320px}.o2{width:230px;height:230px;animation-direction:reverse}.orbit:after{content:"";position:absolute;width:9px;height:9px;background:var(--copper);border-radius:50%;top:23px;left:45px}.core{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;align-content:center;background:#112129;border:1px solid var(--jade);box-shadow:0 0 70px rgba(138,208,192,.12)}.core b{font-size:44px}.core small{font:9px ui-monospace;letter-spacing:.18em;color:#79908f}@keyframes rotate{to{transform:rotate(360deg)}}.dna-content{padding:55px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(238,240,232,.12)}.dna-content>p{color:#9badaa;line-height:1.75}.dna-content label,.runner-panel label{display:block;color:#91a09f;font-size:11px;margin:16px 0}.dna-content label input{display:block;margin-top:9px}.dna-content .primary{align-self:flex-start;margin-top:8px}.skill-list{max-width:1480px;margin:auto;display:grid;gap:12px}.skill-card{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:25px;border-top:1px solid #ccd0c8;padding:26px 4px}.skill-no{font:32px ui-monospace;color:#9a7440}.skill-card h3{margin:0 0 5px;font-size:22px}.skill-card code{color:#647370}.skill-card button{color:#263238;border-color:#bcc4bd}.runner-section{background:#e8e9df;color:#172127;padding:120px clamp(24px,6vw,96px);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.runner-copy h2{font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.05em;margin:18px 0 25px}.runner-copy>p:last-child{color:#657270;line-height:1.7}.runner-panel{background:#17262d;color:var(--paper);padding:40px;box-shadow:var(--shadow)}.runner-panel input,.runner-panel textarea{display:block;margin-top:8px;resize:vertical}.run-output{grid-column:1/-1;background:#112027;color:#d5dedb;padding:32px;border-left:3px solid var(--copper)}.run-output h3{color:var(--copper)}.run-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.run-output .prompt-block{border:1px solid rgba(238,240,232,.12)}.steps{display:grid;gap:8px}.step{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:10px 0}.step b{color:var(--copper)}.links-section{background:#102028;padding:110px clamp(24px,6vw,96px);min-height:420px}.link-list{max-width:1260px;margin:auto;display:grid;gap:12px}.link-card{border:1px solid rgba(238,240,232,.14);padding:24px;display:grid;grid-template-columns:1fr auto;gap:15px}.link-card h3{margin:0}.link-card p{color:#8da09e}.link-card .warning{color:#e0a47f;font:11px ui-monospace;word-break:break-all}.muted{color:#7f9292}.toast{position:fixed;right:25px;bottom:25px;background:#d6a75f;color:#102027;padding:14px 18px;transform:translateY(120px);transition:.25s;z-index:30;box-shadow:var(--shadow)}.toast.show{transform:none}
@media(max-width:1050px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.asset-grid{grid-template-columns:repeat(2,1fr)}.dna-board,.runner-section{grid-template-columns:1fr}.dna-visual{min-height:340px}.dna-content{border-left:0;border-top:1px solid var(--line)}.run-output{grid-column:auto}.run-grid{grid-template-columns:1fr}}
@media(max-width:640px){.topbar{padding:0 18px}.health{margin-left:auto}.health span{display:none}.hero{padding:55px 18px 75px}.hero-copy h1{font-size:48px}.forge-shell{padding:10px}.dropzone{min-height:280px}.link-row{display:grid;gap:8px}.quick-row{align-items:flex-start;gap:10px;flex-direction:column}.rail-section,.dna-section,.runner-section,.links-section{padding:80px 18px}.section-title{gap:14px}.section-title .ghost{display:none}.asset-grid{grid-template-columns:1fr}.asset-media{height:230px}.dna-content{padding:32px 22px}.skill-card{grid-template-columns:55px 1fr}.skill-card button{grid-column:2}.runner-panel{padding:25px}.link-card{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.seed-reference{margin:26px 0 0;display:grid;grid-template-columns:104px 1fr;align-items:center;gap:14px;max-width:390px}.seed-reference img{width:104px;aspect-ratio:16/9;object-fit:cover;border:1px solid rgba(208,164,93,.42);border-radius:4px;box-shadow:0 12px 32px rgba(0,0,0,.25)}.seed-reference figcaption{color:#809292;font-size:11px;letter-spacing:.08em;line-height:1.6}