.file-chip{display:inline-flex;align-items:baseline;gap:var(--icon-gap);min-width:0}.file-chip-name{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip-name.unnamed,.file-chip-broken{color:var(--muted)}.file-chip-type{color:var(--hint);font-size:var(--font-size-small);white-space:nowrap}.file-chip-dl{color:var(--hint);text-decoration:none;opacity:var(--icon-fade);user-select:none;transition:color var(--dur-instant)var(--ease),opacity var(--dur-instant)var(--ease)}.file-chip-dl:hover{color:var(--text);opacity:1}.file-chip-dl:focus-visible{color:var(--text);opacity:1}.file-upload{display:inline-flex;align-items:baseline;gap:var(--icon-gap);min-width:0}.file-upload-busy{color:var(--caret);white-space:nowrap}.file-upload-err{color:var(--destructive);font-size:var(--font-size-small);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-upload button:disabled{color:var(--muted);cursor:default}.tag-chip-wrap{display:inline-flex;align-items: center;gap:var(--icon-gap);font-size:var(--font-size-small)}.tag-chip{display:inline-flex;font-size:var(--font-size-small);color:var(--caret);background:var(--rule);white-space:nowrap;border-radius:3px;align-items: center;padding:0 5px}.tag-chip-editable{cursor:text}.tag-chip-text{outline:none;min-width:1ch}.tag-chip-text[aria-invalid=true]{color:var(--destructive)}.tag-chip-x{font:inherit;cursor:pointer;color:var(--caret);opacity:var(--icon-fade);transition:opacity var(--dur-fast)var(--ease),color var(--dur-instant)var(--ease);background:0 0;border:none;padding:0;line-height:1}.tag-chip-x:hover{color:var(--text);opacity:1}.tag-chip-x:focus-visible{color:var(--text);opacity:1}.tag-chip-err{font-size:inherit;color:var(--destructive)}.tag-editor{display:inline-flex;align-items: center;gap:var(--icon-gap);flex-wrap:wrap}:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light;--bg:#f8f7f5;--text:#2c2b28;--text-strong:#1a1918;--hint:#bcb9b3;--muted:#c5c2bb;--rule:#eceae6;--selection:#dddad3;--caret:#7a7770;--focus:#0004f5;--accent:#3b82f6;--destructive:#e53e3e;--shadow:0 3px 16px #0000000f;--font-mono:"Berkeley Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--font-size:13.3px;--font-size-small:11px;--line-height:1.6;--w-quiet:400;--w-base:500;--w-semi:600;--w-bold:700;--indent:13.5px;--row-pad:3.7px;--icon-gap:5px;--icon-fade:.5;--ease:cubic-bezier(.23,1,.32,1);--dur-instant:.12s;--dur-fast:.2s;--dur-normal:.28s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--bg:#131211;--text:#c9c6be;--text-strong:#e6e2db;--hint:#3a3836;--muted:#4a4745;--rule:#222120;--selection:#2e2b27;--caret:#8a8680;--focus:#6e7aff;--accent:#60a5fa;--destructive:#f87171;--shadow:0 3px 16px #00000040}}[data-theme=dark]{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--bg:#131211;--text:#c9c6be;--text-strong:#e6e2db;--hint:#3a3836;--muted:#4a4745;--rule:#222120;--selection:#2e2b27;--caret:#8a8680;--focus:#6e7aff;--accent:#60a5fa;--destructive:#f87171;--shadow:0 3px 16px #00000040}@media (prefers-reduced-motion:reduce){:root{--dur-instant:0s;--dur-fast:0s;--dur-normal:0s}}*{box-sizing:border-box}body{font-family:var(--font-mono);font-size:var(--font-size);font-weight:var(--w-base);line-height:var(--line-height);color:var(--text);background:var(--bg);caret-color:var(--caret);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}::selection{background:var(--selection)}.wrap{max-width:760px;margin:0 auto;padding:32px 20px 96px}h1{font-size:var(--font-size);font-weight:var(--w-semi);color:var(--text-strong);margin:0}.sub{color:var(--caret);margin:0 0 24px}.row{display:flex;align-items:baseline;gap:var(--icon-gap);padding:var(--row-pad)6px;margin-left:calc(var(--depth,0)*var(--indent));transition:background var(--dur-instant)var(--ease)}.row:hover .actions,.row:focus-within .actions{opacity:1}.actions:has(.file-upload-busy){opacity:1}.twig{color:var(--hint);opacity:var(--icon-fade);user-select:none;display:inline-flex;flex:none;justify-content:center;align-items: center;width:8px;height:8px}.dot-icon{display:block;overflow:visible;fill:currentColor;stroke:none;width:7px;height:7px}.body{display:flex;align-items:baseline;gap:var(--icon-gap);flex-wrap:wrap;flex:1;min-width:0}.content{cursor:text;outline:none;white-space:pre-wrap;min-width:0;padding:2px 0}.content.empty{color:var(--muted)}.content.empty:empty:before{content:attr(data-placeholder)}.content:focus-visible{color:var(--text)}.badge{font-size:var(--font-size-small);color:var(--hint);white-space:nowrap}.actions{display:flex;gap:var(--icon-gap);opacity:0;transition:opacity var(--dur-fast)var(--ease)}button{font:inherit;cursor:pointer;color:var(--hint);transition:color var(--dur-instant)var(--ease);background:0 0;border:none;padding:0 4px}button:hover{color:var(--text)}.actions button,.actions .action-link{display:inline-flex;align-items: center}.action-link{color:var(--hint);text-decoration:none;transition:color var(--dur-instant)var(--ease);padding:0 4px}.action-link:hover{color:var(--text)}.top-add{opacity:var(--icon-fade);margin-top:10px;margin-left:14px}.top-add:hover{opacity:1}.top-add:focus-visible{opacity:1}.top-add-row{margin-top:8px}input.edit{font:inherit;color:var(--text);border:1px solid var(--rule);outline:none;transition:border-color var(--dur-instant)var(--ease);background:0 0;border-radius:3px;flex:1;min-width:0;padding:2px 6px}input.edit:focus{border-color:var(--focus)}input.edit::placeholder{color:var(--hint)}.err{color:var(--destructive);border:1px solid;border-radius:3px;margin-bottom:12px;padding:10px 12px}
