:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:light dark}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f6f7f9}@media(prefers-color-scheme:dark){body{background:#16181d;color:#e6e6e6}}#root{width:100%;max-width:420px;padding:24px}.card{text-align:center;padding:32px;border-radius:12px;background:#7f7f7f0f}.card.upload{text-align:left}.card.upload h1{margin-top:0;text-align:center}.muted{opacity:.7;font-size:.9rem}.upload form{display:flex;flex-direction:column;gap:16px;margin-top:20px}.field{display:flex;flex-direction:column;gap:6px;font-size:.9rem}.field input[type=text],.field select{padding:8px 10px;border-radius:8px;border:1px solid rgba(127,127,127,.35);background:transparent;color:inherit;font:inherit}.field select option{color:initial}.checkbox{display:flex;align-items:center;gap:8px;font-size:.85rem}.upload button{padding:10px 16px;border:none;border-radius:8px;background:#2563eb;color:#fff;font:inherit;font-weight:600;cursor:pointer}.upload button:disabled{opacity:.55;cursor:default}.result{margin-top:20px;padding:12px 14px;border-radius:8px;font-size:.88rem;white-space:pre-wrap;word-break:break-word}.result.ok{background:#22c55e24;border:1px solid rgba(34,197,94,.4)}.result.error{background:#ef444424;border:1px solid rgba(239,68,68,.4)}.signed-in{margin-top:24px;text-align:center}body:has(.browse){place-items:stretch}#root:has(.browse){max-width:none;padding:0}.browse{display:grid;grid-template-columns:minmax(220px,300px) 1fr;height:100vh}.browse-tree{border-right:1px solid rgba(127,127,127,.25);padding:16px 12px;overflow-y:auto}.browse-tree h2{margin:4px 8px 12px;font-size:1rem}.submit-toggle{display:block;width:calc(100% - 16px);margin:0 8px 14px;padding:8px 10px;border:1px dashed rgba(37,99,235,.5);border-radius:8px;background:transparent;color:#2563eb;font:inherit;font-weight:600;cursor:pointer}.submit-toggle:hover,.submit-toggle.active{background:#2563eb1f}.browse-tree ul{list-style:none;margin:0;padding-left:12px}.browse-tree ul.tree-root{padding-left:0}.tree-dir,.tree-file{display:block;width:100%;text-align:left;background:none;border:none;color:inherit;font:inherit;padding:4px 8px;border-radius:6px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-dir{font-weight:600}.tree-caret{display:inline-block;width:1em;opacity:.6}.tree-file{opacity:.85;font-size:.9rem}.tree-dir:hover,.tree-file:hover{background:#7f7f7f1f}.tree-file.active{background:#2563eb29;color:#2563eb;font-weight:600;opacity:1}.browse-content{overflow-y:auto;padding:24px 32px}.browse-content .crumb{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;margin:0 0 16px}.markdown{max-width:820px;line-height:1.6}.markdown h1{font-size:1.7rem}.markdown h2{font-size:1.35rem;border-bottom:1px solid rgba(127,127,127,.2);padding-bottom:4px}.markdown h3{font-size:1.1rem}.markdown a{color:#2563eb}.markdown code{background:#7f7f7f24;padding:1px 5px;border-radius:4px;font-size:.88em}.markdown pre{background:#7f7f7f1f;padding:12px 14px;border-radius:8px;overflow-x:auto}.markdown pre code{background:none;padding:0}.markdown table{border-collapse:collapse;display:block;overflow-x:auto;max-width:100%}.markdown th,.markdown td{border:1px solid rgba(127,127,127,.3);padding:6px 10px;text-align:left}.markdown blockquote{border-left:3px solid rgba(127,127,127,.4);margin-left:0;padding-left:14px;opacity:.85}.markdown img{max-width:100%}