.vocab-muted{color:#858585;font-size:12px}.vocab-toolbar,.vocab-block-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.vocab-action{border:0;background:#efefef;color:#222;border-radius:20px;padding:9px 14px;font-size:13px;cursor:pointer;min-height:36px}.vocab-action:hover{background:#e4e4e4}.vocab-action:disabled{opacity:.35;cursor:default}.vocab-pages,.vocab-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;margin:12px 0}.vocab-page-card,.vocab-block{background:#fff;border:1px solid #e8e8e8;border-radius:18px;padding:16px;min-width:0;text-align:left}.vocab-page-card{cursor:pointer;color:#222;font-size:16px;min-height:150px;display:flex;flex-direction:column;gap:12px}.vocab-page-card p{color:#888;font-size:14px;margin:0}.vocab-page-card span{font-size:12px;margin-top:auto}.vocab-input{display:block;width:100%;max-width:100%;min-width:0;border:0;outline:0;background:transparent;color:#222;box-sizing:border-box;font-family:inherit;font-size:15px;padding:5px 0;border-radius:0}.vocab-input:focus{box-shadow:0 1px #bbb}.vocab-input::placeholder{color:#aaa}.vocab-note{grid-template-columns:minmax(0,1fr)}.vocab-block-head{margin-bottom:0;gap:0;flex-wrap:wrap}.vocab-block-head .vocab-muted{margin-right:auto}.vocab-block-head .vocab-action{padding:5px 9px;font-size:11px;min-height:28px}.vocab-block-title{font-size:21px;font-weight:600}.vocab-pair .vocab-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.vocab-pair .vocab-fields :not([aria-label="项目一"]):not([aria-label="项目二"]){grid-column:1/-1}.vocab-quote{border-left:3px solid #333}.vocab-hidden-answer{filter:blur(5px);pointer-events:none;user-select:none}.vocab-revealed .vocab-hidden-answer{filter:none;pointer-events:auto;user-select:auto}.vocab-table-wrap{overflow-x:auto;max-width:100%;min-width:0}.vocab-grid-table{border-collapse:collapse;width:100%;table-layout:fixed}.vocab-grid-table th,.vocab-grid-table td{border-bottom:1px solid #eee;padding:6px;vertical-align:top}.vocab-grid-table .vocab-input{font-size:15px;min-height:44px;overflow-wrap:anywhere}.vocab-grid-table .vocab-row-controls{width:44px}.vocab-empty{color:#999;padding:40px 20px;text-align:center;border:1px dashed #ddd;border-radius:20px;grid-column:1/-1}.vocab-error{color:#ad2929}#vocabularyPage,.workspace-companion:has(.vocab-toolbar){padding:24px;overflow:auto;min-width:0}@media(max-width:600px){#vocabularyPage,.workspace-companion:has(.vocab-toolbar){padding:16px}.vocab-board{gap:12px}.vocab-block{padding:10px}}



.vocab-board:empty{display:none}


/* Notebook controls sit on the page itself, with no extra strip or button fills. */
.design-web .app[data-page=vocabulary] .main>.heading{flex-basis:52px;height:52px;min-height:52px;background:transparent;border:0;box-shadow:none}
.design-web .app[data-page=vocabulary] #navHistory{top:calc(env(safe-area-inset-top,0px) + 2px);background:transparent;border:0;box-shadow:none}
.vocab-toolbar{background:#fafafa;box-shadow:none;border:0;flex:0 0 auto;margin:0;padding:4px 0;gap:4px}
.vocab-toolbar .vocab-action,.vocab-toolbar .vocab-action:hover{background:transparent;border:0;box-shadow:none;min-height:44px}
.vocab-toolbar .vocab-action:focus-visible{outline:2px solid #888;outline-offset:-2px}

.vocab-toolbar .vocab-action{flex-shrink:0}

/* The toolbar owns a row; only the cards scroll, in every host. */
.design-web #vocabularyPage.vocab-shell,.design-web .workspace-companion.vocab-shell,
.ai-companion-content>#vocabularyPage.vocab-shell{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0 16px 12px}
.vocab-shell>.vocab-board,.vocab-shell>.vocab-pages{flex:1;min-height:0;overflow:auto;align-content:start;margin:0;padding:8px 0;overscroll-behavior:contain}
.vocab-list-toolbar{justify-content:flex-end}
.vocab-page-card{position:relative;padding:0;cursor:default}
.vocab-page-open{display:flex;flex-direction:column;gap:12px;width:100%;height:100%;min-height:150px;padding:16px 52px 16px 16px;border:0;border-radius:18px;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}
.vocab-page-card>.vocab-icon{position:absolute;right:6px;top:6px}
.vocab-page-open:hover{background:#f3f3f3}

.vocab-rich{white-space:pre-wrap;overflow-wrap:anywhere;min-height:32px;line-height:1.65}.vocab-rich:empty:before{content:attr(data-placeholder);color:#aaa;pointer-events:none}.vocab-rich:focus:before{display:none}.vocab-toolbar.is-marking>:not(.vocab-mark-tools){display:none}.vocab-mark-tools{display:flex;align-items:center;flex-wrap:nowrap;gap:4px;min-width:0;width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.vocab-mark-tools button{flex:0 0 auto;white-space:nowrap;min-height:44px;padding:8px 12px;border-radius:12px}.vocab-mark-tools input{flex:0 0 44px;width:44px;height:44px;padding:9px;border:0;border-radius:12px;background:transparent;cursor:pointer}.vocab-mark-tools button:last-child{margin-left:auto;font-size:24px;width:44px;padding:0}.vocab-toolbar.is-marking{flex-wrap:nowrap}
.vocab-cited{text-decoration-line:underline;text-decoration-style:dotted;cursor:pointer}

.vocab-table-record{border-top:1px solid #e8e8e8;padding:12px 0;min-width:0}.vocab-table-record:first-child{border-top:0;padding-top:4px}.vocab-table-record .vocab-cell-label{color:#858585;font-size:12px;min-height:0;padding:8px 0 0}.vocab-table-record .vocab-cell-value{padding:2px 0 6px}.vocab-table-record .vocab-record-key{font-size:18px;font-weight:600}.vocab-table-record>.vocab-action{min-height:44px;font-size:12px;background:transparent;color:#777}.vocab-table-wrap[data-view=cards]{overflow-x:clip}

.vocab-icon,.vocab-block-head .vocab-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border-radius:12px;background:transparent}.vocab-icon svg{width:21px;height:21px;display:block}.vocab-icon:hover{background:#ededed}.vocab-icon:disabled{opacity:.3}.vocab-icon-menu{display:flex;flex-wrap:wrap;gap:8px}.vocab-toolbar .vocab-error{position:absolute;top:100%;left:0;max-width:100%;background:#fff;padding:4px 8px}.vocab-toolbar{position:relative}.vocab-toolbar .vocab-icon:last-child{order:2}.vocab-table-wrap .vocab-action{background:transparent}.vocab-fields{row-gap:4px}@media(max-width:600px){.vocab-pair .vocab-fields{grid-template-columns:1fr;gap:4px}.vocab-block-title{font-size:20px}}

.vocab-formatted-field{position:relative;min-width:0;max-width:100%;padding-right:44px}.vocab-formatted-field>.vocab-icon{position:absolute;right:0;top:0}.vocab-formatted-field>[hidden]{display:none!important}.vocab-preview{min-width:0;overflow-wrap:anywhere;user-select:text}.vocab-preview .vocab-markdown{background:transparent;padding:0;max-width:100%;border-radius:0;color:inherit;white-space:normal;box-shadow:none}.vocab-preview .chat-markdown p{margin:6px 0}.vocab-preview .chat-markdown :is(h1,h2,h3,h4,h5,h6){margin:12px 0 6px;font-size:1.1em}.vocab-preview :is(pre,.chat-table-wrap){max-width:100%;overflow:auto}.vocab-preview img{max-width:100%;height:auto}.vocab-preview .math-rendered{max-width:100%}

.vocab-menu{display:flex;flex-direction:column;gap:4px}.vocab-menu .vocab-menu-action{display:block;min-height:44px;width:100%;text-align:left;padding:12px 16px;border-radius:12px;font-size:15px;background:#fafafa}
.design-web #dialog:has(.vocab-menu)>.modal{width:min(480px,calc(100vw - 32px))}

/* Titles share the action row; narrow panels wrap naturally. */
.vocab-block-head>.vocab-block-title{flex:1 1 240px;width:auto;min-width:0;margin:0;padding:4px 8px 4px 0;line-height:1.4}.vocab-block-head{margin-bottom:8px}.vocab-grid-table .vocab-input{min-height:32px}.vocab-grid-table :is(th,td){padding:8px 6px}

/* Page-level editing: reading keeps only content and collapse controls. */
.vocab-document-title{flex:1;min-width:0;font-size:20px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vocab-toolbar .vocab-edit-toggle{background:#242426;color:#fff;padding:8px 18px;min-height:44px;border-radius:12px;flex:none}
.vocab-toolbar>.vocab-action[hidden]{display:none}
.vocab-reading-field{padding-right:0}
.vocab-shell:not(.vocab-editing) .vocab-rich:empty{display:none}
.vocab-shell:not(.vocab-editing) .vocab-rich{cursor:text;border-color:transparent}
.vocab-add-content{width:100%;min-height:44px;border:1px dashed #d1d1d5;background:transparent;color:#666}
.vocab-block-head{flex-wrap:nowrap}.vocab-block-head>.vocab-block-title{flex:1 1 0}
.vocab-shell .vocab-empty{display:flex;align-items:center;justify-content:center;min-height:220px}
.vocab-empty>.vocab-action{background:#242426;color:#fff;padding:10px 18px;border-radius:12px}