.admin{box-sizing:border-box;margin-inline:auto;padding:0 1rem 1rem;width:100%;display:grid;grid-template-rows:auto 1fr;gap:1rem}.admin>*{margin-inline:auto}.admin .delete-btn{margin-inline:auto;width:fit-content}.admin :has(>.thumbnail){max-width:calc(512px * .6666666667)}.admin:not(.admin-list){max-width:800px}.admin__header{position:sticky;right:0;left:0;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.admin__header h1{margin:0;font-size:2rem;font-weight:600}.admin__header-controls{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.admin-table{display:block;width:100%;border-collapse:collapse;overflow:auto}.admin-table th,.admin-table td{padding:8px;max-width:400px;border-bottom:1px solid var(--color-border-input);text-align:left}.admin-table__row:hover{background-color:var(--color-bg-hover)}.admin-table__row a.block{display:block}.admin-table td.code{font-family:monospace;text-overflow:ellipsis;white-space:pre;overflow:hidden}.admin-table__selector{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.admin-table__selector label{font-weight:500}.admin-table__select{padding:8px 12px;min-width:150px;color:var(--color-text-secondary);background-color:var(--color-bg);border:1px solid var(--color-border-input);border-radius:6px;font-size:14px;cursor:pointer}.admin-table__select:hover{border-color:var(--color-border-input-hover)}.admin-table__select:focus-visible{border-color:#3581f6;box-shadow:0 0 0 2px #3581f640;outline:none}@supports (field-sizing: content){.admin-table__select{field-sizing:content}}.admin__detail{width:100%;display:flex;flex-direction:column}.admin__detail__row{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-input);display:flex;flex-direction:column;gap:.5rem}.admin__detail__label{color:var(--color-text-secondary);font-size:.9rem;font-weight:600;text-transform:uppercase}.admin__detail__value{color:var(--color-text)}.admin__detail__pre{margin:0;font-family:inherit;font-size:1rem;white-space:pre-wrap;overflow-wrap:break-word}.admin__detail__comment{padding:.5rem;border-radius:4px;display:flex;justify-content:space-between;align-items:center;gap:1rem}.admin__detail__comment:hover{background-color:var(--color-bg-hover)}.admin__detail__comment-date{color:var(--color-text-secondary);font-size:.8rem}.admin__detail__image-with-btn{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.admin__detail__image{max-width:300px;max-height:300px;aspect-ratio:.6666666667;border-radius:4px}.admin__section{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.admin__section-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.admin__section-header h2{margin:0;font-size:1.5rem;font-weight:600}.admin__section-header a{color:#3581f6;font-weight:500}.admin__section-header a:hover{text-decoration:underline}.back-link,.post-link{color:#3581f6;font-weight:500}.back-link:hover,.post-link:hover{text-decoration:underline}.truncate:not(:has(.thumbnail)){overflow:hidden}.truncate>:is(div,pre,p){width:100%;max-height:10lh;display:block;text-overflow:ellipsis;white-space:wrap;overflow:auto}[data-clear-field]{cursor:pointer}[data-clear-field]:hover{background-color:var(--color-error-bg)}.tag{display:inline-block;margin:2px 4px 2px 0;padding:2px 6px;color:var(--color-text);background-color:var(--color-bg);border-radius:9999px;font-size:12px}.tag:not(:hover){text-decoration:none}.no-image{color:var(--color-disabled);font-size:12px;font-style:italic}[data-select-type]{padding:4px 8px;min-width:120px;background-color:var(--color-bg);border:1px solid var(--color-border-input);border-radius:4px;cursor:pointer}[data-select-type][multiple]{height:100%;min-height:100px}[data-select-type]:hover{border-color:var(--color-border-input-hover)}[data-select-type]:focus-visible{border-color:#3581f6;box-shadow:0 0 0 2px #3581f640;outline:none}.pfp{max-height:1lh;aspect-ratio:1;object-fit:cover;object-position:top;border-radius:50%}.pfp.large{max-height:unset;max-width:100%}.profile-link{display:flex;align-items:center;gap:.25rem}.thumbnail:is(.thumbnail):is(.thumbnail){display:flex;flex-direction:column;gap:.5rem}.thumbnail__link{border-radius:.5rem}.thumbnail__link *{border-radius:inherit}.thumbnail__link,.thumbnail__image{max-width:100%;max-height:inherit;display:block;object-fit:contain}.thumbnail__link:focus-visible .thumbnail__image{outline:solid 2px var(--color-border)}