/* Shared Parallax Access design system. Original storefront styles preserved. */

:root{--site-primary:#14212a;--site-secondary:#0b1015;--site-background:#080c10;--site-on-primary:#edf4f8;--site-on-secondary:#d8e1e7;--site-on-background:#e7edf1;--site-font-body:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;--site-font-heading:Inter,ui-sans-serif,system-ui,sans-serif;--site-heading-scale:1;--site-spacing-scale:1;--site-radius-scale:1;--site-decoration-opacity:1;--line:#2b3944;--muted:#91a2af;--cyan:#83b5ce;--red:#c66e69;}
*{box-sizing:border-box}body{margin:0;background:var(--site-background);color:var(--site-on-background);font-family:var(--site-font-body);font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.root{min-height:100vh;background:var(--site-background)}.top{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,58px);gap:20px;background:#0a0f13}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.13em;font-weight:700}.mark{width:34px;height:34px;border:1px solid #607988;display:grid;place-items:center;color:var(--cyan);font-size:19px}.subbrand{font-size:9px;color:var(--muted);letter-spacing:.16em;margin-top:4px}.nav{display:flex;gap:24px;color:#a6b4be;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.nav a:hover,.nav button:hover{color:white}.nav button{background:none;border:0;color:inherit;text-transform:inherit;letter-spacing:inherit}.wrap{max-width:1240px;margin:auto;padding:0 clamp(16px,4vw,48px)}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--cyan);text-transform:uppercase}.hero{padding:60px 0 28px;display:grid;grid-template-columns:1fr .9fr;gap:34px;align-items:stretch}.hero h1{font-size:clamp(34px,5vw,62px);line-height:1.02;letter-spacing:-.045em;margin:16px 0}.hero p{color:#a8b5bf;line-height:1.7;max-width:530px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.btn{border:1px solid #526774;background:#dbe7ed;color:#0c141a;padding:12px 15px;font-size:11px;font-weight:700;letter-spacing:.04em}.btn.secondary{background:transparent;color:#d4e0e7;border-color:var(--line)}.hero-art{min-height:300px;border:1px solid var(--line);position:relative;overflow:hidden;background:linear-gradient(135deg,#15232c,#0c1117 60%,#1b242a);display:flex;align-items:end;padding:18px}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49%,#90a7b31a 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#90a7b31a 50%,transparent 51%);background-size:34px 34px;opacity:var(--site-decoration-opacity)}.orbit{position:absolute;width:260px;height:260px;border:1px solid #6b87974a;border-radius:50%;top:20px;right:8%;box-shadow:0 0 0 30px #8ba1ae0b,0 0 0 60px #8ba1ae09}.orbit:before,.orbit:after{content:"";position:absolute;inset:22px;border:1px dashed #88a7b54a;border-radius:50%}.orbit:after{inset:72px;border-style:solid}.art-cross{position:absolute;top:47%;left:54%;width:180px;height:1px;background:#91b8cb6b;transform:rotate(-35deg)}.art-cross:after{content:"";position:absolute;width:1px;height:220px;background:#91b8cb6b;left:50%;top:-110px;transform:rotate(35deg)}.art-caption{position:relative;background:#080d12d9;border:1px solid var(--line);padding:13px 15px;width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center}.art-caption small{color:var(--muted);font-size:9px;letter-spacing:.12em}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin:12px 0 42px}.stat{padding:17px 20px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{font-size:25px;font-weight:500}.stat span{display:block;color:var(--muted);font-size:9px;letter-spacing:.14em;margin-top:5px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:36px 0 16px;gap:12px}.section-head h2{font-size:18px;font-weight:600;letter-spacing:.03em;margin:8px 0 0}.section-head p{color:var(--muted);font-size:11px;margin:0}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.project{border:1px solid var(--line);background:#0b1116;min-width:0;transition:border-color .2s}.project:hover{border-color:#65889a}.project-cover{height:155px;background:linear-gradient(135deg,#1a2a34,#10151b);position:relative;overflow:hidden;border-bottom:1px solid var(--line);display:grid;place-items:center}.project-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(35deg,transparent 48%,#9ab8c31c 49%,transparent 50%),linear-gradient(145deg,transparent 48%,#9ab8c31c 49%,transparent 50%);background-size:48px 48px}.sigil{width:82px;height:82px;border:1px solid #8db4c54f;transform:rotate(45deg);display:grid;place-items:center;color:#b6d1de;font-size:29px}.sigil span{transform:rotate(-45deg)}.cover-tag{position:absolute;left:10px;top:10px;background:#080c10d9;border:1px solid #34434e;padding:5px 7px;font-size:8px;color:#a9bbc7;letter-spacing:.1em}.project-body{padding:15px}.project-top{display:flex;justify-content:space-between;gap:10px;align-items:start}.project h3{font-size:14px;letter-spacing:.06em;margin:0}.status{font-size:8px;color:#e5a09a;border:1px solid #694440;padding:4px 5px;white-space:nowrap}.status.done{color:#8fc8b4;border-color:#345c4e}.project p{color:#9cabb6;font-size:11px;line-height:1.6;min-height:52px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tag{border:1px solid #2e3d48;padding:4px 6px;color:#9fb2bf;font-size:8px;letter-spacing:.04em}.record{margin-top:15px;padding-top:12px;border-top:1px solid #26333d;color:var(--cyan);font-size:9px;letter-spacing:.1em}.systems{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:54px}.system{border:1px solid var(--line);padding:18px;background:#0b1116}.system .glyph{color:var(--cyan);font-size:22px}.system h3{font-size:12px;margin:14px 0 7px}.system p{color:var(--muted);font-size:10px;line-height:1.5;min-height:45px}.system a{color:var(--cyan);font-size:9px;letter-spacing:.1em}.footer{border-top:1px solid var(--line);padding:22px 0 30px;display:flex;justify-content:space-between;gap:12px;color:#72838f;font-size:9px;letter-spacing:.1em}
/* Admin */
.admin-shell{display:none;min-height:calc(100vh - 68px);grid-template-columns:220px 1fr}.admin-shell.active{display:grid}.public-shell.hidden{display:none}.side{border-right:1px solid var(--line);background:#0a0f13;padding:24px 15px}.side .eyebrow{margin:0 10px 18px}.side button{display:flex;width:100%;text-align:left;background:transparent;border:1px solid transparent;color:#9eacb7;padding:12px 10px;margin:3px 0;gap:10px;font-size:12px}.side button.active,.side button:hover{border-color:#2d424f;background:#111a21;color:#e8f0f4}.admin-main{padding:clamp(18px,3vw,36px);min-width:0}.admin-title{display:flex;justify-content:space-between;gap:16px;align-items:start;flex-wrap:wrap}.admin-title h1{font-size:25px;margin:7px 0}.admin-title p{color:var(--muted);font-size:12px}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-actions button{padding:10px 12px}.table-wrap{border:1px solid var(--line);margin-top:22px;overflow:auto}.table-head,.table-row{display:grid;grid-template-columns:30px minmax(180px,1.5fr) minmax(110px,.8fr) minmax(95px,.7fr) 95px;gap:12px;align-items:center;padding:13px 15px;min-width:620px}.table-head{background:#111920;color:#7f94a3;text-transform:uppercase;letter-spacing:.12em;font-size:9px}.table-row{border-top:1px solid #202d36;color:#c7d3da;font-size:11px}.table-row.dragging{opacity:.4}.grip{color:#718a99;cursor:grab;font-size:18px}.record-name{display:flex;align-items:center;gap:10px}.mini-cover{width:43px;height:34px;background:linear-gradient(135deg,#273b49,#10161b);display:grid;place-items:center;color:#a5c4d2;border:1px solid #344b59}.record-name strong{display:block;font-size:11px}.record-name small{display:block;color:#788c9a;font-size:9px;margin-top:4px}.row-status{color:#e1a09a}.row-status.published{color:#8fc8b4}.row-actions{display:flex;gap:5px}.icon-btn{border:1px solid #31424e;background:#0d1419;color:#b7c7d1;padding:7px 8px}.notice{margin-top:15px;padding:12px;border:1px solid #344c5c;color:#93aab9;font-size:11px;line-height:1.6}.empty{padding:30px;text-align:center;color:var(--muted)}.modal-backdrop{display:none;position:fixed;inset:0;background:#020508c9;z-index:10;align-items:center;justify-content:center;padding:18px}.modal-backdrop.open{display:flex}.modal{width:min(640px,100%);max-height:90vh;overflow:auto;background:#0c1319;border:1px solid #425461;padding:24px;box-shadow:0 20px 80px #0009}.modal h2{margin:0 0 5px}.modal p{color:var(--muted);font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:10px;color:#91a4b2;text-transform:uppercase;letter-spacing:.1em}.field input,.field textarea,.field select{width:100%;background:#080d11;border:1px solid #33434e;color:#e7edf1;padding:11px;outline:none}.field textarea{min-height:90px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#7da5ba}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.toast{position:fixed;right:20px;bottom:20px;background:#dbe7ed;color:#0b141a;padding:12px 16px;font-size:12px;display:none;z-index:20}.toast.show{display:block}
@media(max-width:800px){.hero{grid-template-columns:1fr}.hero-art{min-height:240px}.projects{grid-template-columns:repeat(2,1fr)}.systems{grid-template-columns:repeat(2,1fr)}.admin-shell.active{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:3px;padding:10px}.side .eyebrow{width:100%;margin:5px}.side button{width:auto;flex:1;justify-content:center}.nav{gap:12px}.nav a{display:none}}
@media(max-width:520px){.projects{grid-template-columns:1fr}.systems{grid-template-columns:1fr 1fr}.stats .stat{padding:13px 10px}.stat strong{font-size:21px}.hero{padding-top:40px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer{flex-direction:column}}
.hero-art{align-items:center;padding:0}


/* ===== Original storefront styles (preserved) ===== */


.system-examples{border-top:1px solid #26333d;margin-top:12px;padding-top:10px}.system-examples-label{font-size:9px;color:var(--muted);letter-spacing:.13em;margin-bottom:7px}.system-drop{border:1px solid #293943;margin:6px 0;background:#090e12}.system-drop summary{cursor:pointer;list-style:none;padding:10px 11px;color:#c8d8e1;font-size:10px;letter-spacing:.04em;display:flex;justify-content:space-between;gap:10px}.system-drop summary::-webkit-details-marker{display:none}.system-drop summary:after{content:'+';color:var(--cyan);font-size:14px}.system-drop[open] summary:after{content:'−'}.system-drop-content{padding:0 11px 12px;color:#9eafb9;font-size:10px;line-height:1.65}.system-drop-content p{min-height:0;margin:0 0 8px}.system-drop-content strong{color:#d4e1e8;font-weight:600}.system-drop-content ul{padding-left:16px;margin:6px 0}.system-drop-content code{color:#a8d1e2;background:#101a21;padding:2px 4px;font-size:9px}.content-block{border:1px solid #2a3944;background:#0b1218;margin:10px 0;padding:12px}.block-label{font-size:8px;letter-spacing:.14em;color:#83b5ce;margin-bottom:10px}.content-block h4{margin:0 0 7px;color:#d4e1e8;font-size:11px}.content-block p,.content-block li{font-size:10px;line-height:1.65;color:#9eafb9}.content-block ul{padding-left:17px;margin:7px 0}.content-block code{color:#a8d1e2;background:#101a21;padding:2px 4px}.sample-image{height:140px;border:1px solid #344955;background:linear-gradient(135deg,#15242d,#0a0f14);position:relative;overflow:hidden;display:flex;align-items:end;padding:9px}.sample-image:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 49%,#91b8cb22 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#91b8cb22 50%,transparent 51%);background-size:22px 22px}.sample-image:after{content:'';position:absolute;width:80px;height:80px;border:1px solid #83b5ce99;transform:rotate(45deg);left:calc(50% - 40px);top:15px}.image-cross{position:absolute;z-index:1;left:50%;top:0;height:100%;width:1px;background:#83b5ce55}.sample-image span{z-index:2;font-size:7px;letter-spacing:.1em;background:#080c10d9;padding:5px;color:#c0d3dd}.block-caption{font-size:8px!important;color:#718693!important;margin:7px 0 0}.flow-diagram{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.flow-diagram span{border:1px solid #3b5361;background:#101b22;padding:8px 7px;color:#b7d0dc;font-size:8px;letter-spacing:.05em}.flow-diagram b{color:#83b5ce}.code-sample{white-space:pre-wrap;overflow-wrap:anywhere;background:#070b0f;border:1px solid #26343e;padding:12px;color:#c3d4dd;font:9px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.code-sample span{color:#7894a3}


/* ===== Original storefront styles (preserved) ===== */


.project .system-examples{display:none}.project-open{width:100%;margin-top:15px;padding:12px 13px;display:flex;justify-content:space-between;align-items:center;background:#111b22;border:1px solid #3a5362;color:#cfe0e8;font-size:10px;letter-spacing:.1em;text-align:left}.project-open:hover{background:#182731;border-color:var(--cyan)}.project-open span:last-child{color:var(--cyan);font-size:16px}.detail-overlay{display:none;position:fixed;inset:0;z-index:30;overflow-y:auto;background:#080c10;color:var(--site-on-background)}.detail-overlay.open{display:block}.detail-topbar{height:68px;position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 clamp(18px,4vw,58px);background:#0a0f13f5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.detail-back{border:1px solid #344854;background:#0c141a;color:#d5e2e9;padding:10px 13px;font-size:10px;letter-spacing:.08em}.detail-back:hover{border-color:var(--cyan)}.detail-content{max-width:1040px;margin:auto;padding:42px clamp(16px,4vw,40px) 70px}.detail-cover{min-height:260px;border:1px solid var(--line);background:radial-gradient(circle at 50% 45%,#253d4b 0,#111b23 38%,#0a0f14 75%);display:grid;place-items:center;position:relative;overflow:hidden}.detail-cover:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#83b5ce1a 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#83b5ce1a 50%,transparent 50.2%);background-size:36px 36px}.detail-cover .sigil{width:112px;height:112px;font-size:38px}.detail-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin:28px 0 12px;flex-wrap:wrap}.detail-heading h1{font-size:clamp(28px,5vw,48px);letter-spacing:-.035em;margin:8px 0}.detail-description{max-width:780px;color:#a8b7c1;font-size:14px;line-height:1.8}.detail-meta{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 30px}.detail-section{border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.detail-section h2{font-size:17px;margin:7px 0}.detail-section>p{color:var(--muted);font-size:12px;line-height:1.7}.detail-systems{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px}.detail-systems .system-drop{background:#0b1116;border-color:#2e414d}.detail-systems .system-drop summary{padding:16px;font-size:12px}.detail-systems .system-drop-content{padding:2px 16px 18px;font-size:12px}.detail-systems .system-drop-content p,.detail-systems .content-block p,.detail-systems .content-block li{font-size:12px}.detail-systems .content-block h4{font-size:13px}.detail-systems .sample-image{height:220px}
@media(max-width:520px){.detail-topbar{height:60px}.detail-content{padding-top:24px}.detail-cover{min-height:190px}.detail-heading{gap:12px}.detail-systems .sample-image{height:160px}}


/* ===== Original storefront styles (preserved) ===== */


/* Admin workspace pass: restrained tactical framing with a clearer editing hierarchy. */
.admin-shell.active{grid-template-columns:232px minmax(0,1fr);background:radial-gradient(ellipse at 85% 0%,rgba(53,79,93,.12),transparent 42%),#080c10}
.side{position:sticky;top:0;height:calc(100vh - 68px);min-height:560px;overflow:auto;padding:26px 14px;background:linear-gradient(180deg,#0b1217,#080d11);border-right:1px solid #2b3d47}
.side .eyebrow{display:flex;align-items:center;gap:8px;margin:0 9px 20px;padding-bottom:14px;border-bottom:1px solid #263740}
.side .eyebrow:before{content:'';width:6px;height:6px;background:#83b5ce;box-shadow:0 0 10px #83b5ce55}
.side button{position:relative;align-items:center;min-height:42px;padding:11px 12px;border:1px solid transparent;color:#9aabb5;letter-spacing:.015em;transition:background .15s,border-color .15s,color .15s}
.side button.active{background:linear-gradient(90deg,#17252d,#10191f);border-color:#334b59;color:#e0ebf0}
.side button.active:before{content:'';position:absolute;left:-1px;top:8px;bottom:8px;width:2px;background:#83b5ce}
.side button:hover{background:#111b21;border-color:#2b404b;color:#f0f5f7}
.admin-main{padding:clamp(20px,3vw,38px);max-width:1600px;width:100%;margin:0 auto}
.admin-title{padding-bottom:20px;border-bottom:1px solid #263740;align-items:center}
.admin-title h1{font-size:clamp(24px,2.4vw,31px);letter-spacing:-.035em;margin:8px 0 5px}
.admin-title p{max-width:660px;line-height:1.65;margin:0;color:#9baeb8}
.admin-title .eyebrow{display:flex;align-items:center;gap:9px}
.admin-title .eyebrow:before{content:' ';display:inline-block;width:19px;height:1px;background:#83b5ce}
.admin-actions{align-items:center}
.admin-actions .btn{min-height:39px;padding:10px 13px;letter-spacing:.08em}
.admin-actions .btn:not(.secondary){box-shadow:0 4px 18px #83b5ce0b}
.admin-actions .btn.secondary{border-color:#344854;background:#0c1419}
.table-wrap{margin-top:24px;border-color:#2c414c;background:#090f13;box-shadow:0 12px 32px #00000012}
.table-head,.table-row{grid-template-columns:32px minmax(210px,1.65fr) minmax(130px,1fr) minmax(112px,.75fr) 100px;gap:14px;padding:14px 17px}
.table-head{background:#111b21;color:#8fa4b1;font-size:9px;letter-spacing:.15em;border-bottom:1px solid #30444f}
.table-row{min-height:72px;border-top:1px solid #202f38;color:#cbd7dd;transition:background .15s}
.table-row:hover{background:#0e171d}
.record-name{min-width:0;gap:12px}
.record-name>div:last-child{min-width:0}
.record-name strong{font-size:11px;letter-spacing:.035em;line-height:1.45;overflow-wrap:anywhere}
.record-name small{letter-spacing:.035em;line-height:1.5}
.mini-cover{flex:0 0 46px;width:46px;height:38px;background:linear-gradient(145deg,#1c303b,#0b1217);border-color:#3b5360;font-size:17px}
.row-status{display:inline-flex;align-items:center;justify-self:start;border:1px solid #684541;background:#241615;padding:5px 7px;font-size:9px;line-height:1.2;white-space:normal}
.row-status.published{border-color:#35584d;background:#102019;color:#a0d3c0}
.row-actions{justify-content:flex-end}
.icon-btn{min-width:31px;min-height:31px;border-color:#334955;background:#0c1419;transition:background .15s,border-color .15s,color .15s}
.icon-btn:hover{background:#17262f;border-color:#7197aa;color:#edf6fa}
.grip{padding:3px;color:#718b99}
.notice{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:14px 16px;border-color:#304854;background:linear-gradient(90deg,#0d171d,#0a1014);color:#9cb2bf;line-height:1.7}
.notice:before{content:'i';flex:0 0 18px;width:18px;height:18px;display:grid;place-items:center;border:1px solid #486473;color:#9bc5d7;font-size:10px;font-weight:700}
.modal-backdrop{padding:clamp(12px,3vw,28px);backdrop-filter:blur(7px);background:#020609df}
.modal{width:min(900px,100%);max-height:min(92vh,1000px);padding:clamp(18px,2.5vw,30px);border-color:#405764;background:linear-gradient(145deg,#0e171d,#090f13 60%);box-shadow:0 28px 100px #000b}
.modal h2{font-size:22px;letter-spacing:-.025em}
.modal>p{line-height:1.6;margin-top:7px}
#projectForm>.form-grid{gap:16px;margin-top:22px}
#projectForm>.form-grid>.field{padding:0;min-width:0}
.field label{line-height:1.4}
.field input,.field textarea,.field select{border-radius:0;background:#070c10;border-color:#31444f;padding:12px 13px;min-height:42px;transition:border-color .15s,box-shadow .15s}
.field textarea{line-height:1.65}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#83b5ce;box-shadow:0 0 0 2px #83b5ce18}
.modal-actions{position:sticky;bottom:-30px;margin:24px calc(clamp(18px,2.5vw,30px)*-1) calc(clamp(18px,2.5vw,30px)*-1);padding:16px clamp(18px,2.5vw,30px);border-top:1px solid #2b3e49;background:#0b1217f5;backdrop-filter:blur(10px)}
.modal-actions .btn{min-width:120px;min-height:40px}
.builder-panel{position:relative;margin-top:24px;border-color:#344b57;background:linear-gradient(180deg,#0b1318,#080e12);box-shadow:inset 0 1px #ffffff04}
.builder-panel>.builder-head:first-child{padding-bottom:13px}
.builder-head strong{font-size:10px;letter-spacing:.16em;color:#d6e3e9}
.builder-help{max-width:760px;line-height:1.7;color:#91a5b1}
.builder-system{margin:14px 0;border-color:#304651;background:#0a1116}
.builder-system-head{padding-bottom:10px;border-bottom:1px solid #243740;color:#a9cbd9}
.builder-block{background:#070c10;border-color:#2a3d47;border-left-color:#577f92}
.builder-block-head{gap:12px;flex-wrap:wrap;padding-bottom:9px;border-bottom:1px solid #202f38;line-height:1.5}
.builder-panel .field{gap:7px}
.builder-panel .field label{font-size:9px;letter-spacing:.12em}
.builder-btn{min-height:32px;border-color:#3a5360;background:#101a20;color:#cbdde5;letter-spacing:.04em}
.builder-btn.danger{border-color:#604340;background:#17100f;color:#dba7a0}
.builder-empty{background:#080e12;border-color:#354b56;color:#91a5b0}
.toast{border:1px solid #b4cbd5;box-shadow:0 12px 34px #0008;font-weight:600;letter-spacing:.015em}
@media(max-width:1050px){.admin-shell.active{grid-template-columns:196px minmax(0,1fr)}.table-head,.table-row{grid-template-columns:26px minmax(180px,1.5fr) minmax(115px,1fr) minmax(95px,.75fr) 78px;gap:10px;padding-inline:12px}.admin-main{padding:22px}}
@media(max-width:800px){.admin-shell.active{grid-template-columns:1fr}.side{position:static;height:auto;min-height:0;overflow:visible;border-right:0;border-bottom:1px solid #2b3d47;padding:12px}.side .eyebrow{width:100%;margin:4px 8px 8px;padding-bottom:10px}.side button{flex:1 1 150px;justify-content:flex-start}.admin-main{padding:clamp(16px,4vw,26px)}.table-head,.table-row{grid-template-columns:26px minmax(170px,1.5fr) minmax(110px,1fr) minmax(95px,.75fr) 78px}}
@media(max-width:560px){.admin-title{align-items:flex-start}.admin-actions{width:100%}.admin-actions button{flex:1}.table-head,.table-row{gap:8px;padding-inline:10px}.record-name{gap:8px}.mini-cover{flex-basis:34px;width:34px;height:32px}.row-actions{gap:4px}.icon-btn{min-width:29px;padding:5px}.modal{padding:17px}.modal-actions{bottom:-17px;margin:20px -17px -17px;padding:12px 17px}.modal-actions .btn{min-width:0;flex:1}.builder-panel{padding:12px}.builder-head{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.side button,.table-row,.icon-btn,.field input,.field textarea,.field select{transition:none}}


/* ===== Original storefront styles (preserved) ===== */


/* System editor refinement: stronger hierarchy, calmer spacing, and usable mobile controls. */
#systemBuilder{display:grid;gap:14px;margin-top:14px;min-width:0}
.builder-panel{min-width:0}
.builder-panel>.builder-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.builder-panel>.builder-head strong{font-size:10px;letter-spacing:.16em;color:#c8d9e2}
.builder-help{max-width:760px;color:#91a2af;font-size:11px;line-height:1.7}
.builder-system{position:relative;display:grid;gap:16px;padding:18px;border:1px solid #304651;background:linear-gradient(145deg,#0c151b,#080e12);box-shadow:inset 2px 0 #3c6376;min-width:0}
.builder-system-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #2b3d47;color:#9ec3d4;font-size:10px;letter-spacing:.14em}
.builder-system-head:after{content:'SYSTEM VIEW';margin-left:auto;margin-right:8px;color:#5e7582;font-size:9px;letter-spacing:.1em}
.builder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
.builder-grid .field{min-width:0}
.builder-grid .field label{display:block;margin:0 0 7px;color:#9aadb8;font-size:9px;letter-spacing:.11em;text-transform:uppercase}
.builder-grid input,.builder-grid textarea,.builder-grid select{display:block;width:100%;min-width:0;max-width:100%;padding:11px 12px;border:1px solid #30434e;border-radius:0;background:#070c10;color:#e1eaf0;outline:none}
.builder-grid input:focus,.builder-grid textarea:focus,.builder-grid select:focus{border-color:#83b5ce;box-shadow:0 0 0 2px #83b5ce1a}
.builder-grid textarea{min-height:94px;resize:vertical;line-height:1.65}
.builder-head[style*="margin-top"]{margin-top:4px!important;padding-top:16px;border-top:1px solid #263740}
.builder-block{display:grid;gap:13px;min-width:0;padding:15px;border:1px solid #2a3d47;border-left:3px solid #587f92;background:#080e12}
.builder-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b9cbd4;font-size:9px;letter-spacing:.12em}
.builder-block .builder-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
.builder-block .builder-grid .field:last-child{grid-column:1/-1}
.builder-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:8px 11px;border:1px solid #3a5361;background:#101a20;color:#c9dbe4;font-size:9px;letter-spacing:.08em;white-space:nowrap}
.builder-btn:hover{border-color:#83b5ce;background:#162832}
.builder-btn.danger{border-color:#523b3a;color:#c9a4a0;background:#171010}
.builder-btn.danger:hover{border-color:#a16b64;background:#291817}
.builder-empty{padding:22px;border:1px dashed #344b58;background:#0a1217;color:#8fa2ad;font-size:11px;line-height:1.7;text-align:center}
.builder-empty:before{content:'＋';display:block;margin:0 auto 8px;color:#83b5ce;font-size:22px}
@media(max-width:620px){.builder-system{padding:12px}.builder-grid,.builder-block .builder-grid{grid-template-columns:minmax(0,1fr)}.builder-block .builder-grid .field:last-child{grid-column:auto}.builder-system-head{flex-wrap:wrap}.builder-system-head:after{display:none}.builder-block{padding:11px}.builder-block-head{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.builder-btn{transition:none}}


/* ===== Original storefront styles (preserved) ===== */


:root{--site-primary:#202623;--site-secondary:#151816;--site-background:#111311;--site-on-primary:#f0f1ed;--site-on-secondary:#d8dcd6;--site-on-background:#e9ebe6;--line:#303631;--muted:#9a9f98;--cyan:#b7c2b8}
body{background:#111311;color:#e9ebe6;line-height:1.6}.top{background:#121512;border-color:#303631}.mark{border-color:#59635b;color:#c2cbc2}.nav{color:#aeb4ac;gap:clamp(12px,2vw,26px)}.nav a:hover,.nav button:hover{color:#fff}.hero{padding-top:clamp(42px,6vw,76px);gap:clamp(22px,4vw,52px)}.hero h1{font-weight:600;letter-spacing:-.05em}.hero .eyebrow,.eyebrow{color:#b7c2b8}.hero-art{background:linear-gradient(145deg,#252b26,#171b18 62%,#20251f);border-color:#343a34}.hero-art:before{opacity:.35}.orbit{border-color:#aeb9ad38;box-shadow:0 0 0 30px #aeb9ad08,0 0 0 60px #aeb9ad06}.orbit:before,.orbit:after{border-color:#aeb9ad35}.art-cross{background:#b7c2b83b}.art-cross:after{background:#b7c2b83b}.btn{background:#dce2da;color:#151915;border-color:#dce2da}.btn.secondary{background:transparent;color:#d9ded7;border-color:#454d45}.stats{border-color:#303631}.stat{border-color:#303631}.projects{gap:16px}.project{background:#171a17;border-color:#303631;border-radius:5px;overflow:hidden}.project:hover{border-color:#687268}.project-cover{background:linear-gradient(135deg,#2a302a,#171b18);border-color:#303631}.project-cover:before{opacity:.3}.sigil{border-color:#aeb9ad4a;color:#c5cec4}.cover-tag{border-color:#454d45;color:#c2c9c0}.project-body{padding:18px}.project p{color:#a6aba4}.tag{border-color:#394039;color:#b9c0b7}.record{color:#b7c2b8;border-color:#303631}.systems .system{background:#171a17;border-color:#303631}.system p{color:#a6aba4}.system a{color:#c1cbc0}.footer{border-color:#303631;color:#828981}.detail-overlay{background:#111311}.detail-topbar{background:#121512f5;border-color:#303631}.detail-back{background:#191d19;border-color:#454d45;color:#e0e4dd}.detail-cover{background:radial-gradient(circle at 50% 45%,#30382f 0,#1b201b 42%,#111411 78%);border-color:#343a34}.detail-cover:before{opacity:.35}.detail-description{color:#b1b6ae}.detail-section{border-color:#303631}.detail-systems .system-drop{background:#171a17;border-color:#343a34}.system-drop{background:#171a17;border-color:#343a34}.system-drop summary{color:#dce1d9}.system-drop summary:after{color:#b7c2b8}.content-block{background:#131713;border-color:#343a34}.content-block h4{color:#e0e4dc}.content-block p,.content-block li{color:#afb5ac}.code-sample{background:#0d100d;border-color:#343a34;color:#cbd4c9}.admin-shell.active{background:#111311}.side{background:#151815;border-color:#303631}.side button.active{background:#20251f;border-color:#454d45;color:#e7ebe4}.side button.active:before{background:#b7c2b8}.admin-title{border-color:#303631}.table-wrap{background:#151815;border-color:#343a34}.table-head{background:#20251f;border-color:#394039;color:#aeb6aa}.table-row{border-color:#303631}.icon-btn{background:#191d19;border-color:#454d45}.notice{background:#171b17;border-color:#394039;color:#adb6aa}.modal{background:#171b17;border-color:#454d45}.field input,.field textarea,.field select{background:#101310;border-color:#414940;color:#e9ebe6}.builder-system,.builder-block,.content-block{border-color:#343a34}.project-open{background:#20251f;border-color:#454d45;color:#e1e6de}.project-open:hover{background:#282f28;border-color:#9aa69a}.status{color:#d5a39c;border-color:#624541}.status.done{color:#a9cbb6;border-color:#405b48}
.developer-page{max-width:1180px;margin:0 auto;padding:28px clamp(16px,4vw,48px) 64px}.developer-page[hidden]{display:none!important}.dev-back{display:inline-block;margin:0 0 22px;color:#aab0a7;font-size:12px}.dev-profile{display:grid;grid-template-columns:104px minmax(0,1fr) auto;gap:22px;align-items:center;padding:22px 0 32px;border-bottom:1px solid #303631}.dev-avatar{width:104px;height:104px;object-fit:cover;border-radius:5px;background:#272c27;border:1px solid #3a4039}.dev-role{color:#bdc4ba;font-size:14px}.dev-bio{color:#a6aca3;max-width:720px;margin:10px 0 0;font-size:13px}.dev-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.dev-tag{padding:4px 9px;border:1px solid #3b423a;border-radius:3px;color:#c0c7bd;font-size:11px}.dev-section{padding:30px 0;border-bottom:1px solid #303631}.dev-section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:17px}.dev-section h2{font-size:20px;font-weight:550;margin:4px 0}.dev-muted{font-size:12px;color:#969d93}.dev-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.dev-project{background:#171a17;border:1px solid #303631;border-radius:4px;overflow:hidden;cursor:pointer}.dev-project:hover{border-color:#687268}.dev-project-cover{height:125px;background:linear-gradient(135deg,#2a302a,#171b18);background-size:cover;background-position:center}.dev-project-body{padding:13px}.dev-project-body strong{font-size:13px}.dev-project-body p{font-size:11px;color:#a6aca3;margin:7px 0}.dev-gallery-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.dev-filter{background:transparent;border:1px solid #3a4039;color:#aeb5ab;border-radius:3px;padding:6px 10px;font-size:11px}.dev-filter.active,.dev-filter:hover{background:#252b24;color:#edf0e9;border-color:#657064}.dev-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:190px;gap:12px}.dev-gallery-item{position:relative;overflow:hidden;border:1px solid #303631;border-radius:4px;background:#20251f;cursor:pointer}.dev-gallery-item.wide{grid-column:span 2}.dev-gallery-item.tall{grid-row:span 2}.dev-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.78);transition:transform .3s}.dev-gallery-item:hover img{transform:scale(1.025)}.dev-gallery-item:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#090c09d9)}.dev-gallery-caption{position:absolute;z-index:1;left:13px;right:13px;bottom:10px}.dev-gallery-caption strong{display:block;font-size:12px;font-weight:550}.dev-gallery-caption small{font-size:10px;color:#c0c7bd}.dev-empty{padding:22px;border:1px dashed #3a4039;color:#9da49a;font-size:12px}.dev-contact{border:1px solid #454d45;padding:9px 13px;font-size:11px;color:#e0e5dc;border-radius:3px}.dev-lightbox{position:fixed;inset:0;background:#080a08ed;z-index:60;display:none;align-items:center;justify-content:center;padding:22px}.dev-lightbox.open{display:flex}.dev-lightbox-card{width:min(920px,100%);background:#171a17;border:1px solid #454d45}.dev-lightbox img{width:100%;max-height:68vh;object-fit:contain;display:block;background:#0b0d0b}.dev-lightbox-info{padding:14px 17px;display:flex;justify-content:space-between;gap:15px;align-items:center}.dev-lightbox-info p{font-size:12px;color:#a6aca3;margin:3px 0 0}.dev-admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;padding:18px;border:1px solid #343a34;background:#151815}.dev-admin-form .field.full{grid-column:1/-1}.dev-admin-list{display:grid;gap:9px;margin-top:18px}.dev-admin-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;border:1px solid #343a34;background:#151815}.dev-admin-card small{display:block;color:#9da49a;margin-top:3px}.dev-admin-card button{padding:7px 10px;border:1px solid #454d45;background:#1c211b;color:#e2e7de}.dev-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;border:1px solid #343a34;background:#101310}.dev-checks label{display:flex;gap:8px;align-items:center;font-size:11px;color:#c3c9bf}.dev-help{font-size:10px;color:#929a90;line-height:1.5}
@media(max-width:760px){.dev-profile{grid-template-columns:74px minmax(0,1fr)}.dev-avatar{width:74px;height:74px}.dev-contact{grid-column:2;justify-self:start}.dev-project-grid{grid-template-columns:1fr}.dev-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:145px}.dev-gallery-item.wide{grid-column:span 2}.dev-gallery-item.tall{grid-row:span 2}.dev-admin-form{grid-template-columns:1fr}.dev-admin-form .field.full{grid-column:auto}}
@media(max-width:480px){.dev-gallery{grid-auto-rows:125px}.dev-gallery-caption{left:9px;right:9px}.dev-gallery-caption strong{font-size:11px}.dev-section-head{align-items:start;flex-direction:column}}


/* ===== Original storefront styles (preserved) ===== */


.dev-manager-section{border:1px solid #2c414c;background:#090f13;padding:14px}.dev-manager-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.dev-manager-heading .field label,.dev-manager-heading label{color:#91a4b2;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.dev-help{color:#8296a3;font-size:10px;line-height:1.5;margin:6px 0 0}.dev-entry-card{border:1px solid #2b3e49;background:#0b1319;padding:13px;margin:10px 0}.dev-entry-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dev-entry-top strong{font-size:9px;letter-spacing:.13em;color:#83b5ce}.dev-entry-card .form-grid{margin-top:0}.dev-entry-card .field textarea{min-height:66px}


/* ===== Original storefront styles (preserved) ===== */


:root{--site-primary:#202623;--site-secondary:#151816;--site-background:#111311;--site-on-primary:#f0f1ed;--site-on-secondary:#d8dcd6;--site-on-background:#e9ebe6;--line:#303631;--muted:#9a9f98;--cyan:#b7c2b8}
body,.root{background:#111311;color:#e9ebe6}.top{background:#121512;border-color:#303631}.mark{border-color:#59635b;color:#c2cbc2}.nav{color:#aeb4ac}.nav button#adminToggle{border:1px solid #454d45;padding:9px 12px;color:#c6cec4;font-size:9px;letter-spacing:.14em;transition:background .18s,border-color .18s}.nav button#adminToggle:hover{background:#202720;border-color:#899789;color:#fff}.hero-art{background:linear-gradient(145deg,#252b26,#171b18 62%,#20251f);border-color:#343a34}.hero-art:before{opacity:.35}.orbit{border-color:#aeb9ad38;box-shadow:0 0 0 30px #aeb9ad08,0 0 0 60px #aeb9ad06}.orbit:before,.orbit:after{border-color:#aeb9ad35}.art-cross,.art-cross:after{background:#b7c2b83b}.btn{background:#dce2da;color:#151915;border-color:#dce2da}.btn.secondary{background:transparent;color:#d9ded7;border-color:#454d45}.stats,.stat,.footer{border-color:#303631}.project{background:#171a17;border-color:#303631;border-radius:5px}.project:hover{border-color:#687268}.project-cover{background:linear-gradient(135deg,#2a302a,#171b18);border-color:#303631}.sigil{border-color:#aeb9ad4a;color:#c5cec4}.cover-tag{border-color:#454d45;color:#c2c9c0}.project p,.hero p{color:#a6aba4}.tag{border-color:#394039;color:#b9c0b7}.record,.eyebrow,.system a{color:#b7c2b8}.systems .system{background:#171a17;border-color:#303631}.system p{color:#a6aba4}.detail-overlay{background:#111311}.detail-topbar{background:#121512f5;border-color:#303631}.detail-back{background:#191d19;border-color:#454d45;color:#e0e4dd}.detail-cover{background:radial-gradient(circle at 50% 45%,#30382f 0,#1b201b 42%,#111411 78%);border-color:#343a34}.detail-cover:before{opacity:.35}.detail-description{color:#b1b6ae}.detail-section{border-color:#303631}.detail-systems .system-drop{background:#1b201b;border-color:#3b443b}.project-open{background:#202720;border-color:#454d45;color:#d9e0d7}.project-open:hover{background:#293329;border-color:#9eae9e}
@media(max-width:800px){.nav{gap:12px}.nav button#adminToggle{padding:8px 9px}}


/* ===== Original storefront styles (preserved) ===== */


.builder-panel{border:1px solid #343d35!important;background:#151a16!important;padding:clamp(14px,2vw,22px)!important}
.builder-panel>.builder-head:first-child{padding-bottom:13px;border-bottom:1px solid #303a31}
.builder-panel>.builder-head:first-child strong,.system-registry-head strong,.builder-content-head strong{color:#dbe2d9;letter-spacing:.13em;font-size:10px}
.builder-help{color:#9da79c!important;font-size:11px!important;line-height:1.65!important}
.system-registry-head{margin-top:22px!important;align-items:center!important}
.system-registry-head>div{min-width:0;flex:1}.system-registry-head .builder-help{margin:5px 0 0}
#systemBuilder{display:grid;gap:13px;margin-top:12px;min-width:0}
.builder-registry-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 12px;border:1px solid #303a31;background:#111611;color:#aab4a8;font-size:9px;letter-spacing:.08em}
.builder-registry-meta span:first-child{color:#cbd5ca;font-weight:700;letter-spacing:.13em}
.builder-system{margin:0!important;padding:clamp(13px,1.8vw,19px)!important;border:1px solid #3a463b!important;border-left:2px solid #879a86!important;background:linear-gradient(145deg,#1a211b,#141a15)!important;min-width:0}
.builder-system-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:13px;border-bottom:1px solid #303a31;margin-bottom:15px;color:#d6dfd5!important}
.builder-system-ident{display:grid;gap:4px;min-width:0}.builder-system-ident strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}
.system-index{color:#a6b7a4;font-size:9px;letter-spacing:.15em}
.builder-inline-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.builder-btn{border:1px solid #485449!important;background:#202820!important;color:#d4ded3!important;border-radius:2px;padding:8px 10px!important;font-size:9px!important;letter-spacing:.08em}
.builder-btn:hover:not(:disabled){background:#2a352a!important;border-color:#8b9c87!important}
.builder-btn:disabled{opacity:.3;cursor:not-allowed}
.builder-btn.danger{border-color:#594441!important;background:#211a18!important;color:#d8aaa1!important}
.builder-btn.danger:hover:not(:disabled){background:#30211f!important;border-color:#9d7168!important}
.builder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px!important}
.builder-grid .field{min-width:0}.builder-grid .field-wide{grid-column:1/-1}
.builder-panel .field label{color:#b1bcae!important;font-size:9px!important;letter-spacing:.1em!important}
.builder-panel input,.builder-panel textarea,.builder-panel select{background:#0e130f!important;color:#e3e9e1!important;border:1px solid #3b473b!important;border-radius:2px!important;padding:11px 12px!important;min-width:0}
.builder-panel input:focus,.builder-panel textarea:focus,.builder-panel select:focus{border-color:#9aab94!important;box-shadow:0 0 0 2px #9aab941a!important}
.builder-panel input::placeholder,.builder-panel textarea::placeholder{color:#6f7b70}
.builder-panel textarea{min-height:88px}
.required-label,.optional-label{font-size:8px;letter-spacing:.1em;margin-left:5px}
.required-label{color:#d1a39a}.optional-label{color:#788579}
.builder-content-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:17px 0 10px;padding-top:14px;border-top:1px solid #303a31}
.builder-content-head>div{display:grid;gap:4px}.builder-content-head small{color:#899589;font-size:10px}
.builder-block{margin:9px 0 0!important;padding:12px!important;border:1px solid #3b463b!important;border-left:2px solid #778c75!important;background:#111712!important;min-width:0}
.builder-block-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px!important;color:#d8e1d6!important}
.builder-block-head>div:first-child{display:grid;gap:5px}.builder-block-head>div:first-child>span{font-size:9px;letter-spacing:.12em}
.builder-block-head small{color:#879487;font-size:9px;line-height:1.4}
.builder-empty{border:1px dashed #4a5849!important;background:#111711!important;color:#9eaa9c!important;padding:16px!important;line-height:1.65!important}
.builder-empty-main{text-align:left!important;padding:22px!important}.builder-empty-main strong{display:block;color:#d8e1d6;font-size:13px;margin-bottom:5px}
.builder-empty-main p{max-width:620px;margin:0 0 14px;color:#98a497;font-size:11px}
.builder-empty-blocks{text-align:left!important;padding:13px!important}
@media(max-width:700px){.builder-grid{grid-template-columns:1fr!important}.builder-grid .field-wide{grid-column:1!important}.builder-system-head{align-items:flex-start}.builder-content-head{align-items:flex-start}.builder-block-head{align-items:flex-start}.system-registry-head{align-items:flex-start!important}}
@media(prefers-reduced-motion:reduce){.builder-btn{transition:none!important}}