:root{color-scheme:light;--bg:#f5f2eb;--panel:#fff;--ink:#141414;--muted:#5c5c5c;--accent:#0f766e;--accent-dark:#0b5f59;--danger:#b42318;--border:#e4ded3;--shadow:#18181814}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 10% 20%, #fffaf0 0%, var(--bg) 60%);margin:0;font-family:SF Pro Text,Helvetica Neue,Arial,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{max-width:1000px;margin:0 auto;padding:24px 18px 48px}.top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.brand{letter-spacing:.5px;text-transform:uppercase;color:var(--muted);font-size:14px;font-weight:700}.card{background:var(--panel);border:1px solid var(--border);box-shadow:0 12px 30px var(--shadow);border-radius:16px;margin-bottom:20px;padding:20px}.card h1{margin:0 0 12px;font-size:22px}.card h2{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:12px 0 8px;font-size:16px}.meta{color:var(--muted);font-size:13px}.mono{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:1fr}.grid-2>*{min-width:0}@media (width>=900px){.grid-2{grid-template-columns:1fr 1fr}}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--border)}.list li:last-child{border-bottom:none}.explorer-panel{border:1px solid var(--border);background:#fcfcfc;border-radius:12px;padding:10px;box-shadow:inset 0 1px #fff}.explorer-panel h2{border-bottom:1px solid #ece6dc;margin:0 0 10px;padding:0 0 8px}.explorer-panel .list{max-height:48vh;padding-right:2px;overflow:auto}.item-link{color:inherit;border-radius:10px;justify-content:space-between;gap:12px;min-width:0;padding:10px 8px;display:flex}.item-link>:first-child{overflow-wrap:anywhere;word-break:break-word;min-width:0}.item-link:hover{background:#f7f6f3;text-decoration:none}.item-name{align-items:center;gap:8px;display:inline-flex}.dir-item .item-name:before,.file-item .item-name:before{content:"";border-radius:999px;flex:none;width:8px;height:8px}.dir-item .item-name:before{background:#2f855a}.file-item .item-name:before{background:#0f766e}.item-link .meta{white-space:nowrap;flex:none}.file-item.selected .item-link{background:#ecfdf3;border-radius:10px}.file-tools{gap:6px;margin:0 0 10px;display:grid}.file-search{width:100%}.breadcrumbs{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 16px;font-size:13px;display:flex}.crumb{color:var(--accent-dark);background:#f0f9f7;border-radius:999px;padding:4px 8px}.crumb-sep{color:var(--muted)}.form{gap:12px;margin-top:12px;display:grid}.field{gap:6px;display:grid}.field span{color:var(--muted);font-size:13px}input,select{border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14px}.btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;padding:10px 14px;font-weight:600}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-dark)}.btn.danger{color:var(--danger);background:#fef1f1;border-color:#f2b6b6}.inline-form{align-items:center;gap:8px;display:inline-flex}.inline-form input[type=number]{width:88px;min-width:88px}.inline-form select{min-width:100px}@media (width<=600px){.inline-form input[type=number]{width:76px;min-width:76px}.card{padding:14px}.explorer-panel{padding:8px}.explorer-panel .list{max-height:none}.item-link{gap:8px;padding:8px 6px}}.hint{color:#5f4a2f;background:#f8f1e7;border-radius:10px;margin-top:12px;padding:10px;font-size:13px}.hint.error{color:var(--danger);background:#fdecec}.flash{color:#0f3d64;overflow-wrap:anywhere;word-break:break-word;background:#eef6ff;border-radius:12px;margin:0 0 16px;padding:12px 16px;font-weight:600}.flash--error{color:var(--danger);background:#fdecec}.flash--success{color:#0b7a40;background:#ecfdf3}.token-list{gap:12px;display:grid}.token-item{border:1px solid var(--border);background:#fbfbfb;border-radius:12px;padding:12px}.token-head{flex-direction:column;gap:4px;display:flex}.token-path{overflow-wrap:anywhere;word-break:break-word;font-weight:600}.token-exp{color:var(--muted);font-size:12px}.token-url{word-break:break-all;margin:8px 0 10px}.token-url a{overflow-wrap:anywhere}.token-actions{flex-wrap:wrap;gap:8px;display:flex}.empty{color:var(--muted);padding:6px 0;font-size:13px}