:root,.file-viewer{--file-background:#101e2b;--file-canvas:#263e50;--file-surface:#142634;--file-text:#edf4fa;--file-muted:#bbd1e0;--file-border:#7c92a3;--file-control:#243b4d;--file-control-hover:#35576b;--file-control-text:#f4f9fc;--file-focus:#8be7ff;--file-error:#ffa8a0;--file-accent:#00f0ff;--file-grid:#0e7490;--file-glow:#78dcff;--file-font:system-ui,sans-serif;color-scheme:dark;font-family:var(--file-font);color:var(--file-text);background:var(--file-background)}
:root[data-file-theme=light],.file-viewer[data-file-theme=light]{--file-background:#f5f7fa;--file-canvas:#ffffff;--file-surface:#ffffff;--file-text:#20303d;--file-muted:#546572;--file-border:#8593a0;--file-control:#ffffff;--file-control-hover:#e4edf3;--file-control-text:#20303d;--file-focus:#006d94;--file-error:#b32828;--file-accent:#007d91;--file-grid:#8ba7b1;--file-glow:#d5e6ec;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a,select{-webkit-tap-highlight-color:transparent}button,select,.file-link{font:inherit;font-size:.85rem;border:1px solid var(--file-border);border-radius:9px;min-height:44px;padding:9px 12px;color:var(--file-control-text);background:var(--file-control);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:hover,.file-link:hover{background:var(--file-control-hover)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--file-focus);outline-offset:2px}button:disabled,select:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}#file-viewer{width:100%;height:100%;position:relative;min-width:0}.file-viewer{width:100%;height:100%;min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;position:relative;background:radial-gradient(ellipse at 55% 45%,var(--file-canvas),var(--file-background) 75%)}.file-header{min-width:0;padding:10px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));background:var(--file-surface);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border-bottom:1px solid var(--file-border)}.file-title{min-width:0}.file-title h1{font-size:1rem;margin:0;overflow-wrap:anywhere}.file-title p{margin:3px 0 0;font-size:.75rem;color:var(--file-muted)}.file-nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.file-canvas{position:relative;min-width:0;min-height:0;overflow:hidden}.file-canvas canvas{display:block;touch-action:none}.file-status{position:absolute;z-index:2;top:12px;left:12px;right:12px;margin:0 auto;max-width:440px;padding:14px;background:var(--file-surface);border:1px solid var(--file-border);border-radius:12px;box-shadow:0 8px 30px #0006;max-height:calc(100% - 24px);overflow:auto}.file-status p{margin:0;line-height:1.45;overflow-wrap:anywhere}.file-status-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.file-status[data-state=error]{border-color:var(--file-error)}.file-controls{min-width:0;padding:8px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:var(--file-surface);border-top:1px solid var(--file-border);display:grid;grid-template-columns:minmax(0,1fr);gap:7px}.file-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.file-tools label{font-size:.8rem;display:flex;align-items:center;gap:6px}.file-help,.file-details{margin:0;font-size:.75rem;line-height:1.4;color:var(--file-muted);overflow-wrap:anywhere}.file-details summary{cursor:pointer;min-height:44px;padding:12px 0}.file-details p{margin:6px 0}.file-bootstrap{grid-row:2;align-self:center;justify-self:center;max-width:440px;margin:16px;padding:20px;border:1px solid var(--file-border);border-radius:12px;background:var(--file-surface)}.file-bootstrap h1{font-size:1.2rem}.file-bootstrap button{margin-top:8px}noscript{padding:16px} .file-viewer[data-ui=hidden]{grid-template-rows:minmax(0,1fr)}.file-viewer[data-ui=hidden]>.file-header,.file-viewer[data-ui=hidden]>.file-controls{display:none}
@media(max-width:480px){.file-header{padding:8px;gap:6px;grid-template-columns:minmax(0,1fr)}.file-nav{justify-content:flex-start}.file-title h1{font-size:.9rem}.file-controls{padding:7px 8px max(7px,env(safe-area-inset-bottom))}.file-tools{gap:4px}.file-tools button{padding:8px 10px}.file-help{display:none}.file-status{left:8px;right:8px;top:8px;max-height:calc(100% - 16px)}}
@media(max-height:450px){.file-header{padding:5px 8px;grid-template-columns:minmax(0,1fr) auto}.file-title p,.file-help{display:none}.file-controls{padding:5px 8px;gap:3px}.file-details{font-size:.7rem}.file-details summary{min-height:44px}.file-tools{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.file-tools>*{flex-shrink:0}.file-tools label{margin-left:auto}.file-status{top:6px;max-height:calc(100% - 12px);padding:10px}}