.keys-page{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.keys-page .card.flush{position:relative;overflow-x:auto}.keys-page .card h2{margin:0 0 .5rem}.keys-page .pad{padding:1rem 1rem .5rem}.keys-page .dvar-head{align-items:flex-start;gap:.75rem;display:flex}.keys-page .dvar-ready{margin-top:.3rem}.keys-page .dvar-head>div{flex:1;min-width:0}.keys-page .dvar-head h2{margin:0}.keys-page .dvar-sub{margin:.1rem 0 0}.keys-page .dvar-ready{color:var(--ok);white-space:nowrap;font-size:.8125rem;font-weight:600}.keys-page .dvar-ready:before{content:"";vertical-align:middle;background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:.4rem;display:inline-block}.keys-page .dvar-models{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.6rem;display:flex}.keys-page .dvar-models .chips{margin:0}.keys-page .dvar-models .chip{border:1px solid var(--line-2);background:0 0;border-radius:.3rem}.keys-page .dvar-models .link{all:unset;color:var(--accent);cursor:pointer;text-decoration:underline}.keys-page .dvar-models .link:focus-visible{outline:2px solid var(--accent)}.keys-page .page-head{align-items:flex-start;margin-bottom:.5rem}.keys-page .page-head>:first-child>.lede{margin-top:.75rem}.keys-page .page-head>button{margin-top:calc(1.25rem + (2.875rem - var(--ctl-h)) / 2)}.keys-page>form:empty{display:none}.keys-page .dvar>p{margin:.6rem 0 0}.keys-page .dvar .consent-line{margin-top:.75rem}.keys-page .dt>tbody>tr:has(.dvar-row){background:var(--surface-2)}.keys-page .acts{white-space:nowrap;gap:.4rem;display:inline-flex}.keys-page .secret{letter-spacing:.04em;font:600 .8125rem ui-monospace,Menlo,monospace}.keys-page .chips{flex-wrap:wrap;gap:.3rem;margin:.3rem 0 0;padding:0;list-style:none;display:flex}.keys-page .chips small{color:var(--muted)}.keys-page dialog textarea{border:1px solid var(--line-2);background:var(--surface-2);width:100%;color:var(--fg);box-sizing:border-box;border-radius:.5rem;padding:.45rem .65rem;font:.8125rem ui-monospace,Menlo,monospace}.keys-page details ul{margin:.4rem 0 0;padding-left:1rem}.keys-page .empty{padding:.5rem 0}.pv{background:var(--accent-tint);width:2rem;height:2rem;color:var(--accent);letter-spacing:.02em;border-radius:.55rem;flex:none;place-items:center;font-size:.6875rem;font-weight:700;display:grid}button.danger{color:var(--bad)}button.danger.solid{background:var(--bad);border-color:var(--bad);color:var(--on-fill);font-weight:600}dialog.add-sheet{border:1px solid var(--line);background:var(--surface);color:var(--fg);box-shadow:var(--shadow-lg);border-radius:.85rem;width:min(30rem,100vw - 4rem);height:auto;max-height:none;margin:0;padding:0;position:fixed;inset:3.75rem 2rem 1rem auto}dialog.add-sheet[open]{animation:.32s cubic-bezier(.2,.9,.3,1) add-in}dialog.add-sheet form{flex-direction:column;height:100%;display:flex}dialog.add-sheet .sheet-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1rem 1.1rem .75rem;display:flex}dialog.add-sheet .sheet-head h2{margin:0}dialog.add-sheet .icon{border:1px solid var(--line-2);background:var(--surface);width:1.8rem;height:1.8rem;color:var(--fg);border-radius:.5rem;padding:0}dialog.add-sheet .sheet-body{flex:1;padding:1rem 1.1rem;overflow:auto}dialog.add-sheet .sheet-foot{white-space:normal;border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.1rem;display:flex}.tiles{border:0;grid-template-columns:1fr 1fr;gap:.5rem;margin:0 0 .5rem;padding:0;display:grid}.tiles legend{margin-bottom:.35rem}.tile{border:1px solid var(--line-2);cursor:pointer;border-radius:.7rem;align-items:center;gap:.6rem;padding:.6rem .7rem;display:flex;position:relative}.tile>span:last-child{display:grid}.tile input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.tile.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--accent-tint)}.tile:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.tile.off{opacity:.55;cursor:default;border-style:dashed}.add-sheet .field input{border:1px solid var(--line-2);background:var(--surface-2);padding:.45rem .65rem;font:.875rem ui-monospace,Menlo,monospace}.add-sheet .field select{font:inherit;color:var(--fg);border:1px solid var(--line-2);background:var(--surface-2);border-radius:.5rem;max-width:100%;padding:.45rem .5rem}.secret-field input{border-style:dashed!important}.tres{border-radius:.6rem;gap:.2rem;margin-top:.5rem;padding:.7rem .8rem;display:grid}.tres.bad{background:var(--bad-tint)}.tres.bad b{color:var(--bad)}@media (prefers-reduced-motion:reduce){dialog.add-sheet[open]{animation:none}}@keyframes add-in{0%{opacity:0;transform:translate(24px)}}dialog.add-sheet .sheet-foot button{white-space:nowrap}
