.lab-book{flex:none;min-width:0;border-bottom:1px solid var(--lab-line);background:var(--lab-bg);color:var(--lab-text);font:12.5px/1.5 var(--lab-ui)}.lab-book>summary{display:flex;align-items:baseline;gap:10px;padding:8px 14px;list-style:none;cursor:pointer}.lab-book>summary::-webkit-details-marker{display:none}.lab-book>summary:before{content:"";align-self:center;width:5px;height:5px;margin:0 2px 2px 1px;border-right:1.5px solid var(--lab-muted);border-bottom:1.5px solid var(--lab-muted);transform:rotate(-45deg);transition:transform .15s}.lab-book[open]>summary:before{transform:rotate(45deg);margin-bottom:4px}.lab-book>summary span{color:var(--lab-text);font-weight:600}.lab-book>summary small{color:var(--lab-muted);font-size:12px}.lab-book>summary:hover span{color:var(--lab-accent-text)}.lab-book-content{max-height:min(280px,38vh);padding:2px 14px 14px;overflow:auto;overscroll-behavior:contain}.lab-book-fields,.lab-book-actions,.lab-book-history{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0}.lab-book-fields{gap:10px 12px}.lab-book-fields label{flex:1 1 160px;min-width:0}.lab-book-fields label:last-child{flex:2 1 220px}.lab-book label{display:block;color:var(--lab-muted);font-size:12px}.lab-book input,.lab-book select{box-sizing:border-box;min-width:0;max-width:100%;padding:7px 12px;border:1px solid var(--lab-line);border-radius:var(--lab-radius-control);background:var(--lab-field);color:var(--lab-text);font:13px var(--lab-ui)}.lab-book select{padding-right:30px;background:linear-gradient(45deg,transparent 50%,var(--lab-muted) 50%) no-repeat calc(100% - 17px) 55% / 5px 5px,linear-gradient(135deg,var(--lab-muted) 50%,transparent 50%) no-repeat calc(100% - 12px) 55% / 5px 5px,var(--lab-field);appearance:none;cursor:pointer}.lab-book input{width:100%}.lab-book input:focus-visible,.lab-book select:focus-visible{outline:none;border-color:var(--lab-accent);box-shadow:0 0 0 3px var(--lab-accent-soft)}.lab-book-fields input{margin-top:5px}.lab-book button{min-height:30px;padding:4px 12px;border:1px solid var(--lab-line);border-radius:var(--lab-radius-control);background:transparent;color:var(--lab-text-2);font:12px var(--lab-ui);cursor:pointer}.lab-book button:hover{border-color:var(--lab-line-strong);background:var(--lab-hover);color:var(--lab-text)}.lab-book :is(button,summary):focus-visible{outline:2px solid var(--lab-accent);outline-offset:2px}.lab-book :is([data-book=save],[data-book=use]){border-color:var(--lab-accent-fill);background:var(--lab-accent-fill);color:var(--lab-accent-ink);font-weight:600}.lab-book :is([data-book=save],[data-book=use]):hover{border-color:var(--lab-accent-fill-hover);background:var(--lab-accent-fill-hover);color:var(--lab-accent-ink)}.lab-book [data-book=delete]{color:var(--lab-danger)}.lab-book-history select{flex:1 1 180px}.lab-book-preview{margin:10px 0;padding:12px 14px;border:1px solid var(--lab-line);border-radius:var(--lab-radius);background:var(--lab-surface);box-shadow:var(--lab-card-shadow)}.lab-book-preview strong{font-weight:600;overflow-wrap:anywhere}.lab-book-preview p,.lab-book-link p,.lab-book-status{margin:6px 0;color:var(--lab-muted);font-size:12px;overflow-wrap:anywhere}.lab-book-status:empty{display:none}.lab-book-link input{margin-top:5px;font:12px var(--font)}.lab-book-record{margin:10px 0;padding-top:8px;border-top:1px solid var(--lab-line)}.lab-book-record>summary{color:var(--lab-text-2);font-weight:500;cursor:pointer}.lab-book-record p{color:var(--lab-muted);font-size:12px}.lab-book-record>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lab-book-record section{min-width:0;padding:10px 12px;border:1px solid var(--lab-line);border-radius:var(--lab-radius-card);background:var(--lab-surface)}.lab-book-record pre{margin:6px 0 0;color:var(--lab-text-2);font:12px/1.6 var(--font);white-space:pre-wrap;overflow-wrap:anywhere}.lab-book-record b{color:var(--lab-accent-text);font-weight:600}@container (max-width: 550px){.lab-book>summary small{display:none}.lab-book-record>div{grid-template-columns:1fr}.lab-book button{min-height:36px}}.lab-book[hidden],.lab-book [hidden]{display:none}.lab-book.lab-book-pill{border-bottom:0;background:none}.lab-book-pill>summary{display:inline-flex;align-items:center;gap:7px;min-height:28px;box-sizing:border-box;padding:4px 11px;border:1px solid var(--lab-line);border-radius:var(--lab-radius-control);background:var(--lab-surface);color:var(--lab-text-2);font:12px var(--lab-ui);white-space:nowrap}.lab-book-pill>summary:before{margin:0 1px 2px 0}.lab-book-pill>summary span{color:inherit;font-weight:500}.lab-book-pill>summary small{display:none}.lab-book-pill>summary:hover,.lab-book-pill[open]>summary{border-color:var(--lab-line-strong);color:var(--lab-text)}.lab-book-pill>summary:hover span{color:inherit}.lab-book-pill .lab-book-content{position:absolute;z-index:25;top:calc(100% - 4px);right:14px;box-sizing:border-box;width:min(560px,calc(100% - 28px));max-height:min(460px,62vh);padding:6px 16px 14px;border:1px solid var(--lab-line);border-radius:var(--lab-radius-card);background:var(--lab-surface);box-shadow:var(--lab-shadow-pop, 0 12px 32px #0005)}.lab-book-pill :is(.lab-book-preview,.lab-book-record section){background:var(--lab-bg)}.dx:has(.lab-book[open]:not(.lab-book-pill)) .dx-stage{overflow:auto}.pr:has(.lab-book[open]:not(.lab-book-pill)) .pr-stage{overflow:auto}@media(max-width:640px),(pointer:coarse){.lab-book :is(input,select){font-size:16px;min-height:40px}.lab-book button{min-height:40px}}
