:root {
  --bg:#050b14; --bg2:#091423; --panel:#0d1a29; --panel2:#112235;
  --text:#f4f6f8; --muted:#9ba8b7; --line:rgba(211,178,85,.22);
  --gold:#d3b255; --gold2:#efca54; --signature-ink:#f2d77c; --radius:8px;
}
html[data-theme="light"] {
  --bg:#edf2f7; --bg2:#f7f9fb; --panel:#fff; --panel2:#f4f7fa;
  --text:#0d1a2a; --muted:#566577; --line:rgba(52,70,88,.17);
  --gold:#a67616; --gold2:#bc8618; --signature-ink:#12233f;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--text);background:linear-gradient(145deg,var(--bg),var(--bg2));font-family:Inter,"Segoe UI",Arial,sans-serif;letter-spacing:0}
button,input{font:inherit}.lucide{width:18px;height:18px;stroke-width:1.7}
.gallery-header{min-height:68px;position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(211,178,85,.15),transparent 50%),rgba(5,11,20,.88);backdrop-filter:blur(18px)}
html[data-theme="light"] .gallery-header{background:linear-gradient(90deg,rgba(193,145,35,.13),transparent 50%),rgba(247,249,251,.9)}
.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none}.brand-mark,.demo-symbol{width:42px;aspect-ratio:1;display:grid;place-items:center;color:#07111d;background:linear-gradient(145deg,#f1cf65,#b78a28);border-radius:6px;font-weight:900}.brand span:last-child{display:grid;gap:2px}.brand small{font-size:10px;color:var(--muted)}
.gallery-header nav{display:flex;gap:24px}.gallery-header nav a{color:var(--muted);text-decoration:none;font-size:12px}.gallery-header nav a:hover{color:var(--text)}
.header-actions{display:flex;justify-content:flex-end;gap:8px}.icon-button,.button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--text);border:1px solid var(--line);border-radius:6px;background:var(--panel);cursor:pointer;text-decoration:none}.icon-button{width:38px}.button{padding:0 13px;font-size:11px;font-weight:800}
main{width:min(1500px,calc(100% - 36px));margin:auto;padding:42px 0}.gallery-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:end;padding-bottom:38px;border-bottom:1px solid var(--line)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--gold2);font-size:10px;font-weight:900}.gallery-intro h1{max-width:850px;margin:10px 0 0;font-size:clamp(38px,5vw,62px);line-height:1.02}.gallery-intro p{margin:0;color:var(--muted);line-height:1.7;font-size:15px}
.gallery-section{padding:40px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{margin:7px 0 0;font-size:clamp(28px,3.5vw,44px)}.count{color:var(--muted);font-size:12px}
.ai-experience{display:grid;grid-template-columns:minmax(280px,.62fr) minmax(0,1.38fr);gap:12px;min-height:560px}.ai-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.ai-item{min-height:130px;padding:16px;color:var(--text);text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);cursor:pointer}.ai-item.active{border-color:var(--gold);background:var(--panel2)}.ai-item strong{display:block;margin:12px 0 5px}.ai-item small{color:var(--muted)}.ai-item .mini-symbol{width:30px;height:30px;display:grid;place-items:center;color:#07111d;background:var(--gold);border-radius:5px;font-size:10px;font-weight:900}
.demo-console{display:grid;grid-template-rows:auto auto 1fr auto auto;min-width:0;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(211,178,85,.08),transparent 40%),var(--panel)}.demo-console header{display:flex;align-items:center;gap:13px}.demo-console h3{margin:0;font-size:25px}.demo-console header p{margin:4px 0 0;color:var(--muted);font-size:11px}.demo-mission{color:var(--muted);line-height:1.7;max-width:750px}.demo-thread{min-height:180px;max-height:430px;overflow:auto;padding:18px 0;border-top:1px solid var(--line)}.assistant,.user{width:fit-content;max-width:86%;padding:11px 13px;border:1px solid var(--line);border-radius:6px;background:var(--panel2);color:var(--muted);font-size:12px;line-height:1.55}.user{margin-left:auto;color:#07111d;background:var(--gold);border-color:transparent}.demo-input{display:grid;grid-template-columns:1fr auto;gap:8px}.demo-input input{min-width:0;min-height:44px;padding:0 13px;color:var(--text);border:1px solid var(--line);border-radius:6px;background:var(--bg)}.send{color:#07111d;background:var(--gold)}.demo-prompts{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.demo-prompts button{padding:7px 10px;color:var(--muted);border:1px solid var(--line);border-radius:999px;background:transparent;cursor:pointer;font-size:10px}
.esign-demo{display:grid;gap:14px}.esign-status{display:flex;flex-wrap:wrap;gap:6px}.esign-status span{border:1px solid var(--line);padding:5px 8px;color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.esign-demo label{display:grid;gap:6px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.esign-demo input{width:100%;border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:10px 12px;font:inherit}.signature-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.signature-style{min-height:82px;border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:10px;text-align:left;cursor:pointer}.signature-style small{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.signature-style strong{display:block;color:var(--signature-ink);font-size:25px;font-weight:400;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signature-style:hover{border-color:var(--gold)}.esign-note{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.esign-actions{display:flex;flex-wrap:wrap;gap:8px}.esign-actions a{border:1px solid var(--gold);color:var(--text);padding:8px 10px;text-decoration:none;font-size:11px}
.section-intro{max-width:920px;margin:-6px 0 22px;color:var(--muted);font-size:13px;line-height:1.7}.ai-catalog-controls{display:grid;grid-template-columns:minmax(300px,1fr) repeat(3,minmax(160px,.32fr));gap:8px;margin-bottom:14px}.ai-catalog-controls label{display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--muted);border:1px solid var(--line);border-radius:6px;background:var(--panel)}.ai-catalog-controls input,.ai-catalog-controls select{min-width:0;min-height:42px;color:var(--text);border:1px solid var(--line);border-radius:6px;background:var(--panel);outline:0}.ai-catalog-controls input{width:100%;border:0;background:transparent}.ai-catalog-controls select{padding:0 10px}.universal-ai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.universal-ai-card{min-height:330px;padding:18px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.universal-ai-card header{display:flex;justify-content:space-between;gap:8px;align-items:center}.ai-state,.risk{font-size:8px;text-transform:uppercase;letter-spacing:.1em}.ai-state{padding:5px 7px;color:#07111d;border-radius:4px;background:var(--gold)}.ai-state.planned{color:var(--muted);border:1px solid var(--line);background:transparent}.risk{max-width:55%;color:var(--muted);text-align:right}.universal-ai-card .family{margin-top:20px;color:var(--gold2);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.universal-ai-card h3{margin:8px 0 9px;font-size:19px}.universal-ai-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.knowledge-tags{display:flex;flex-wrap:wrap;gap:5px;margin:15px 0}.knowledge-tags span{padding:5px 7px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:8px}.universal-ai-card dl{margin:auto 0 0;padding-top:12px;border-top:1px solid var(--line)}.universal-ai-card dl div{display:grid;grid-template-columns:76px 1fr;gap:8px;margin-top:7px}.universal-ai-card dt{color:var(--muted);font-size:9px}.universal-ai-card dd{margin:0;color:var(--text);font-size:9px;overflow-wrap:anywhere}.empty-catalog{grid-column:1/-1;padding:50px;border:1px solid var(--line);color:var(--muted);text-align:center;background:var(--panel)}
.template-controls{display:flex;justify-content:space-between;gap:14px;margin-bottom:16px}.template-controls label{width:min(600px,60%);display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--muted);border:1px solid var(--line);border-radius:6px;background:var(--panel)}.template-controls input{width:100%;min-height:40px;color:var(--text);border:0;outline:0;background:transparent}.segmented{display:flex;padding:3px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.segmented button{padding:0 12px;color:var(--muted);border:0;border-radius:4px;background:transparent;cursor:pointer;font-size:11px}.segmented button.active{color:#07111d;background:var(--gold);font-weight:900}
.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.template-card{min-height:205px;padding:17px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.template-card .type{color:var(--gold2);font-size:9px;text-transform:uppercase;letter-spacing:.14em}.template-card h3{margin:20px 0 8px;font-size:16px}.template-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.55;overflow-wrap:anywhere}.asset-version{display:flex;justify-content:space-between;gap:8px;margin-top:15px;padding:9px;border:1px solid var(--line);border-radius:5px}.asset-version strong{font-size:10px}.asset-version span{color:var(--gold2);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.template-card footer{margin-top:auto;padding-top:15px;color:var(--muted);font-size:9px}
.asset-explorer{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:620px;border:1px solid var(--line);background:var(--panel)}.asset-navigation{padding:14px;border-right:1px solid var(--line);background:var(--panel2)}.asset-navigation label{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:var(--panel)}.asset-navigation input{width:100%;min-width:0;min-height:42px;border:0;outline:0;color:var(--text);background:transparent}.asset-root-list{display:grid;gap:5px;margin-top:12px}.asset-root-list button{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px;border:1px solid transparent;border-radius:5px;color:var(--muted);text-align:left;background:transparent}.asset-root-list button:hover,.asset-root-list button.active{color:var(--text);border-color:var(--line);background:var(--panel)}.asset-root-list small{color:var(--gold2)}.asset-browser{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(340px,1fr);min-width:0}.asset-node-list{max-height:720px;overflow:auto;padding:10px;border-right:1px solid var(--line)}.asset-node{width:calc(100% - (var(--node-depth) * 12px));margin:0 0 5px calc(var(--node-depth) * 12px);padding:10px;display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid transparent;border-radius:4px;color:var(--muted);text-align:left;background:transparent}.asset-node:hover,.asset-node.active{border-color:var(--line);color:var(--text);background:var(--panel2)}.asset-node strong{font-size:11px;overflow-wrap:anywhere}.asset-node small{font-size:8px}.node-kind{color:var(--gold2);font-size:7px;text-transform:uppercase;letter-spacing:.1em}.asset-detail{padding:24px;min-width:0}.asset-detail h3{margin:10px 0;font-size:24px}.asset-detail>p{color:var(--muted);font-size:12px;line-height:1.6}.asset-address{padding:9px;border:1px solid var(--line);border-radius:4px;overflow-wrap:anywhere;background:var(--panel2)}.asset-facts{margin:20px 0}.asset-facts div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid var(--line)}.asset-facts dt{color:var(--muted);font-size:9px}.asset-facts dd{margin:0;font-size:10px;overflow-wrap:anywhere}.asset-checks{padding:14px;border-left:2px solid var(--gold);background:var(--panel2)}.asset-checks strong{font-size:10px}.asset-checks p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.6}
footer{display:flex;justify-content:space-between;gap:20px;width:min(1500px,calc(100% - 36px));margin:auto;padding:28px 0;color:var(--muted);font-size:11px}
@media(max-width:1100px){.template-grid,.universal-ai-grid{grid-template-columns:repeat(3,1fr)}.ai-experience{grid-template-columns:1fr}.ai-list{grid-template-columns:repeat(4,1fr)}.ai-catalog-controls{grid-template-columns:1fr 1fr}.asset-explorer{grid-template-columns:230px 1fr}.asset-browser{grid-template-columns:1fr}.asset-detail{border-top:1px solid var(--line)}}
@media(max-width:760px){.gallery-header{grid-template-columns:1fr auto}.gallery-header nav{display:none}.brand span:last-child{display:none}.gallery-intro{grid-template-columns:1fr;gap:22px}.ai-list,.template-grid,.universal-ai-grid{grid-template-columns:1fr 1fr}.template-controls{flex-direction:column}.template-controls label{width:100%}.segmented{overflow:auto}.ai-catalog-controls{grid-template-columns:1fr}.asset-explorer{grid-template-columns:1fr}.asset-navigation{border-right:0;border-bottom:1px solid var(--line)}.asset-root-list{grid-template-columns:1fr 1fr}.asset-node-list{max-height:520px;border-right:0}footer{flex-direction:column}}
@media(max-width:480px){main{padding-top:46px}.ai-list,.template-grid,.universal-ai-grid,.signature-style-grid{grid-template-columns:1fr}.gallery-intro h1{font-size:39px}.universal-ai-card{min-height:300px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

[hidden]{display:none!important}
.factory-control-surface{padding:34px 0 42px;border-bottom:1px solid var(--line)}
.factory-control-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.factory-control-heading h2{margin:7px 0 0;font-size:clamp(26px,3vw,38px)}
.factory-view-switch{min-height:42px}
.factory-view-switch button{min-height:34px;white-space:nowrap}
.factory-view{padding-top:22px}
.factory-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-block:1px solid var(--line);margin:22px 0}
.factory-metric{min-width:0;padding:16px 18px;border-right:1px solid var(--line)}
.factory-metric:last-child{border-right:0}
.factory-metric span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.factory-metric strong{display:block;margin-top:7px;font-size:24px}
.factory-master-detail{display:grid;grid-template-columns:minmax(245px,.34fr) minmax(0,1fr);min-height:560px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}
.factory-master-list{padding:10px;border-right:1px solid var(--line);background:var(--panel2)}
.factory-master-list button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 12px;border:1px solid transparent;border-radius:6px;color:var(--text);text-align:left;background:transparent;cursor:pointer}
.factory-master-list button:hover,.factory-master-list button.active{border-color:var(--line);background:var(--panel)}
.factory-master-list button+button{margin-top:5px}
.factory-master-list button span:first-child{min-width:0}
.factory-master-list strong,.factory-master-list small{display:block}
.factory-master-list strong{font-size:12px}
.factory-master-list small{margin-top:4px;color:var(--muted);font-size:9px}
.factory-state{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.factory-state.passed,.factory-state.active,.factory-state.live,.factory-state.live_for_superadmin_review{color:#89d9ad;border-color:rgba(71,190,126,.38);background:rgba(71,190,126,.08)}
.factory-state.needs_review,.factory-state.blocked_by_qc{color:#f0c86b;border-color:rgba(240,200,107,.4);background:rgba(240,200,107,.08)}
.factory-detail{min-width:0;padding:24px}
.factory-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.factory-detail-heading h3{margin:7px 0 6px;font-size:28px}
.factory-detail-heading p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}
.factory-table-wrap{max-height:430px;overflow:auto;margin-top:16px;border:1px solid var(--line);border-radius:6px}
.factory-table{width:100%;border-collapse:collapse;font-size:10px}
.factory-table th{position:sticky;top:0;z-index:1;padding:10px;color:var(--muted);text-align:left;text-transform:uppercase;letter-spacing:.08em;background:var(--panel2)}
.factory-table td{padding:11px 10px;border-top:1px solid var(--line);vertical-align:middle}
.factory-table td strong,.factory-table td small{display:block}
.factory-table td small{margin-top:3px;color:var(--muted);font-size:8px;overflow-wrap:anywhere}
.factory-source-line{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:9px;overflow-wrap:anywhere}
.tenant-factory-section{padding:18px 0;border-bottom:1px solid var(--line)}
.tenant-factory-section h4{margin:0 0 12px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold2)}
.tenant-factory-section p{color:var(--muted);font-size:11px}
.tenant-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.tenant-module-grid>div{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--panel2)}
.tenant-module-grid .lucide{flex:0 0 auto;color:var(--gold2)}
.tenant-module-grid span,.tenant-module-grid strong,.tenant-module-grid small{display:block;min-width:0}
.tenant-module-grid strong{font-size:10px}
.tenant-module-grid small{margin-top:3px;color:var(--muted);font-size:8px}
.tenant-release-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:140px;overflow:auto}
.tenant-release-list div{padding:10px;border-left:2px solid var(--gold);background:var(--panel2)}
.tenant-release-list strong,.tenant-release-list span{display:block}
.tenant-release-list strong{font-size:11px}.tenant-release-list span{margin-top:4px;color:var(--muted);font-size:8px}
.tenant-config-list{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.tenant-config-list div{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1fr);gap:10px;padding:8px 0;border-top:1px solid var(--line)}
.tenant-config-list dt{color:var(--muted);font-size:8px;overflow-wrap:anywhere}
.tenant-config-list dd{margin:0;font-size:9px;overflow-wrap:anywhere}

@media(max-width:980px){
  .factory-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .factory-metric:nth-child(3){border-right:0}
  .factory-metric:nth-child(n+4){border-top:1px solid var(--line)}
  .factory-master-detail{grid-template-columns:220px minmax(0,1fr)}
  .tenant-module-grid,.tenant-release-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .factory-control-heading{align-items:stretch;flex-direction:column}
  .factory-view-switch{width:100%}.factory-view-switch button{flex:1}
  .factory-master-detail{grid-template-columns:1fr}
  .factory-master-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-right:0;border-bottom:1px solid var(--line)}
  .factory-master-list button+button{margin-top:0}
  .factory-detail-heading{flex-direction:column}
  .tenant-config-list{grid-template-columns:1fr}
}
@media(max-width:480px){
  .factory-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .factory-metric:nth-child(2n){border-right:0}
  .factory-metric:nth-child(n+3){border-top:1px solid var(--line)}
  .factory-master-list,.tenant-module-grid,.tenant-release-list{grid-template-columns:1fr}
  .factory-detail{padding:18px 14px}
  .factory-table{min-width:620px}
}