.notes-nav{display:flex;align-items:center;gap:0}.notes-nav .lab-nav-item{flex:1;min-width:0}.notes-nav>.vv-icon{margin-right:3px;width:24px;height:24px}.notes-board{min-height:70vh;background:#101214;padding:18px;border-top:1px solid var(--line)}.notes-tools{margin-bottom:18px}.notes-list{columns:3 240px;column-gap:14px}.note-card{display:inline-block;break-inside:avoid;width:100%;margin:0 0 14px;padding:18px;border:1px solid #353a3d;border-radius:4px;background:#1a1d20}.note-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;color:#e4e9e8;font-size:13px}.note-card footer{position:static;transform:none;display:flex;justify-content:space-between;margin-top:20px;align-items:center;color:#84938b;font-size:10px}.vv-dialog [data-note-create]{display:grid;gap:14px}.vv-dialog [data-note-create] textarea{width:min(500px,75vw);max-width:100%}.ratings-editor{border:1px solid var(--line);border-radius:4px;padding:16px;margin:20px 0}.rating-edit-row{display:flex;gap:8px;margin:8px 0}.rating-edit-row input{flex:1;min-width:0}.ratings-editor button{display:inline-flex;align-items:center;gap:5px;padding:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:3px}.ordered-tags .tag-rating{background:#939a9d22;color:#b7bec0}.ordered-tags .tag-technical{background:#d8b64318;color:#efd16b}.ordered-tags .tag-special{background:#ad7fe41b;color:#bd92f5}.ordered-tags .tag-normal{color:var(--text)}.ordered-tags span button{color:inherit}.entry-name-edit{display:flex;align-items:center;gap:9px;font-size:16px;text-align:left;min-width:0;flex:1;border:0;background:none;color:var(--text);overflow-wrap:anywhere;cursor:pointer}.entry-name-edit svg{width:14px;height:14px;flex-shrink:0;opacity:.5}.entry-original-name{display:flex;flex-wrap:wrap;gap:16px;font-size:11px;color:var(--muted);margin:0 0 15px;overflow-wrap:anywhere}.special-suggestion{color:#bd92f5!important}
.page-head-controls{display:flex;align-items:center;gap:18px}.page-head-controls .mode-switch{flex-shrink:0}
.checklist-setting{display:grid;grid-template-columns:24px minmax(110px,160px) minmax(0,1fr);align-items:center;gap:10px;margin:10px 0;font-size:12px}
.checklist-setting input[data-vv-tags]{min-width:0;width:100%}
.checklist-color{appearance:none;width:22px!important;height:22px!important;min-width:22px;padding:0!important;border:0!important;background:none!important;border-radius:50%;cursor:pointer;overflow:hidden}
.checklist-color::-webkit-color-swatch-wrapper{padding:0}.checklist-color::-webkit-color-swatch{border:1px solid #ffffff30;border-radius:50%}
.rating-edit-row input[type=text]{flex:1;min-width:0}.rating-edit-row .rating-nsfw{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.rating-edit-row input[type=checkbox]{flex:none;width:16px;height:16px}
.ordered-tags>span[style] button{background:transparent;color:inherit}.ordered-tags>span[style] button:hover{background:#ffffff25;color:inherit}
.booru-import-checklists{display:grid;gap:8px;margin:12px 0}.import-checklist-group{margin:0;padding:8px 10px;border:1px solid var(--line);min-width:0}.import-checklist-group legend{font-size:11px;color:var(--muted)}
.import-checklist-group .vv-tag-checklist{padding:0;gap:6px}.import-checklist-group label{padding:5px 8px;border-radius:3px;display:inline-flex;gap:5px;align-items:center}
@media(max-width:600px){.checklist-setting{grid-template-columns:24px minmax(0,1fr)}.checklist-setting input[data-vv-tags]{grid-column:2}.page-head-controls{gap:10px}}
.vv-dialog [data-booru-settings]{min-width:0;max-width:100%;box-sizing:border-box;padding:12px}
.vv-dialog .ratings-editor{min-width:0;padding:10px}
[data-booru-settings] button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:3px;cursor:pointer}
[data-booru-settings] [data-tag-colors]{margin:10px 0;display:grid;gap:8px}
[data-booru-settings] legend{font-size:12px}