/* Four reversible design studies. No registry or production state is changed. */
.design-dock{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 20px;background:#0a101bf5;border-top:1px solid #435067;box-shadow:0 -10px 40px #0004;color:#e7edf5;font:14px/1.3 system-ui}.design-dock>div{display:flex;gap:6px}.design-dock button{background:transparent;color:#afbed0;border:1px solid #39485e;padding:9px 14px;font:600 13px system-ui;letter-spacing:0;text-transform:none;border-radius:4px}.design-dock button[aria-pressed=true]{background:#d7ecf3;color:#08151c;border-color:#d7ecf3}.design-dock small{font-size:12px;color:#98aabd}.design-dock>a{color:#d7ecf3}
html[data-design]{--text:#e4edf2;--muted:#a5b6c4}html[data-design] body{font-size:16px}html[data-design] label{font-size:14px}html[data-design] small,html[data-design] .badge,html[data-design] .eyebrow{font-size:12px}html[data-design] h1{font-size:32px}html[data-design] .registry-card-body h2{font-size:22px}html[data-design] .topbar{margin-bottom:24px;letter-spacing:1px}html[data-design] .registry-heading{margin-bottom:14px}html[data-design] .registry-heading p.muted{display:none}html[data-design] .stats{margin-bottom:18px}html[data-design] .stats>div{padding:12px 18px}html[data-design] .stats strong{font-size:26px}html[data-design] .registry-tabs{margin:14px 0}html[data-design] .registry-filters{margin-bottom:12px}html[data-design] .section-heading{margin:16px 0}html[data-design] .primary-nav a{font-size:13px}html[data-design] .registry-card-body p{font-size:14px}html[data-design] .registry-art small{font-size:12px}
/* 01 / Orbital: instrument panels, restrained cyan, familiar left command rail. */
html[data-design=orbital]{--bg:#080f18;--surface:#101f2c;--line:#2d4658;--accent:#75e4ed;--gold:#ddbd85}
html[data-design=orbital] body{background:linear-gradient(115deg,#091620,#050b12)}html[data-design=orbital] .sidebar{background:#07111b;border-right:1px solid #3a6974;width:250px}html[data-design=orbital] .workspace{margin-left:250px;padding-left:30px;padding-right:30px}html[data-design=orbital] .panel,html[data-design=orbital] .registry-card{border-radius:0;border-color:#294858;background:#0d1b27}html[data-design=orbital] .registry-card{border-top:2px solid #69cdd8}html[data-design=orbital] .registry-art{background:linear-gradient(#102634,#09141e);height:210px}html[data-design=orbital] .registry-heading h1{font-weight:700;letter-spacing:2px}html[data-design=orbital] .registry-tabs a.active{background:#103640;color:#97f6fc}html[data-design=orbital] .badge{border-radius:0}html[data-design=orbital] .registry-overview>.panel:first-child{border-top:2px solid var(--accent)}
/* 02 / Foundry: production bays, warm safety marks and compact work orders. */
html[data-design=foundry]{--bg:#17191a;--surface:#222526;--line:#4a4a41;--text:#f0eee2;--muted:#b4b3a6;--accent:#f6bf55;--gold:#f6bf55}
html[data-design=foundry] body{background:#191b1c;font-family:'Menlo','Consolas',monospace;font-size:14px}html[data-design=foundry] .sidebar{width:225px;background:#242727;border-right:5px solid #dbaa45;padding:22px 15px}html[data-design=foundry] .workspace{margin-left:225px;padding-left:30px;padding-right:30px}html[data-design=foundry] .brand{font-size:12px;letter-spacing:0}html[data-design=foundry] .brand-mark{background:#302b1d;border-color:#b88d39}html[data-design=foundry] .topbar{border-bottom:2px solid #62604e}html[data-design=foundry] h1,html[data-design=foundry] h2{font-family:'Arial Narrow',Impact,sans-serif;letter-spacing:.5px}html[data-design=foundry] .panel,html[data-design=foundry] .stats>div,html[data-design=foundry] .registry-card{background:#242728;border-color:#50514a;border-radius:2px;box-shadow:none}html[data-design=foundry] .registry-grid{grid-template-columns:1fr;gap:10px}html[data-design=foundry] .registry-card{display:grid;grid-template-columns:180px 1fr;border-left:5px solid #d6a640}html[data-design=foundry] .registry-art{height:160px;background:#121717;border-right:1px solid #4a4a41}html[data-design=foundry] .registry-art>span{color:#d6b06c;font-size:54px}html[data-design=foundry] .registry-card-body{padding:14px 20px}html[data-design=foundry] .registry-card-body h2{margin:4px 0}html[data-design=foundry] .registry-card-body p{margin-bottom:4px}html[data-design=foundry] input,html[data-design=foundry] select,html[data-design=foundry] textarea{background:#161a1b;color:#f0eee2;border-color:#636454;border-radius:2px}html[data-design=foundry] .registry-tabs a.active{background:#e5b951;color:#20231e;border-color:#e5b951}html[data-design=foundry] .badge{color:#dfcfa7;border-color:#797360;border-radius:1px}html[data-design=foundry] .registry-overview{grid-template-columns:1fr 1.3fr}html[data-design=foundry] .registry-number{color:#efc26a}html[data-design=foundry] .registry-row{border-bottom-style:dashed}html[data-design=foundry] .registry-tabs a{color:#c9c7b8}html[data-design=foundry] .picker-results{background:#303431}html[data-design=foundry] .secondary{background:#302c22;color:#f6bf55}
/* 03 / Atlas: scientific field records, daylight surfaces and blue ink. */
html[data-design=atlas]{color-scheme:light;--bg:#e9eff3;--surface:#fff;--line:#b5c8d5;--text:#172f43;--muted:#536c7f;--accent:#096783;--gold:#956721}
html[data-design=atlas] body{background:#e9eff3;color:#172f43}html[data-design=atlas] .sidebar{width:230px;background:#163346;border-right:0;color:#e4eef6}html[data-design=atlas] .sidebar a,html[data-design=atlas] .sidebar small,html[data-design=atlas] .sidebar summary,html[data-design=atlas] .sidebar .quiet{color:#d5e4ed}html[data-design=atlas] .workspace{margin-left:230px;padding-left:34px;padding-right:34px}html[data-design=atlas] .topbar{color:#3e6075;border-color:#adbfcd}html[data-design=atlas] .signal{background:#147c88}html[data-design=atlas] .registry-heading h1{font-family:Georgia,serif;font-size:38px;letter-spacing:-1px;font-weight:400;text-transform:none}html[data-design=atlas] h2,html[data-design=atlas] h3{font-weight:600;text-transform:none}html[data-design=atlas] .panel,html[data-design=atlas] .registry-card,html[data-design=atlas] .stats>div{background:#fff;border-color:#b8cad5;border-radius:8px;box-shadow:0 3px 10px #1b435208}html[data-design=atlas] .registry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}html[data-design=atlas] .registry-card{overflow:hidden;color:#172f43}html[data-design=atlas] .registry-card h2{font-family:Georgia,serif;font-weight:400;font-size:26px}html[data-design=atlas] .registry-art{height:230px;background:linear-gradient(#d6e4ed,#edf3f7);border-bottom:1px solid #c3d3dd}html[data-design=atlas] .registry-art>span{color:#326a86}html[data-design=atlas] .registry-art small{color:#4a687b}html[data-design=atlas] input,html[data-design=atlas] select,html[data-design=atlas] textarea{background:#f8fbfd;color:#163348;border:1px solid #a9bfce;border-radius:5px}html[data-design=atlas] a{color:#076580}html[data-design=atlas] a:hover{color:#003b51}html[data-design=atlas] button,html[data-design=atlas] .button{background:#146780;color:#fff;border-color:#146780;border-radius:5px}html[data-design=atlas] .registry-tabs a{color:#466377;border-color:#b4c9d7}html[data-design=atlas] .registry-tabs a.active{background:#163b52;color:#fff}html[data-design=atlas] .badge{color:#3a5c6b;border-color:#b6cad5;background:#edf4f7;border-radius:20px;text-transform:none;letter-spacing:0}html[data-design=atlas] .missing{color:#9c3b28}html[data-design=atlas] .registry-dot{color:#9c6a17}html[data-design=atlas] .picker-results{background:#eef6fa}html[data-design=atlas] .picker-results button{color:#183c50;background:#edf4f7}html[data-design=atlas] .stats small{color:#476577}html[data-design=atlas] .stats strong{font-family:Georgia,serif}html[data-design=atlas] .breadcrumbs{color:#587185}html[data-design=atlas] .design-dock a{color:#d7ecf3}html[data-design=atlas] .design-dock button{background:transparent;color:#afbed0;border-color:#39485e}html[data-design=atlas] .design-dock button[aria-pressed=true]{background:#d7ecf3;color:#08151c}
/* 04 / Observatory: cinematic archive, expansive imagery and quiet violet/gold. */
html[data-design=observatory]{--bg:#10101c;--surface:#1b1b2c;--line:#454057;--text:#efedf5;--muted:#b7afc9;--accent:#d7b77e;--gold:#d7b77e}
html[data-design=observatory] body{background:radial-gradient(ellipse at 80% 15%,#33254799,transparent 60%),#10101c}html[data-design=observatory] .sidebar{width:240px;background:#131320;border-right:1px solid #51415a}html[data-design=observatory] .workspace{margin-left:240px;padding-left:40px;padding-right:40px}html[data-design=observatory] .brand-mark{border-radius:50%;background:#302c36;border-color:#9b8259}html[data-design=observatory] .topbar{border-color:#4e435b}html[data-design=observatory] .registry-heading h1{font-family:Georgia,serif;font-size:40px;font-weight:400;letter-spacing:1px;text-transform:none}html[data-design=observatory] .registry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}html[data-design=observatory] .registry-card{position:relative;min-height:330px;border-radius:14px;overflow:hidden;background:#171725;border-color:#55475e;box-shadow:0 16px 35px #0003}html[data-design=observatory] .registry-art{height:330px;background:radial-gradient(ellipse at 70% 30%,#524365,#1a2033 70%)}html[data-design=observatory] .registry-art img{object-fit:cover;opacity:.6}html[data-design=observatory] .registry-art>span{color:#d7c391;margin-bottom:90px;font-size:96px}html[data-design=observatory] .registry-art>small{display:none}html[data-design=observatory] .registry-card-body{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#111220 28%);padding:55px 22px 22px}html[data-design=observatory] .registry-card-body h2{font-family:Georgia,serif;font-weight:400;text-transform:none;margin:8px 0;font-size:27px}html[data-design=observatory] .registry-card-body p{margin-bottom:4px}html[data-design=observatory] .registry-tabs a{border:0;border-bottom:1px solid #574866;color:#c5bbd5;padding:9px 12px}html[data-design=observatory] .registry-tabs a.active{background:transparent;color:#ecd2a4;border-color:#e3c28a}html[data-design=observatory] .stats{border:0;background:transparent;gap:18px}html[data-design=observatory] .stats>div{background:transparent;border:0;border-left:1px solid #7b6684;padding:6px 16px}html[data-design=observatory] .stats>div:after{display:none}html[data-design=observatory] .stats strong{font-family:Georgia,serif;color:#e5cd9f;font-size:30px}html[data-design=observatory] .panel{background:#1b1b2b;border-color:#474056;border-radius:12px}html[data-design=observatory] input,html[data-design=observatory] select,html[data-design=observatory] textarea{background:#131420;border-color:#65556f;color:#efe8f4;border-radius:7px}html[data-design=observatory] .badge{border-color:#7e6b88;color:#e2d4e7;border-radius:20px;letter-spacing:0;text-transform:none}html[data-design=observatory] .registry-overview{grid-template-columns:1.25fr 1fr}html[data-design=observatory] .registry-number{font-family:Georgia,serif;color:#e4c591}html[data-design=observatory] .secondary{background:#312737;color:#ead2a5}html[data-design=observatory] .picker-results{background:#31283d}
@media(max-width:1050px){html[data-design] .registry-overview{grid-template-columns:1fr}html[data-design] .workspace{padding-left:20px;padding-right:20px}.design-dock{gap:10px}.design-dock small{display:none}.design-dock button{padding:9px}}
@media(max-width:700px){html[data-design] .sidebar{position:relative;width:auto;border-right:0;padding:18px}html[data-design] .workspace{margin-left:0;padding-left:16px;padding-right:16px}html[data-design] .registry-grid{grid-template-columns:1fr}html[data-design=foundry] .registry-card{grid-template-columns:100px 1fr}html[data-design=foundry] .registry-art{height:100%}.design-dock{display:block;text-align:center;padding:8px}.design-dock>div{justify-content:center;margin-top:6px}.design-dock button{font-size:11px;padding:8px 5px}html[data-design] .registry-heading h1{font-size:30px}html[data-design] .stats{grid-template-columns:1fr 1fr}}
.registry-visual-deck{display:none}html[data-design] .registry-visual-deck{display:grid;grid-template-columns:minmax(0,1fr) 245px;min-height:290px;margin:20px 0 24px;border:1px solid #4b889d;background:#081723;box-shadow:0 20px 45px #0004;overflow:hidden}.deck-art{position:relative;min-height:290px;overflow:hidden}.deck-art>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.8}.deck-art:after{content:'';position:absolute;inset:0;background:linear-gradient(#071925bb,transparent 38%,#071925c9);pointer-events:none}.deck-grid{position:absolute;inset:0;background-image:linear-gradient(#8ce1ed12 1px,transparent 1px),linear-gradient(90deg,#8ce1ed12 1px,transparent 1px);background-size:35px 35px;z-index:1}.deck-reticle{position:absolute;inset:38px 24% 22px;border:1px solid #8ce1ed66;border-radius:50%;z-index:1}.deck-reticle:after{content:'';position:absolute;inset:13px;border:1px dashed #8ce1ed44;border-radius:50%}.deck-title{position:relative;z-index:2;padding:22px 26px}.deck-title small{color:#b0ebf3!important;letter-spacing:2px;font-size:10px!important}.deck-title h2{color:#eefaff;font-size:30px!important;letter-spacing:1px;margin:6px 0}.deck-reference{position:absolute;bottom:22px;left:26px;z-index:3;background:#0e2536d9!important;color:#b9f0f4!important;border:1px solid #79bccd!important;font-size:12px}.deck-caption{position:absolute;bottom:23px;right:20px;font-size:11px;color:#b6cad4;z-index:2}.deck-controls{position:relative;z-index:3;background:linear-gradient(120deg,#142c3d,#0c1b28);border-left:1px solid #4b788c;padding:24px 18px}.deck-controls>small{letter-spacing:1.5px;font-size:10px!important;color:#90c2d2;margin-bottom:15px}.deck-controls>a{display:flex;gap:12px;align-items:center;padding:16px 0;color:#deeff4;border-bottom:1px solid #3c5c70}.deck-controls>a:last-child{border:0}.deck-controls a small{font-size:11px!important;color:#8baabc}.deck-controls a b{margin-left:auto;color:#8adcE9}.deck-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #4e8395;color:#9ae4eb;background:#153549;font-size:24px}.deck-controls a:hover .deck-icon{box-shadow:0 0 20px #90e8f04a;border-color:#9ae4eb}
html[data-design=orbital] .panel{background:linear-gradient(125deg,#102637ee,#0a1824f5);box-shadow:inset 2px 0 #7ed7e32b}html[data-design=orbital] .registry-visual-deck{clip-path:polygon(0 0,98% 0,100% 18px,100% 100%,2% 100%,0 calc(100% - 18px))}html[data-design=orbital] .registry-card{position:relative}html[data-design=orbital] .registry-card:after{content:'';position:absolute;right:8px;top:8px;width:25px;height:25px;border-top:1px solid #7de2eb;border-right:1px solid #7de2eb;pointer-events:none}
html[data-design=foundry] .registry-visual-deck{grid-template-columns:255px 1fr;border:4px solid #717566;border-top:8px solid #d1a959;box-shadow:8px 8px 0 #090f13}html[data-design=foundry] .deck-art{order:2}html[data-design=foundry] .deck-controls{order:1;background:linear-gradient(#343b35,#222c29);border:0;border-right:2px solid #7e8269}html[data-design=foundry] .deck-title h2{font-family:Impact,sans-serif;text-transform:uppercase;color:#f3dfb7;letter-spacing:1px}html[data-design=foundry] .deck-title small{color:#f1cb81!important}html[data-design=foundry] .deck-controls>small{color:#e5c785}html[data-design=foundry] .deck-controls>a{border-color:#676f59;color:#eee7d1}html[data-design=foundry] .deck-controls a small{color:#b9c0ac}html[data-design=foundry] .deck-icon{background:#3c4232;border-color:#ab9961;color:#f2cf79}html[data-design=foundry] .deck-reticle{border-radius:0;border-style:dashed;border-color:#e2bd65aa;transform:skewY(-7deg)}html[data-design=foundry] .deck-reticle:after{border-radius:0;border-color:#e2bd6555}html[data-design=foundry] .deck-reference{border-color:#ad955b!important;color:#f2cf88!important;background:#292f27ee!important}html[data-design=foundry] .registry-card{border-top:1px solid #7b806d;box-shadow:inset 0 1px #fff1,3px 3px #060c1080}html[data-design=foundry] .registry-art{background-image:repeating-linear-gradient(135deg,#8e8c7110 0 2px,transparent 2px 12px)}
html[data-design=atlas] .registry-visual-deck{background:#d9e8ed;border-color:#6992a3;border-radius:0;grid-template-columns:1fr 255px;box-shadow:7px 8px 0 #567b9222}html[data-design=atlas] .deck-art{background:#cedfe6}html[data-design=atlas] .deck-art>img{mix-blend-mode:multiply;filter:saturate(.65);opacity:.8;object-fit:contain}html[data-design=atlas] .deck-art:after{background:linear-gradient(#e3eef1dd,transparent 50%,#dbe9ede6)}html[data-design=atlas] .deck-title h2{font-family:Georgia,serif;color:#214d64;text-transform:none;font-weight:400}html[data-design=atlas] .deck-title small{color:#3f7083!important}html[data-design=atlas] .deck-grid{background-image:linear-gradient(#1c56651a 1px,transparent 1px),linear-gradient(90deg,#1c56651a 1px,transparent 1px)}html[data-design=atlas] .deck-reticle{border-color:#34788977}html[data-design=atlas] .deck-reticle:after{border-color:#34788955}html[data-design=atlas] .deck-controls{background:#eff6f5;border-color:#9bb8c3}html[data-design=atlas] .deck-controls>small{color:#4d788a}html[data-design=atlas] .deck-controls>a{color:#234f66;border-color:#bad0d8}html[data-design=atlas] .deck-controls a small{color:#5b7e8c}html[data-design=atlas] .deck-icon{background:#dcebee;border-color:#88aebb;color:#2c6d87;border-radius:50%}html[data-design=atlas] .deck-reference{background:#eff8f8ee!important;color:#245c70!important;border-color:#759bad!important}html[data-design=atlas] .deck-caption{color:#365e71}html[data-design=atlas] .registry-card{border-radius:0;border-bottom:3px solid #528296}
html[data-design=observatory] .registry-visual-deck{display:block;position:relative;min-height:390px;border:1px solid #9b805e66;border-radius:14px;background:#111422}html[data-design=observatory] .deck-art{min-height:390px}html[data-design=observatory] .deck-art>img{object-fit:cover;opacity:.85}html[data-design=observatory] .deck-art:after{background:linear-gradient(110deg,#131425b3,transparent 70%),linear-gradient(0deg,#121322ed,transparent 70%)}html[data-design=observatory] .deck-grid{display:none}html[data-design=observatory] .deck-reticle{width:400px;height:400px;inset:-40px auto auto 28%;border-color:#e0c39244}html[data-design=observatory] .deck-reticle:after{border-color:#e0c39233}html[data-design=observatory] .deck-title{padding:28px 32px}html[data-design=observatory] .deck-title h2{font-family:Georgia,serif;font-size:38px!important;font-weight:400;color:#f1e2c4;text-transform:none}html[data-design=observatory] .deck-title small{color:#d6bf94!important}html[data-design=observatory] .deck-controls{position:absolute;bottom:22px;left:24px;right:24px;padding:13px 20px;background:#171929c9;backdrop-filter:blur(12px);border:1px solid #a68a6155;border-radius:8px;display:flex;gap:25px;justify-content:space-between}html[data-design=observatory] .deck-controls>small{display:none}html[data-design=observatory] .deck-controls>a{padding:0;border:0;flex:1;font-size:14px}html[data-design=observatory] .deck-controls a small{font-size:10px!important;color:#b5aec8}html[data-design=observatory] .deck-controls a b{display:none}html[data-design=observatory] .deck-icon{border-radius:50%;border-color:#b49d71;color:#e9d0a2;background:#3c344388}html[data-design=observatory] .deck-reference{bottom:112px;left:32px;border-color:#b49d71!important;background:#272431bb!important;color:#ecd9b8!important}html[data-design=observatory] .deck-caption{bottom:112px;right:30px;color:#b6a4c8}html[data-design=observatory] .registry-card{box-shadow:0 15px 30px #0005,inset 0 0 0 1px #d9c19811}
@media(max-width:950px){html[data-design] .registry-visual-deck{grid-template-columns:1fr}.deck-art{min-height:260px}.deck-controls{display:flex;gap:15px;align-items:center;border-left:0;border-top:1px solid #4b788c;padding:14px}.deck-controls>small{display:none}.deck-controls>a{flex:1;border:0;padding:0;font-size:12px}.deck-controls a small{display:none}.deck-controls a b{display:none}html[data-design=foundry] .deck-art{order:0}html[data-design=foundry] .deck-controls{border-right:0}.deck-caption{font-size:9px}.deck-icon{width:28px;height:28px;font-size:20px}html[data-design=observatory] .deck-controls{gap:10px;left:12px;right:12px;padding:12px}html[data-design=observatory] .deck-controls>a{font-size:11px}.deck-reference{font-size:10px;padding:8px}}
/* Preview dock must not cover persistent account controls. */

html[data-design=atlas] label,html[data-design=atlas] .panel summary,html[data-design=atlas] .registry-extra-filters summary{color:#34596d}html[data-design=atlas] .deck-title{background:linear-gradient(90deg,#e3eef2f5,#e3eef2cf,transparent);padding-bottom:12px}html[data-design=atlas] .deck-controls a b{color:#326d83}

.appearance{position:relative;margin-left:16px;flex-shrink:0}.appearance summary{cursor:pointer;font-size:13px}.appearance-menu{position:absolute;right:0;top:30px;width:260px;z-index:50;padding:18px;background:#101e2c;color:#e1edf5;border:1px solid #536b80;box-shadow:0 12px 40px #0008;text-transform:none;letter-spacing:0}.appearance-menu>div{display:grid;gap:7px;margin:12px 0}.appearance-menu button{text-align:left;font-size:13px}.appearance-menu button[aria-pressed=true]{outline:2px solid #86cbdc;outline-offset:1px}.appearance-menu a{color:#9ce1f3!important}.appearance-menu p{font-size:12px;line-height:1.5;color:#b8cbd7}.appearance-menu button:disabled{opacity:.65}.topbar{flex-wrap:wrap;gap:12px}html[data-design=atlas] .appearance summary{color:#34596d}@media(max-width:700px){.appearance{margin-left:auto}.appearance-menu{width:245px}}
