@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap");:root{--pink:#DB3FFD;--purple:#7A09FA;--ice:#94FDFF;--hot:#F389F5;--blue:#0098DC;--bg:#050914;--panel:#0a1020;--line:#173a61}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#03060e;color:var(--ice)}body{font-family:VT323,monospace;font-size:20px;image-rendering:pixelated}.lab-shell{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 25%,#10274a 0,#071327 28%,#03060e 70%);padding:24px}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:20;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px);mix-blend-mode:screen}.lab-header{max-width:1500px;margin:auto;border:3px solid var(--blue);background:rgba(4,9,20,.94);box-shadow:0 0 0 3px #06101e,0 0 28px rgba(0,152,220,.25);display:flex;justify-content:space-between;align-items:center;padding:18px 22px;position:relative}.brand-block .eyebrow,.module-title span,.system-panel span{color:var(--hot);font-size:15px;letter-spacing:2px}.brand-block h1{font:30px Press Start\ 2P;margin:10px 0;color:var(--ice);text-shadow:4px 4px 0 var(--purple),0 0 16px var(--blue)}.brand-block p{margin:0;color:#7ec8dc}.system-panel{min-width:230px;border:2px solid var(--purple);padding:12px 16px;background:#070c18;display:grid;grid-gap:5px;gap:5px;text-align:right}.system-panel b{color:#68ffb5;font-size:24px}.system-panel small{color:#8aa5ba}.lab-stage{max-width:1500px;margin:18px auto;display:grid;grid-template-columns:150px minmax(0,1fr) 150px;grid-gap:18px;gap:18px;align-items:stretch}.capsule{min-height:650px;border:3px solid #17658a;background:linear-gradient(180deg,rgba(0,152,220,.08),rgba(20,242,255,.16)),repeating-linear-gradient(90deg,transparent 0 12px,rgba(148,253,255,.04) 12px 15px);position:relative;overflow:hidden;box-shadow:inset 0 0 30px rgba(0,152,220,.25),0 0 20px rgba(0,152,220,.15)}.capsule:before{content:"";position:absolute;left:26px;right:26px;top:12%;bottom:10%;border:2px solid var(--ice);border-radius:48% 48% 35% 35%;opacity:.22}.capsule-glow{position:absolute;width:80px;height:300px;left:50%;top:25%;transform:translateX(-50%);background:linear-gradient(transparent,#94fdff33,transparent);filter:blur(10px)}.capsule span{top:10px;color:var(--hot)}.capsule i,.capsule span{position:absolute;left:10px}.capsule i{bottom:12px;color:#6c93aa;font-style:normal;font-size:15px}.console{border:3px solid var(--purple);background:rgba(5,9,18,.96);box-shadow:0 0 35px rgba(122,9,250,.18);min-width:0}.stage-nav{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:3px solid var(--purple)}.stage-nav button{font:11px Press Start\ 2P;padding:18px 8px;background:#080d19;color:#6e8294;border:0;border-right:1px solid #172d45;cursor:pointer}.stage-nav button.active{color:var(--ice);background:linear-gradient(180deg,#101c32,#0a1020);box-shadow:inset 0 -4px var(--pink),0 0 14px rgba(219,63,253,.25)}.module{padding:24px}.module-title{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px dashed #234362;padding-bottom:18px;margin-bottom:20px}.module-title h2{font:22px Press Start\ 2P;margin:8px 0;color:var(--ice)}.module-title p{margin:0;color:#7697aa}.counter{border:2px solid var(--blue);padding:10px 14px;font:22px Press Start\ 2P;color:var(--ice);text-align:center}.counter small{display:block;font:10px VT323;color:var(--hot);margin-top:6px}.layers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:14px;gap:14px}.layer-card{border:2px solid #1c4663;background:#07101c;padding:12px}.layer-head{display:flex;justify-content:space-between;gap:8px}.layer-controls{display:flex;align-items:flex-start;gap:4px}.layer-move{width:30px;height:30px;background:#08111e;color:var(--ice);border:1px solid var(--blue);font:18px VT323;cursor:pointer}.layer-move:hover:not(:disabled){border-color:var(--hot);color:#fff;background:#170a22}.layer-move:disabled{opacity:.3;cursor:not-allowed}.layer-head span{font-size:14px;color:var(--hot)}.layer-head input{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #27516d;color:var(--ice);font:20px VT323;outline:0;margin-top:4px}.upload-zone{margin:12px 0;border:2px dashed #235978;display:grid;place-items:center;padding:20px 8px;text-align:center;cursor:pointer;background:#050b15}.upload-zone:hover{border-color:var(--ice);background:#081522}.upload-zone strong{color:var(--ice);font:12px Press Start\ 2P}.upload-zone small{color:#678699;margin-top:7px}.upload-zone input{display:none}.asset-list{display:grid;grid-gap:5px;gap:5px}.asset-row{display:grid;grid-template-columns:34px minmax(0,1fr) 28px;grid-gap:8px;gap:8px;align-items:center;background:#0a1725;border:1px solid #16334b;padding:4px}.asset-row img{width:32px;height:32px;object-fit:contain;background:#03060b}.asset-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a6c3d1}.danger,.ghost,.synthesize{cursor:pointer;font-family:Press Start\ 2P}.ghost{background:#08111e;color:var(--ice);border:2px solid var(--blue);padding:12px;margin-top:14px}.wide{width:100%}.danger{background:#1a0718;color:#ff82e7;border:2px solid #9f1d8c;padding:7px}.tiny{width:30px;height:30px}.generate-module{min-height:600px}.synthesis-core{display:flex;justify-content:center;align-items:center;gap:70px;padding:65px 10px}.core-ring{width:190px;height:190px;border:3px solid var(--ice);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 12px #0a1a2c,0 0 0 15px var(--purple),0 0 45px #0098dc88;animation:pulse 2.2s infinite}.core-ring span{font:20px Press Start\ 2P;color:var(--hot)}.readouts{display:grid;grid-gap:14px;gap:14px}.readouts div{min-width:310px;border-left:3px solid var(--pink);padding:8px 14px;background:#080f1c}.readouts span{display:block;color:#66869a;font-size:16px}.readouts b{font-size:28px;color:var(--ice)}.readouts input{background:#030811;border:1px solid var(--blue);color:var(--ice);font:25px VT323;width:100px}.synthesize{background:linear-gradient(90deg,#30066e,#7A09FA);border:3px solid var(--hot);color:white;padding:18px 22px;width:100%;box-shadow:0 0 22px rgba(219,63,253,.22)}.synthesize:disabled{opacity:.35;cursor:not-allowed}.specimen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:16px;gap:16px}.specimen{border:2px solid #23506b;background:#07101b;padding:8px;cursor:pointer;position:relative}.specimen:hover{border-color:var(--ice);box-shadow:0 0 18px #0098dc55}.specimen-image{aspect-ratio:1;background:#02050a;display:grid;place-items:center;overflow:hidden}.specimen-image img{width:100%;height:100%;object-fit:contain}.specimen-footer{display:flex;justify-content:space-between;gap:5px;padding:9px 2px;color:var(--ice);font-size:16px}.specimen-footer span{color:#698596}.specimen>button{width:100%;background:#091827;border:1px solid var(--blue);color:var(--ice);padding:7px;font:10px Press Start\ 2P;cursor:pointer}.specimen>button:not(.specimen-select){margin-top:7px}.specimen>button:not(.specimen-select):hover{background:#10283d;border-color:var(--ice);color:#fff;box-shadow:0 0 10px #0098dc55;transform:translateY(-1px)}.specimen-delete-button{background:#30060d!important;border:1px solid #ff3b3b!important;color:#ff6b6b!important}.specimen-delete-button:hover{background:#5a0a12!important;border-color:#ff8a8a!important;color:#fff!important}.empty{text-align:center;border:2px dashed #234362;padding:100px 20px;color:#6b8495}.lab-footer{max-width:1500px;margin:18px auto 0;border-top:2px solid #173a61;padding:12px;display:flex;justify-content:space-between;color:#527286;font-size:16px}.modal-backdrop{position:fixed;inset:0;background:rgba(1,3,9,.85);z-index:30;display:grid;place-items:center;padding:20px}.specimen-modal{width:min(950px,100%);max-height:90vh;overflow:auto;border:3px solid var(--ice);background:#050b15;box-shadow:0 0 50px #0098dc66;display:grid;grid-template-columns:1fr 1fr;position:relative}.modal-close{position:absolute;right:10px;top:10px;z-index:2;background:#170716;border:2px solid var(--pink);color:var(--hot);font-size:24px;width:36px;height:36px;cursor:pointer}.modal-image{padding:30px;background:#02050a;display:grid;place-items:center}.modal-image img{max-width:100%;max-height:65vh;image-rendering:pixelated}.modal-info{padding:30px}.modal-info>span{color:var(--hot)}.modal-info h2{font:18px Press Start\ 2P;line-height:1.7;color:var(--ice)}.modal-info p{color:#6e91a4}.modal-info h3{font:11px Press Start\ 2P;color:var(--purple);margin-top:30px}.trait{display:flex;justify-content:space-between;border-bottom:1px solid #173a61;padding:7px 0;gap:12px}.trait span{overflow:hidden;text-overflow:ellipsis}.trait small{color:#688596;white-space:nowrap}.modal-actions{display:grid;grid-gap:8px;gap:8px;margin-top:20px}@keyframes pulse{50%{transform:scale(1.04);filter:brightness(1.2)}}@media(max-width:1000px){.lab-stage{grid-template-columns:1fr}.capsule{display:none}.synthesis-core{flex-direction:column;gap:40px}.stage-nav button{font-size:9px}.lab-header{align-items:flex-start;gap:15px}.system-panel{min-width:180px}}@media(max-width:650px){.lab-shell{padding:10px}.brand-block h1{font-size:18px}.system-panel{display:none}.module{padding:14px}.stage-nav{grid-template-columns:1fr}.stage-nav button{border-right:0;border-bottom:1px solid #172d45}.specimen-modal{grid-template-columns:1fr}.lab-footer{display:none}.readouts div{min-width:0}.layers-grid{grid-template-columns:1fr}}.factory-entry{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;padding:8px 10px;border:1px solid #db3ffd;color:#f389f5;text-decoration:none;font-family:monospace;font-size:11px;letter-spacing:1px}.factory-entry:hover{background:#170a22;color:#94fdff;border-color:#94fdff}.bulk-downloads{display:grid;grid-gap:5px;gap:5px;margin-top:9px}.bulk-downloads button{background:#081827;border:1px solid var(--pink);color:var(--ice);padding:6px 5px;font:8px Press Start\ 2P;cursor:pointer;white-space:nowrap}.bulk-downloads button:hover{background:#170a22;border-color:var(--ice);color:var(--hot)}.clear-preview-button{margin:0;height:100%;white-space:nowrap;font-size:9px}.clear-preview-button:disabled{opacity:.35;cursor:not-allowed}.clear-preview-modal{border-color:#9f1d8c;box-shadow:0 0 55px rgba(159,29,140,.3)}.preview-toolbar{display:grid;grid-template-columns:1fr auto auto;grid-gap:10px;gap:10px;align-items:center;margin-bottom:16px}.preview-toolbar>div,.preview-toolbar>label{border-left:3px solid var(--pink);padding:8px 12px;background:#080f1c}.preview-toolbar span{display:block;color:#66869a;font-size:15px}.preview-toolbar b{color:var(--ice);font-size:22px}.preview-toolbar select{margin-top:4px;background:#030811;border:1px solid var(--blue);color:var(--ice);font:18px VT323;padding:2px 8px}.pagination{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:10px;gap:10px;align-items:center;margin-top:18px;border-top:2px dashed #234362;padding-top:18px}.pagination-top{margin-top:0;margin-bottom:18px;border-top:0;border-bottom:2px dashed #234362;padding-top:0;padding-bottom:18px}.pagination .ghost{margin-top:0}.pagination span{text-align:center;color:var(--hot);font:11px Press Start\ 2P}@media(max-width:800px){.pagination,.preview-toolbar{grid-template-columns:1fr}.pagination span{order:-1}}.synthesis-actions{margin-top:18px;display:grid;grid-gap:10px;gap:10px}.synthesis-actions .synthesize{margin-top:0}.dna-change-notice{border:2px solid var(--pink);background:#12091a;padding:16px;text-align:center;box-shadow:0 0 18px rgba(219,63,253,.16)}.dna-change-notice strong{display:block;font:12px Press Start\ 2P;color:var(--hot);margin-bottom:7px}.dna-change-notice span{color:#86a4b5}.synthesis-choice-modal{width:min(680px,100%);border:3px solid var(--pink);background:#050b15;box-shadow:0 0 55px rgba(219,63,253,.35);padding:34px;position:relative}.synthesis-choice-modal .choice-eyebrow{color:var(--hot);font-size:15px;letter-spacing:2px}.synthesis-choice-modal h2{font:20px Press Start\ 2P;line-height:1.7;color:var(--ice);margin:10px 0 18px}.synthesis-choice-modal p{color:#86a4b5;line-height:1.35}.choice-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin:22px 0}.choice-stats b,.choice-stats span{border-left:3px solid var(--pink);background:#080f1c;padding:10px 12px}.choice-stats span{color:#66869a;font-size:15px}.choice-stats b{color:var(--ice);font-size:22px}.choice-actions{display:grid;grid-gap:9px;gap:9px;margin-top:22px}.choice-actions .danger{font-size:10px;padding:14px}@media(max-width:650px){.synthesis-choice-modal{padding:22px}.choice-stats{grid-template-columns:1fr}}.specimen{transition:opacity .18s ease,transform .18s ease}.specimen-deleting{opacity:.45;transform:scale(.98);pointer-events:none}.selection-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:2px solid var(--purple);background:#080f1c;padding:8px 10px}.selection-actions span{display:inline;color:var(--hot);font:11px Press Start\ 2P;padding:0 6px}.selection-actions button{margin:0;background:#081827;border:1px solid var(--pink);color:var(--ice);padding:8px;font:8px Press Start\ 2P;cursor:pointer}.selection-actions button:hover{background:#170a22;border-color:var(--ice);color:var(--hot)}.selection-actions .ghost{margin:0}.selection-actions .danger{border-color:#9f1d8c}.specimen-select{position:absolute;top:7px;right:7px;z-index:2;width:30px!important;height:30px;padding:0!important;background:#050b15!important;border:2px solid var(--blue)!important;color:var(--ice)!important;font:18px VT323!important;display:grid;place-items:center;cursor:pointer}.specimen-select.active,.specimen-select:hover{border-color:var(--hot)!important;color:var(--hot)!important;background:#170a22!important}.specimen-selected{border-color:var(--hot);box-shadow:0 0 18px rgba(219,63,253,.28)}.specimen-selected:hover{border-color:var(--ice);box-shadow:0 0 22px rgba(148,253,255,.28)}@media(max-width:800px){.selection-actions{grid-column:auto}.selection-actions button{flex:1 1}.selection-actions span{width:100%;padding:2px 0}}.stage-nav-bottom{margin-top:22px;border-top:3px solid var(--purple);border-bottom:0}.stage-nav-bottom button{border-top:0;border-bottom:0}.stage-nav-bottom button.active{box-shadow:inset 0 4px var(--pink),0 0 14px rgba(219,63,253,.25)}.integration-count-control{display:grid;grid-template-columns:auto 120px;align-items:center;grid-gap:8px;gap:8px;margin:20px 0 4px;padding:12px;border:2px solid var(--purple);background:#080f1c}.integration-count-control label{color:var(--hot);font:10px Press Start\ 2P;letter-spacing:1px}.integration-count-control input{width:100%;box-sizing:border-box;background:#030811;border:1px solid var(--blue);color:var(--ice);font:24px VT323;padding:5px 8px}.integration-count-control input:focus{outline:none;border-color:var(--ice);box-shadow:0 0 10px #0098dc55}.integration-count-control small{grid-column:1/-1;color:#668596;font-size:13px}@media(max-width:650px){.integration-count-control{grid-template-columns:1fr}.integration-count-control input{width:100%}}