.archive-page { --archive-blue:#9ac7ff; --archive-gold:#efd38d; }
.archive-main { padding:62px 0 110px; }
.archive-intro { max-width:940px; margin-bottom:32px; }
.archive-intro h1 { margin:0 0 16px; font-size:clamp(2.7rem,7vw,6.2rem); line-height:.94; letter-spacing:-.06em; }
.archive-intro h1 span { color:var(--accent); }
.archive-intro > p { max-width:760px; margin:0; color:var(--muted); font-size:1.08rem; }
.truth-card,.workspace-card,.info-grid article { border:1px solid var(--line); border-radius:var(--radius); background:rgba(16,23,19,.88); box-shadow:var(--shadow); }
.truth-card { display:grid; grid-template-columns:auto 1fr; gap:18px; align-items:start; padding:24px 28px; margin-bottom:18px; border-color:rgba(198,223,136,.28); background:linear-gradient(145deg,rgba(198,223,136,.07),rgba(16,23,19,.9)); }
.truth-icon { width:44px; height:44px; display:grid; place-items:center; border:1px solid var(--line-strong); border-radius:14px; color:var(--accent); font-size:1.6rem; }
.truth-card h2 { margin:0 0 7px; font-size:1.08rem; }
.truth-card p { margin:0; color:var(--muted); font-size:.9rem; }
.workspace-card { padding:clamp(20px,4vw,38px); }
.mode-tabs { display:flex; gap:8px; padding:5px; border:1px solid var(--line); border-radius:15px; background:rgba(0,0,0,.2); }
.mode-tab { flex:1; min-height:46px; border:0; border-radius:11px; background:transparent; color:var(--muted); cursor:pointer; font-weight:750; }
.mode-tab[aria-selected="true"] { background:var(--panel-2); color:var(--text); box-shadow:0 6px 20px rgba(0,0,0,.25); }
.mode-panel { padding-top:30px; }
.panel-heading,.archive-overview,.entry-toolbar,.filter-row,.archive-actions,.action-row { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.panel-heading { align-items:flex-end; margin-bottom:22px; }
.panel-heading h2,.archive-overview h2 { margin:0; font-size:clamp(1.6rem,3vw,2.4rem); letter-spacing:-.035em; overflow-wrap:anywhere; }
.panel-kicker { margin:0 0 5px; color:var(--accent); font-size:.71rem; font-weight:850; letter-spacing:.16em; text-transform:uppercase; }
.drop-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.drop-zone { min-height:210px; display:grid; place-items:center; align-content:center; gap:8px; padding:24px; border:1.5px dashed rgba(198,223,136,.34); border-radius:20px; background:rgba(198,223,136,.025); text-align:center; cursor:pointer; transition:border-color .2s,background .2s,transform .2s; }
.drop-zone.large { min-height:320px; }
.drop-zone:hover,.drop-zone.is-dragging { border-color:var(--accent); background:rgba(198,223,136,.07); transform:translateY(-2px); }
.drop-zone input,.compact-file-button input { position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; }
.drop-icon { color:var(--accent); font-size:2rem; }
.drop-zone strong { font-size:1.15rem; }
.drop-zone small { max-width:380px; color:var(--muted); }
.empty-note { margin:18px 0 0; padding:18px; border:1px solid var(--line); border-radius:14px; color:var(--soft); text-align:center; }
.entry-section { margin-top:20px; }
.entry-toolbar { margin-bottom:10px; }
.entry-toolbar p { margin:0; color:var(--muted); font-size:.88rem; }
.entry-list { display:grid; gap:8px; max-height:600px; overflow:auto; padding-right:3px; }
.entry-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:12px; align-items:center; padding:12px 14px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.018); }
.entry-row.warning { border-color:rgba(239,211,141,.35); background:rgba(239,211,141,.035); }
.entry-main { min-width:0; }
.entry-path { display:block; width:100%; border:0; padding:0; background:transparent; color:var(--text); font-weight:720; overflow-wrap:anywhere; }
.entry-path:focus { outline:1px solid var(--accent); outline-offset:4px; border-radius:3px; }
.entry-meta { display:flex; flex-wrap:wrap; gap:7px 12px; margin-top:4px; color:var(--soft); font-size:.75rem; }
.entry-badges { display:flex; flex-wrap:wrap; gap:5px; margin-top:7px; }
.badge { padding:.24rem .48rem; border-radius:999px; background:rgba(255,255,255,.05); color:var(--muted); font-size:.66rem; font-weight:750; }
.badge.warn { background:rgba(239,211,141,.12); color:var(--warning); }
.badge.danger { background:rgba(255,155,143,.12); color:var(--danger); }
.icon-button,.ghost-button,.primary-button,.text-button,.compact-file-button { border:0; cursor:pointer; font-weight:750; }
.icon-button { width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.025); color:var(--muted); }
.icon-button:hover { color:var(--danger); border-color:rgba(255,155,143,.35); }
.ghost-button,.primary-button,.compact-file-button { min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:0 16px; border-radius:12px; }
.ghost-button,.compact-file-button { border:1px solid var(--line); background:rgba(255,255,255,.025); color:var(--text); }
.ghost-button:hover,.compact-file-button:hover { border-color:var(--line-strong); background:rgba(255,255,255,.05); }
.primary-button { background:var(--accent); color:#10160f; }
.primary-button:disabled,.ghost-button:disabled { opacity:.45; cursor:not-allowed; }
.text-button { padding:4px; background:transparent; color:var(--accent); }
.build-controls { display:grid; grid-template-columns:1.1fr 1.4fr 1fr; gap:12px; margin-top:22px; }
.build-controls label { display:grid; gap:7px; color:var(--muted); font-size:.78rem; font-weight:700; }
.build-controls input,.build-controls select,.search-field input { min-height:46px; width:100%; border:1px solid var(--line); border-radius:12px; background:#0c120f; color:var(--text); padding:0 13px; }
.action-row { justify-content:flex-start; margin-top:18px; flex-wrap:wrap; }
.progress-block { flex:1; min-width:240px; }
.progress-track { height:8px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.06); }
.progress-track span { display:block; width:0; height:100%; background:var(--accent); transition:width .15s ease; }
.progress-block p { margin:6px 0 0; color:var(--muted); font-size:.75rem; }
.message { margin:18px 0 0; padding:13px 15px; border-radius:12px; border:1px solid var(--line); color:var(--muted); }
.message.error { border-color:rgba(255,155,143,.35); color:var(--danger); background:rgba(255,155,143,.06); }
.message.success { border-color:rgba(169,220,145,.35); color:var(--success); background:rgba(169,220,145,.05); }
.archive-overview { align-items:flex-start; margin-bottom:18px; }
.archive-overview p:not(.panel-kicker) { margin:7px 0 0; color:var(--muted); }
.overview-actions { display:flex; flex-wrap:wrap; gap:8px; }
.warning-summary { margin-bottom:16px; padding:16px 18px; border:1px solid rgba(239,211,141,.32); border-radius:14px; background:rgba(239,211,141,.05); color:var(--warning); }
.warning-summary strong { display:block; margin-bottom:5px; }
.warning-summary p { margin:0; color:var(--muted); font-size:.86rem; }
.archive-actions { justify-content:flex-start; flex-wrap:wrap; margin-bottom:14px; }
.filter-row { padding:12px; border:1px solid var(--line); border-radius:14px; margin-bottom:10px; flex-wrap:wrap; }
.search-field { flex:1; min-width:220px; }
.check-label { color:var(--muted); font-size:.82rem; }
.archive-entry-list { max-height:680px; }
.archive-entry-list .entry-row { grid-template-columns:auto minmax(0,1fr) auto auto; }
.render-note { margin:10px 0 0; color:var(--soft); font-size:.76rem; }
.info-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:18px; }
.info-grid article { padding:24px; }
.info-grid h2 { margin:0 0 8px; font-size:1rem; }
.info-grid p { margin:0; color:var(--muted); font-size:.84rem; }
@media (max-width:820px) { .drop-grid,.build-controls,.info-grid { grid-template-columns:1fr; } .panel-heading,.archive-overview { align-items:flex-start; flex-direction:column; } .archive-entry-list .entry-row { grid-template-columns:auto minmax(0,1fr) auto; } .archive-entry-list .entry-download { grid-column:2; justify-self:start; } }
@media (max-width:560px) { .archive-main { padding-top:38px; } .workspace-card { padding:16px; } .mode-tabs { overflow:auto; } .mode-tab { min-width:155px; } .truth-card { grid-template-columns:1fr; } .drop-zone { min-height:180px; } .entry-row { padding:11px; } .archive-actions > * { flex:1 1 45%; } }