.instrument-frame-config{position:fixed;z-index:110;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(36rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:hidden;border:1px solid rgb(34 211 238 / 28%);border-radius:.48rem;color:#dce5ed;background:linear-gradient(180deg,#121a24,#0b111b);box-shadow:0 1rem 3.2rem #00000061;font-size:.74rem;outline:none}.instrument-frame-config,.instrument-frame-config *{box-sizing:border-box}.instrument-frame-config button,.instrument-frame-config input,.instrument-frame-config select{font:inherit}.instrument-frame-config :is(button,input,select):focus-visible{outline:2px solid rgb(34 211 238 / 72%);outline-offset:1px}.instrument-frame-config__header{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.6rem .75rem;border-bottom:1px solid rgb(148 163 184 / 18%);background:transparent;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.instrument-frame-config__header:active{cursor:grabbing}.instrument-frame-config__header>div{display:flex;align-items:baseline;gap:.55rem}.instrument-frame-config__header h2,.instrument-frame-config__header p,.instrument-frame-config__section h3{margin:0;letter-spacing:0}.instrument-frame-config__header h2{color:#f8fafc;font-size:.9rem;font-weight:900}.instrument-frame-config__header p{color:#8fa0b2;font-size:.68rem}.instrument-frame-config__header button{width:1.65rem;height:1.65rem;border:1px solid rgb(148 163 184 / 24%);border-radius:.28rem;padding:0;color:#e2e8f0;background:#0f172ab8;cursor:pointer;font-weight:900}.instrument-frame-config__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem;min-height:0;overflow:auto;padding:.5rem}.instrument-frame-config__section{display:grid;align-content:start;gap:.42rem;min-width:0;border:1px solid rgb(148 163 184 / 16%);border-radius:.34rem;padding:.55rem;background:#0f172a52}.instrument-frame-config__section--appearance{grid-column:1 / -1}.instrument-frame-config__section h3{color:#f8fafc;font-size:.69rem;font-weight:700;text-transform:uppercase}.instrument-frame-config__toggles{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem 1rem;min-height:1.75rem}.instrument-frame-config__check,.instrument-frame-config__field{display:flex;align-items:center;gap:.45rem;color:#dbeafe;font-size:.73rem;font-weight:650}.instrument-frame-config input[type=checkbox],.instrument-frame-config input[type=range]{accent-color:#22d3ee}.instrument-frame-config__field{align-items:stretch;flex-direction:column;gap:.3rem}.instrument-frame-config__field>span,.instrument-frame-config__color>label,.instrument-frame-config__number>label,.instrument-frame-config__decision label{color:#94a3b8;font-size:.64rem;font-weight:600;text-transform:uppercase}.instrument-frame-config__appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .65rem}.instrument-frame-config__color,.instrument-frame-config__number{display:grid;align-items:center;gap:.35rem;min-width:0}.instrument-frame-config__color{grid-template-columns:minmax(6.2rem,1fr) 2rem minmax(5.8rem,1fr)}.instrument-frame-config__number{grid-template-columns:minmax(5.8rem,1fr) minmax(3.5rem,1fr) 3.7rem 1rem}.instrument-frame-config__color input[type=color]{width:2rem;height:1.75rem;border:1px solid rgb(148 163 184 / 26%);border-radius:.28rem;padding:.1rem;background:#0f172ab8;cursor:pointer}.instrument-frame-config__color input[type=text],.instrument-frame-config__number input[type=number],.instrument-frame-config__field select,.instrument-frame-config__decision input{min-width:0;height:1.75rem;border:1px solid rgb(148 163 184 / 26%);border-radius:.28rem;padding:0 .45rem;color:#e2e8f0;background:#0f172ab8;color-scheme:dark}.instrument-frame-config__color input[type=text]{text-transform:uppercase}.instrument-frame-config__number input[type=number]{width:100%;color:#67e8f9;font-weight:700;text-align:right}.instrument-frame-config__field select{color:#e2e8f0;font-weight:600}.instrument-frame-config__number>span{color:#8fa0b2;font-size:.66rem}.instrument-frame-config__color>span{grid-column:1 / -1;color:#fecaca;font-size:.68rem;font-weight:800}.instrument-frame-config__footer,.instrument-frame-config__footer-tools,.instrument-frame-config__footer-actions{display:flex;align-items:center;gap:.45rem}.instrument-frame-config__footer{justify-content:space-between;padding:.52rem .65rem;border-top:1px solid rgb(148 163 184 / 18%);background:#0c1420b8}.instrument-frame-config__footer button,.instrument-frame-config__decision button{min-height:1.8rem;border:1px solid rgb(148 163 184 / 25%);border-radius:.3rem;padding:0 .62rem;color:#dce5ed;background:#1b2938;cursor:pointer;font-size:.68rem;font-weight:650}.instrument-frame-config__footer button:hover:not(:disabled),.instrument-frame-config__decision button:hover:not(:disabled),.instrument-frame-config__header button:hover{border-color:#22d3ee85;color:#ecfeff;background:#14b8a62e}.instrument-frame-config__footer button:disabled,.instrument-frame-config input:disabled{cursor:default;opacity:.48}.instrument-frame-config__footer .instrument-frame-config__primary,.instrument-frame-config__decision section>div button:first-child{border-color:#2dd4bf61;color:#e7fffb;background:#176a73}.instrument-frame-config__decision{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:1rem;background:#020617b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.instrument-frame-config__decision section{display:grid;gap:.7rem;width:min(28rem,100%);border:1px solid rgb(34 211 238 / 28%);border-radius:.42rem;padding:.9rem;color:#dce5ed;background:#101924;box-shadow:0 1rem 2.5rem #0000008c}.instrument-frame-config__decision h2,.instrument-frame-config__decision p{margin:0}.instrument-frame-config__decision h2{color:#f8fafc;font-size:.9rem}.instrument-frame-config__decision p{color:#a9b8c6;font-size:.72rem}.instrument-frame-config__decision>section>div{display:flex;flex-wrap:wrap;gap:.45rem}.instrument-frame-config__decision [role=alert]{color:#fecaca;font-weight:800}@media(max-width:720px){.instrument-frame-config{left:1rem!important;top:1rem!important}.instrument-frame-config__body,.instrument-frame-config__appearance-grid{grid-template-columns:1fr}.instrument-frame-config__section--appearance{grid-column:auto}.instrument-frame-config__footer{align-items:stretch;flex-direction:column}.instrument-frame-config__footer-tools,.instrument-frame-config__footer-actions{justify-content:flex-end}}