:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:#0f1114;color:#eef1f4;--panel:#171a1f;--line:#2d343d;--muted:#aeb7c2;--accent:#8ab4f8}*{box-sizing:border-box}body{margin:0;min-width:320px}.shell{width:min(1120px,calc(100% - 28px));margin:auto;padding:28px 0 60px}a{color:inherit}.topnav{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.brand{text-decoration:none;font-weight:800}.topnav>a:last-child{color:var(--muted);text-decoration:none}h1{font-size:clamp(2rem,6vw,3.6rem);margin:0 0 10px}.lead,.muted,.status{color:var(--muted)}.loader{display:grid;grid-template-columns:1fr auto;gap:10px;margin:28px 0 12px}.loader input,.control input{width:100%;background:#111419;color:#fff;border:1px solid var(--line);border-radius:9px;padding:12px}button{background:#242a31;color:#fff;border:1px solid #414a55;border-radius:9px;padding:10px 14px;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.drop{border:1px dashed #48515c;border-radius:10px;padding:15px;text-align:center;color:var(--muted)}.drop.drag{border-color:var(--accent);background:#171d25}.loaded{margin:22px 0;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);display:flex;gap:8px 16px;align-items:baseline;flex-wrap:wrap}.loaded span,.loaded small{color:var(--muted)}.loaded small{width:100%}.tabs{display:flex;gap:6px;overflow:auto;border-bottom:1px solid var(--line);margin-top:22px}.tab{border:0;border-radius:8px 8px 0 0;background:transparent;color:var(--muted);white-space:nowrap}.tab.active{background:var(--panel);color:#fff}.pane{padding:22px 0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:14px 0}.stat{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:14px}.stat span{display:block;color:var(--muted);font-size:.8rem;margin-bottom:5px}.stat strong{font-size:1.05rem}.control{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:14px}.control label{color:var(--muted);font-size:.8rem}.control input{display:block;margin-top:5px;min-width:230px}.control .small{min-width:90px;width:90px}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;min-width:520px}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}th:first-child,td:first-child{text-align:left}th{font-size:.75rem;color:var(--muted);text-transform:uppercase;background:#15191e}.error{color:#f28b82}.actions{display:flex;gap:10px;margin:12px 0}@media(max-width:600px){.shell{width:min(100% - 18px,1120px);padding-top:18px}.loader{grid-template-columns:1fr}.loaded{align-items:flex-start}.pane{padding-top:16px}}
.cachebar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 18px;padding:10px 12px;border:1px solid var(--line,#333);border-radius:8px;color:var(--muted,#999);font-size:12px}.cachebar button{padding:6px 9px;white-space:nowrap}@media(max-width:600px){.cachebar{align-items:flex-start;flex-direction:column}}

.copy-actions{display:flex;gap:7px;margin-left:auto}.copy-actions button{padding:8px 11px}.copy-status{color:var(--muted);font-size:.78rem;margin:8px 0 0}.copy-status.ok{color:#81c995}@media(max-width:600px){.copy-actions{width:100%;margin-left:0}.copy-actions button{flex:1}}
.cache-actions{display:flex;gap:7px}.cache-manager{border:1px solid var(--line);background:var(--panel);border-radius:10px;margin:-8px 0 20px;padding:14px}.cache-manager-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.cache-manager-head strong{font-size:1rem}.cache-manager-head .muted{font-size:.78rem;margin-top:4px}.cache-list{display:grid;gap:8px}.cache-item{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:9px;background:#12161b}.cache-id{font-weight:700;text-decoration:none;color:var(--accent)}.cache-meta{font-size:.78rem;color:var(--muted);margin-top:3px}.cache-item-actions{display:flex;gap:7px;flex:0 0 auto}.cache-item-actions button{padding:7px 10px}@media(max-width:600px){.cache-actions{width:100%}.cache-actions button{flex:1}.cache-item{align-items:flex-start;flex-direction:column}.cache-item-actions{width:100%}.cache-item-actions button{flex:1}}
