:root{--bg:#f5f4f1;--surface:#fff;--border:#ddd8cf;--text:#2a2620;--muted:#7a7468;--accent:#b5651d;--accent-hover:#94511a;--danger:#b3261e;--danger-bg:#fbeceb;--warning-bg:#fdf2df;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,PingFang TC,Noto Sans TC,system-ui,sans-serif}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:.55em 1.1em}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button[type=submit],.modal-actions button:last-child{background:var(--accent);border-color:var(--accent);color:#fff}button[type=submit]:hover:not(:disabled){background:var(--accent-hover)}input,select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;width:100%;padding:.5em .6em}label{color:var(--muted);flex-direction:column;gap:.3em;margin-bottom:.9em;font-size:.9rem;display:flex}.page{max-width:720px;margin:0 auto;padding:1.5rem 1rem 3rem}.page.centered{text-align:center;justify-content:center;align-items:center;min-height:100vh;display:flex}h1{margin:.2em 0;font-size:1.4rem}h2.section-heading{color:var(--muted);margin-top:1.8em;font-size:1rem}.subtitle{color:var(--muted);margin:0 0 1em}.top-bar{background:var(--surface);border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding:.8rem 1rem;font-size:.9rem;display:flex}.auth-shell{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:360px;padding:1.8rem}.auth-card h1{text-align:center;font-size:1.2rem}.auth-subtitle{text-align:center;color:var(--muted);margin-top:0;font-size:.85rem}.auth-card button[type=submit]{width:100%;margin-top:.4em}.auth-link{width:100%;color:var(--accent);background:0 0;border:none;margin-top:.6em;text-decoration:underline;display:block}.auth-error{color:var(--danger);background:var(--danger-bg);border-radius:8px;padding:.6em .8em;font-size:.9rem}.auth-notice{color:var(--accent);font-size:.9rem}.site-list,.drawing-list,.request-list{flex-direction:column;gap:.6em;margin:0;padding:0;list-style:none;display:flex}.site-item,.drawing-item{text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5em;width:100%;padding:.9em 1em;display:flex}div.drawing-item{border:1px solid var(--border);background:var(--surface);border-radius:8px}.drawing-item input[type=checkbox]{background:0 0;border:none;flex:none;width:auto;padding:0}.drawing-item-main{background:0 0;border:none;border-radius:0;flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:.5em;min-width:0;padding:0;display:flex}.site-item.disabled{background:var(--bg);color:var(--muted);cursor:default}.site-name{text-overflow:ellipsis;white-space:nowrap;flex:160px;min-width:0;font-weight:600;overflow:hidden}.site-meta{flex-shrink:0;align-items:center;gap:.7em;margin-left:auto;display:flex}.site-company,.drawing-meta,.lock-hint{color:var(--muted);white-space:nowrap;font-size:.85rem}.badge{background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;padding:.15em .6em;font-size:.75rem}.toolbar{flex-wrap:wrap;gap:.6em;margin:1em 0;display:flex}.empty-state{color:var(--muted);font-style:italic}.notice-banner{background:var(--warning-bg);border-radius:8px;padding:.7em 1em;font-size:.9rem}.notice-banner.warning{color:#7a4a00}.modal-backdrop{z-index:10;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:420px;max-height:90vh;padding:1.6rem;overflow-y:auto}.modal-wide{max-width:560px}.modal h2{margin-top:0}.modal-actions{justify-content:flex-end;gap:.6em;margin-top:1.2em;display:flex}.progress-bar{background:var(--border);border-radius:999px;height:6px;margin:.8em 0;overflow:hidden}.progress-bar div{background:var(--accent);height:100%;transition:width .2s}.meta-list{grid-template-columns:auto 1fr;gap:.3em 1em;font-size:.9rem;display:grid}.meta-list dt{color:var(--muted)}.meta-list dd{margin:0}.inline-form{border-top:1px solid var(--border);flex-direction:column;gap:.4em;margin-top:1em;padding-top:1em;display:flex}.upload-tree{border:1px solid var(--border);border-radius:8px;max-height:260px;padding:.6em .8em;font-size:.85rem;overflow-y:auto}.upload-tree-row{white-space:nowrap;padding:.15em 0}.upload-tree-folder{font-weight:600}.request-item{border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.6em;padding:.8em;display:flex}.request-meta{color:var(--muted);margin:.2em 0 0;font-size:.8rem}.back-link{color:var(--accent);background:0 0;border:none;margin-bottom:.6em;padding:0}