:root{color-scheme:dark;--bg:#0d1217;--panel:#161c22;--panel-2:#20272e;--line:#303a43;--text:#f1f5f7;--muted:#9aa7b0;--accent:#d9f347;--accent-ink:#151a0a;--danger:#ff8b83;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--bg);scrollbar-gutter:stable}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#141b22 0,#0d1217 320px);color:var(--text)}body.detail-open{overflow:hidden}button,a,input{font:inherit}button,a{touch-action:manipulation}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 clamp(14px,4vw,48px);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(13,18,23,.9);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:850;text-decoration:none}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:var(--accent);color:var(--accent-ink);font-size:18px}.upload-button,.primary-button,.danger-button,.viewer-error button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 15px;border:1px solid var(--line);border-radius:7px;cursor:pointer}.upload-button{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:800}.upload-button input{display:none}.upload-icon{font-size:22px;line-height:1}main{width:min(1520px,100%);margin:0 auto;padding:38px clamp(14px,4vw,48px) 80px}.page-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:11px;font-weight:800}.page-head h1{margin:0;font-size:40px;line-height:1}.page-copy{max-width:420px;margin:0;color:var(--muted);font-size:14px}.notice{margin-bottom:22px;padding:13px 15px;border:1px solid #755c2b;border-radius:7px;background:#2d2515;color:#f8dfa0}.masonry{columns:240px 5;column-gap:16px}.work-card{break-inside:avoid;margin:0 0 16px;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--panel);cursor:pointer;animation:card-in .35s both;animation-delay:var(--card-delay)}@keyframes card-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.work-card:hover,.work-card:focus-visible{border-color:#667682;outline:0;box-shadow:0 12px 26px rgba(0,0,0,.26);transform:translateY(-2px)}.thumb-wrap{aspect-ratio:1.46;background:#10151a;overflow:hidden}.thumb-wrap img{display:block;width:100%;height:100%;object-fit:cover}.local-thumb{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(145deg,#24303a,#11171c);color:var(--accent)}.local-thumb span{align-self:end;font-size:11px;font-weight:800}.local-thumb strong{align-self:start;font-size:54px}.card-body{padding:13px 14px 15px}.card-body h2{margin:0;font-size:16px;line-height:1.35}.card-meta{display:flex;justify-content:space-between;gap:8px;margin-top:9px;color:var(--muted);font-size:12px}.empty-state{display:grid;place-items:center;align-content:center;gap:8px;min-height:260px;border:1px dashed var(--line);border-radius:7px;color:var(--muted)}.empty-state strong{color:var(--text)}.detail-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:22px;background:rgba(3,6,8,.82);backdrop-filter:blur(10px)}.detail-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.65fr);width:min(1320px,100%);height:min(820px,calc(100vh - 44px));overflow:hidden;border:1px solid #3b4650;border-radius:8px;background:var(--panel);box-shadow:0 24px 80px rgba(0,0,0,.54)}.close-button{position:absolute;top:12px;right:12px;z-index:5;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(8,12,15,.82);color:var(--text);font-size:27px;cursor:pointer}.viewer-panel{position:relative;min-width:0;background:#11161c}.viewer-host,.viewer-frame{width:100%;height:100%}.viewer-frame{display:block;border:0;background:#11161c}.viewer-loading,.viewer-error{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:10px;padding:24px;background:rgba(17,22,28,.92);color:var(--muted);text-align:center}.viewer-loading strong,.viewer-error strong{color:var(--text)}.viewer-loading>span:last-child{font-size:12px}.viewer-error{color:#ffc1bc}.viewer-error button{margin-top:8px;background:var(--panel-2);color:var(--text)}.spinner{width:30px;height:30px;border:3px solid #43505a;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.detail-info{overflow:auto;padding:44px 28px calc(28px + env(safe-area-inset-bottom));border-left:1px solid var(--line)}.detail-kicker,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--accent);font-size:11px;font-weight:800}.detail-info h2{margin:13px 0 8px;font-size:30px;line-height:1.18}.detail-meta{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.detail-actions{display:grid;gap:9px;margin:22px 0 32px}.primary-button{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:800}.danger-button{background:transparent;color:var(--danger);border-color:#693e3b}.section-heading{padding-bottom:11px;border-bottom:1px solid var(--line);color:var(--text)}.section-heading h3{margin:0;font-size:15px}.section-heading span{color:var(--muted);font-weight:500}.bom-table{display:grid}.bom-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:13px}.bom-row strong{color:var(--muted);font-weight:600}.bom-empty{padding:24px 0;color:var(--muted);font-size:13px;text-align:center}@media(max-width:1020px){.masonry{columns:220px 4}.detail-shell{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}}@media(max-width:720px){.topbar{height:58px;padding:0 12px}.brand{font-size:14px}.brand-mark{width:30px;height:30px}.upload-button{min-height:42px;padding:0 13px}main{padding:28px 12px 56px}.page-head{display:block;margin-bottom:22px}.page-head h1{font-size:32px}.page-copy{margin-top:12px}.masonry{columns:2;column-gap:10px}.work-card{margin-bottom:10px}.card-body{padding:10px 11px 12px}.card-body h2{font-size:14px}.card-meta{display:block}.card-meta span:last-child{display:none}.detail-overlay{display:block;padding:0}.detail-shell{display:flex;flex-direction:column;width:100%;height:100%;max-height:none;border:0;border-radius:0}.viewer-panel{height:54vh;min-height:360px;flex:none;padding-top:env(safe-area-inset-top)}.detail-info{flex:1;padding:25px 16px calc(22px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line)}.detail-info h2{font-size:25px}.close-button{top:calc(10px + env(safe-area-inset-top));right:10px}.detail-actions{margin:18px 0 27px}}@media(max-width:380px){.masonry{column-gap:8px}.work-card{margin-bottom:8px}.card-body h2{font-size:13px}}