#header-controls{position:fixed;right:16px;top:16px;z-index:99999;width:min(320px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:16px;border:1px solid #ffffff30;border-radius:12px;background:#18181bf5;color:#fff;font:14px/1.4 Arial,sans-serif;box-shadow:0 12px 40px #0008;backdrop-filter:blur(16px);transition:width .2s ease,padding .2s ease}
#header-controls:not([open]){width:auto;overflow:hidden;padding:10px 12px}
#header-controls summary{display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:700;cursor:pointer;list-style:none;user-select:none}
#header-controls summary::-webkit-details-marker{display:none}
.header-controls-toggle{position:relative;width:22px;height:22px;flex:0 0 22px;border:1px solid #ffffff30;border-radius:6px;background:#303035}
.header-controls-toggle:before,.header-controls-toggle:after{content:"";position:absolute;left:5px;right:5px;top:10px;height:1px;background:#fff;transition:transform .2s ease}
#header-controls:not([open]) .header-controls-toggle:after{transform:rotate(90deg)}
#header-controls p{font-size:12px;color:#b9b9c3;margin:12px 0}#header-controls label{display:block;margin:14px 0}#header-controls label span{display:flex;justify-content:space-between;gap:8px}#header-controls output{color:#b87bfb;font-variant-numeric:tabular-nums}#header-controls input{display:block;width:100%;margin:8px 0 0;accent-color:#b87bfb}#header-controls button{padding:8px 10px;border:1px solid #ffffff30;border-radius:6px;background:#303035;color:#fff;cursor:pointer}#header-controls button:focus-visible,#header-controls input:focus-visible,#header-controls summary:focus-visible{outline:2px solid #b87bfb;outline-offset:3px}.header-controls-actions{display:flex;gap:8px}#header-controls textarea{width:100%;color:#fff;background:#303035}