/* Companion controls use the existing Vault type, palette and motion. */
.vault-workspace { padding:24px 0; border-bottom:1px solid var(--line, #39342e); }
.vault-workspace summary {cursor:pointer;font-size:14px;color:#e6dccb;padding:10px 0;}
.vault-controls {display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:16px 0;}
.vault-controls label {display:flex;flex-direction:column;gap:7px;font-size:12px;color:#c3bbaa;}
.vault-controls input,.vault-controls select,.vault-controls button,.cue-facts-button,.cue-panel button,.project-link {font:inherit;font-size:13px;color:#eee6d8;background:#151310;border:1px solid #605545;border-radius:7px;padding:11px 13px;min-height:44px;}
.vault-controls input {max-width:240px;min-width:0;} .vault-controls input[type=number] {width:90px;}
.vault-controls button,.cue-facts-button,.cue-panel button {cursor:pointer;}
.vault-workspace p,.cue-panel p {font-size:13px;line-height:1.65;color:#bfb5a5;}
.vault-controls :focus-visible,.cue-facts-button:focus-visible,.cue-panel :focus-visible {outline:2px solid #edb15e;outline-offset:4px;}
.cue-facts-button {display:block;margin-top:10px;padding:7px 11px;min-height:36px;font-size:12px;}
.cue-panel {color:#eee6d8;background:#151310;border:1px solid #605545;border-radius:16px;width:min(680px,calc(100% - 28px));max-height:85dvh;padding:28px;margin:auto;overflow:auto;}
.cue-panel::backdrop {background:rgb(0 0 0 / .76);}
.cue-panel h2 {font-size:26px;margin:12px 0;}.cue-panel h3 {font-size:15px;margin:24px 0 10px;}
.cue-panel dl {display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:10px 18px;font-size:13px;line-height:1.6;}
.cue-panel dt {color:#bfb5a5;}.cue-panel dd {margin:0;overflow-wrap:anywhere;}
.cue-panel ul {list-style:none;padding:0;}.cue-panel li {display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #39342e;font-size:13px;}
.cue-panel .cue-close {float:right;}.project-link {width:100%;box-sizing:border-box;word-break:break-all;}
.vnote,.vcols,.flab,.kit,.specs,.num,.prev-soon {color:#bfb5a5;}
.vnote,.vcols,.flab {font-size:11px;}.kit,.specs {font-size:12px;}
@media(hover:hover) and (pointer:fine) {.vault-controls button:hover,.cue-facts-button:hover,.cue-panel button:hover{border-color:#edb15e;color:#edb15e;}}
@media(max-width:640px){.vault-controls{gap:10px;}.vault-controls label{flex:1 1 130px;}.vault-controls input,.vault-controls select{width:100%;max-width:none;box-sizing:border-box;}.vault-controls input[type=number]{width:100%;}.cue-panel{padding:20px;}.cue-panel dl{grid-template-columns:1fr;gap:4px;}.cue-panel dd{margin-bottom:9px;}}