body{font-family:system-ui,sans-serif;font-size:15px;background:#f9fafb;color:#111827;max-width:720px;margin:2.5rem auto;padding:0 1rem}
h1{font-size:1.15rem;margin:0}
a{color:#2563eb;text-decoration:none} a:hover{text-decoration:underline}
code{background:#f3f4f6;padding:.1rem .35rem;border-radius:4px;font-size:.85em}
.muted{color:#6b7280;font-size:.85rem}
.row{display:flex;gap:.6rem;align-items:center} .between{justify-content:space-between}

.panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}
.panel header{padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}
.panel .pad{padding:1rem 1.25rem}
.pathbar{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem 1.25rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}
.pathbar code{background:none;padding:0;overflow-wrap:anywhere}

.name{flex:1;min-width:0;overflow-wrap:anywhere}
.size{color:#6b7280;font-size:.85rem;white-space:nowrap}
.slot{min-width:7.5rem;text-align:right;white-space:nowrap}

button{padding:.45rem .9rem;border:0;border-radius:6px;background:#2563eb;color:#fff;cursor:pointer;font-size:.9rem}
button:hover{background:#1d4ed8}
button.ghost{background:#fff;color:#374151;border:1px solid #d1d5db} button.ghost:hover{background:#f9fafb}
button.small{padding:.15rem .6rem;font-size:.8rem}
a.btn{display:inline-block;text-decoration:none}

.notice{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:8px;padding:.7rem 1rem;margin-bottom:1rem;font-size:.9rem}
.bar{height:10px;background:#e5e7eb;border-radius:5px;overflow:hidden}.bar>div{height:100%;background:#16a34a;width:0;transition:width .4s}