@font-face{font-family:Inter;src:url('/assets/fonts/inter-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
#login[hidden],#workspace[hidden],#logout[hidden],#preview[hidden]{display:none}
h1{font-size:var(--fs-7);font-weight:300;line-height:var(--lh-head)}
h2{font-size:var(--fs-5);font-weight:400}
#login{max-width:var(--frame-text);display:grid;gap:var(--s-4)}
.fields{display:grid;gap:var(--s-2)}
input,textarea{box-sizing:border-box;width:100%;min-height:44px;font:inherit;border:var(--control-line);border-radius:var(--r-control);padding:var(--s-3);background:var(--panel);color:var(--ink)}
.heading,.actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-3);margin-block:var(--s-4)}
.actions{justify-content:flex-start}
#files{display:grid;gap:var(--s-4)}
.file-card{overflow-wrap:anywhere}
.file-card form{display:grid;gap:var(--s-2);margin-top:var(--s-4)}
.note{color:var(--text-2);font-size:var(--fs-2)}
#preview{margin-top:var(--s-6)}
#preview-content img{max-width:100%;max-height:600px;object-fit:contain}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:var(--focus);outline-offset:2px}
@media(max-width:600px){h1{font-size:var(--fs-6)}.actions button{width:100%}.nav-inner{flex-wrap:wrap;gap:var(--s-2)}}