:root{--background:#ffffff;--foreground:#171717;--muted:#6b6b6b;--border:#e0e0e0}html{height:100%}body,html{max-width:100vw;overflow-x:hidden}body{min-height:100%;display:flex;flex-direction:column;color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.site-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.site-header img{display:block}.page{max-width:560px;margin:3rem auto;padding:0 1rem}.page h1{font-size:1.5rem;margin-bottom:1rem}.page p{color:var(--muted)}.page p strong{color:var(--foreground)}.page ul{margin:1rem 0;padding-left:1.25rem}.page form{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}button{cursor:pointer;background:var(--foreground);color:var(--background);border:none;border-radius:6px;padding:.6rem 1rem;font-size:1rem}button:hover{background:#3d3d3d}.checkbox{align-items:center}.checkbox,.search{display:flex;gap:.5rem}.search{margin:1.5rem 0 1rem}.search input{flex:1 1;padding:.5rem;font-size:1rem;border:1px solid var(--border);border-radius:6px}.breadcrumb{margin:.5rem 0 .75rem;color:var(--muted);font-size:.9rem}.breadcrumb a:hover{text-decoration:underline}.folders{list-style:none;padding-left:0;margin:0;border:1px solid var(--border);border-radius:6px}.folders li+li{border-top:1px solid var(--border)}.folders a{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem}.folders a .spinner{margin-left:auto;flex-shrink:0}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--foreground);border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px}.spinner-light{border-color:#ffffff #555555 #555555}@keyframes spin{to{transform:rotate(1turn)}}button:disabled{opacity:.75;cursor:default}.folders a:hover{background:#f5f5f5}.categorize-layout{flex:1 1;display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-gap:2rem;gap:2rem;width:100%;max-width:1280px;margin:1.5rem auto;padding:0 1.5rem}.viewer{position:-webkit-sticky;position:sticky;top:1.5rem;align-self:start}.viewer iframe{width:100%;height:calc(100vh - 170px);min-height:480px;border:1px solid var(--border);border-radius:8px;background:#fafafa}.doc-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.doc-tabs a{font-size:.85rem;padding:.35rem .75rem;border:1px solid var(--border);border-radius:999px;color:var(--muted)}.doc-tabs a.active{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.panel h1{font-size:1.35rem;margin-bottom:.75rem}.panel .meta{color:var(--muted);margin-bottom:.5rem}.panel .meta strong{color:var(--foreground)}.panel .search{margin:1rem 0}.panel .folders{max-height:48vh;overflow-y:auto}.save-form{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}@media (max-width:900px){.site-header{padding:.75rem 1rem}.categorize-layout{grid-template-columns:1fr;gap:1.25rem;margin:1rem auto;padding:0 1rem}.viewer{position:static;order:2}.panel{order:1}.viewer iframe{height:70vh;min-height:320px}.panel .folders{max-height:none;overflow-y:visible}.folders a{padding:.8rem .75rem}.save-form{position:-webkit-sticky;position:sticky;bottom:0;background:var(--background);padding:.75rem 0;border-top:1px solid var(--border)}.doc-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.doc-tabs a{white-space:nowrap}}