:root{--bg:#f5f7fa;--surface:#fff;--ink:#1b2430;--muted:#5b6676;--line:#d7dee8;--accent:#2e5aac;--accent-ink:#fff;--danger:#c9432e;--ok:#1f8a4c;--warn:#c9622a;--radius:8px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Hiragino Sans,Yu Gothic UI,Meiryo,system-ui,sans-serif;line-height:1.6}a.link{color:var(--accent);word-break:break-all}.muted{color:var(--muted)}.error{color:var(--danger);font-size:.9rem}.notice{color:var(--ok);font-size:.9rem}.nowrap{white-space:nowrap}.center{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.app__header{background:var(--surface);border-bottom:1px solid var(--line);z-index:10;align-items:center;gap:24px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.app__brand{font-weight:700}.app__nav{flex:1;gap:4px;display:flex}.app__nav a{color:var(--muted);border-radius:6px;padding:6px 12px;font-size:.92rem;text-decoration:none}.app__nav a.active{background:var(--accent);color:var(--accent-ink)}.app__user{align-items:center;gap:12px;font-size:.9rem;display:flex}.app__main{max-width:1280px;margin:0 auto;padding:28px 32px 64px}.page>h1{margin:0 0 20px;font-size:1.4rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:20px;padding:20px 24px}.card__title{margin:0 0 12px;font-size:1.05rem}.auth-card{width:360px;max-width:100%}.auth-card__title{text-align:center;margin:0 0 20px;font-size:1.2rem}.form{flex-direction:column;gap:14px;display:flex}.form--wide{max-width:640px}.form--inline{flex-flow:wrap;align-items:flex-end;gap:12px}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.field input,.field select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;padding:8px 10px;font-size:1rem}.btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;padding:8px 16px;font-size:.92rem}.btn:hover{background:#f0f3f8}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:hover{filter:brightness(.95)}.btn--danger{color:var(--danger);border-color:#e6b9b0}.btn--danger:hover{background:#fbeeeb}.btn--small{padding:4px 10px;font-size:.82rem}.dropzone{border:2px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted);cursor:pointer;background:#fbfcfe;padding:36px 20px}.dropzone--active{border-color:var(--accent);background:#eef3fb}.filelist ul{max-height:200px;margin:6px 0 0;padding-left:18px;font-size:.85rem;overflow:auto}.filelist--rejected ul{color:var(--danger)}.guide{font-size:.82rem;line-height:1.5}.guide p{margin:2px 0}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-bottom:16px;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 14px}.table th{color:var(--muted);white-space:nowrap;background:#f7f9fc;font-weight:600}.table tr:last-child td{border-bottom:none}.actions{white-space:nowrap;align-items:center;gap:8px;display:flex}.badge{border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:600;display:inline-block}.badge--published{color:var(--ok);background:#e3f4ea}.badge--private{color:var(--warn);background:#f3eee3}.badge--deleted{color:var(--danger);background:#f1e6e4}.badge--pending{color:var(--muted);background:#e7ecf2}.modal-overlay{z-index:100;background:#1b243073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);width:420px;max-width:100%;padding:24px}.modal__title{margin:0 0 12px;font-size:1.1rem}.modal__actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}