:root{color-scheme:light;--ink:#25303b;--muted:#66717c;--paper:#fff;--bg:#edf1f3;--line:#d8dfe3;--accent:#236b7c;--accent-dark:#184b58;--danger:#a52a2a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}.site-header{min-height:64px;background:#17333d;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2));box-shadow:0 2px 8px #0002}.brand{color:#fff;text-decoration:none;font-size:1.15rem;font-weight:700}.welcome{font-size:.9rem;color:#d7e5e9}main{margin:40px auto}.narrow{max-width:480px}.wide{max-width:1180px;padding:0 18px}.card{background:var(--paper);padding:32px;border-radius:12px;box-shadow:0 8px 30px #18333d18}h1{line-height:1.15;margin:0 0 12px}p{color:var(--muted)}label{display:block;font-weight:650;margin:18px 0 0}input{width:100%;font:inherit;border:1px solid #adb8be;border-radius:7px;padding:11px 12px;margin-top:6px}input:focus{outline:3px solid #2d829944;border-color:var(--accent)}button{border:0;border-radius:7px;background:var(--accent);color:#fff;padding:11px 18px;font:inherit;font-weight:700;cursor:pointer;margin-top:22px}button:hover{background:var(--accent-dark)}button.secondary{background:#fff;color:var(--accent);border:1px solid var(--accent);margin:0}.alert{padding:12px 14px;border-radius:7px;margin:16px 0}.alert.error{background:#fdeaea;color:#7f2020;border:1px solid #efbcbc}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap}.breadcrumbs a{color:var(--accent)}.file-list{background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden}.file-row{display:grid;grid-template-columns:36px minmax(0,1fr) 90px 120px;gap:8px;align-items:center;padding:11px 15px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line)}.file-row:last-child{border-bottom:0}.file-row:hover{background:#f0f8fa}.filename{overflow-wrap:anywhere}.meta{color:var(--muted);font-size:.87rem;text-align:right}.icon{text-align:center}.empty{padding:20px;text-align:center}footer{text-align:center;color:var(--muted);font-size:.85rem;padding:25px}.viewer-page{background:#111;color:#fff;min-height:100vh;overflow:auto}.viewer-toolbar{position:sticky;top:0;z-index:3;min-height:64px;background:#10191eee;display:grid;grid-template-columns:1fr minmax(0,2fr) 1fr;align-items:center;gap:12px;padding:10px 18px;backdrop-filter:blur(7px)}.viewer-button{color:#fff;text-decoration:none;border:1px solid #ffffff55;border-radius:7px;padding:9px 12px;width:max-content}.viewer-button:last-child{justify-self:end}.viewer-title{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-main{margin:0;min-height:calc(100vh - 110px);display:flex;align-items:center;justify-content:center;position:relative}.image-button{background:transparent;margin:0;padding:0;border:0;cursor:zoom-in;max-width:100%}.image-button:hover{background:transparent}.image-button img{display:block;max-width:100vw;max-height:calc(100vh - 110px);width:auto;height:auto}.zoomed .viewer-main{display:block;text-align:center}.zoomed .image-button{cursor:zoom-out}.zoomed .image-button img{max-width:none;max-height:none;margin:auto}.viewer-nav{position:fixed;z-index:2;top:50%;transform:translateY(-50%);color:#fff;text-decoration:none;background:#0009;border:1px solid #fff5;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;font-size:42px;line-height:1}.viewer-nav.previous{left:14px}.viewer-nav.next{right:14px}.viewer-help{text-align:center;color:#bbb;font-size:.85rem;padding:10px}@media(max-width:650px){main{margin-top:22px}.card{margin:22px 14px;padding:24px}.welcome{display:none}.file-row{grid-template-columns:30px minmax(0,1fr);padding:12px}.file-row .meta{display:none}.toolbar{align-items:center}.toolbar h1{font-size:1.45rem}.viewer-toolbar{grid-template-columns:1fr 1fr}.viewer-title{display:none}.viewer-button{font-size:.85rem}.viewer-nav{width:44px;height:44px}.viewer-help{display:none}}