#developer-options-button { position: absolute; top: 50%; right: 62px; transform: translateY(-50%); z-index: 25; padding: 8px 10px; border: 1px solid #3d85c6; border-radius: 3px; background: #0f1012; color: white; font: 600 10px Arial,sans-serif; cursor: pointer; }
#developer-options-button.developer-standalone { position: fixed; top: 12px; right: 12px; transform: none; z-index: 300; }
#developer-options-button[hidden],#developer-options-panel[hidden] { display: none!important; }
#developer-options-panel { box-sizing: border-box; position: fixed; z-index: 290; top: calc(var(--database-header-height,62.3px) + 8px); right: 60px; width: min(360px,calc(100vw - 24px)); max-height: calc(100dvh - 90px); overflow: auto; margin: 0; padding: 18px; border: 1px solid #3d85c6; border-radius: 6px; background: #0f202f; color: white; box-shadow: 0 10px 28px #0009; font: 12px/1.6 Arial,sans-serif; text-align: center; }
.developer-dialog-heading { display:flex;align-items:center;justify-content:space-between;gap:15px; }.developer-dialog-heading h2 { margin:0;font:700 15px Arial,sans-serif; }
#developer-options-panel button,#laptop-preview-dialog button { padding:8px 10px;border:1px solid #3d85c6;border-radius:3px;background:#0f1012;color:white;font:600 10px Arial,sans-serif;cursor:pointer; }#start-laptop-mode { width:100%; }
#developer-options-button:hover,#developer-options-panel button:hover,#laptop-preview-dialog button:hover { background:#3d85c6; }#developer-options-button:focus-visible,#developer-options-panel :focus-visible,#laptop-preview-dialog button:focus-visible { outline:2px solid #a7d7ff;outline-offset:3px; }
#laptop-preview-dialog { box-sizing:border-box;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:#000;color:white;overflow:hidden; }#laptop-preview-dialog::backdrop {background:#000;}
.laptop-preview-toolbar { box-sizing:border-box;height:48px;display:flex;align-items:center;justify-content:space-between;padding:6px 12px;gap:8px;background:#000;color:#a7d7ff;font:12px Arial,sans-serif;border-bottom:1px solid #173a56; }
#laptop-preview-stage {position:relative;width:100%;height:calc(100% - 48px);display:flex;align-items:center;justify-content:center;background:#000;}
.laptop-window-frame {position:relative;flex:none;box-sizing:content-box;overflow:hidden;outline:3px solid #3d85c6;box-shadow:0 0 0 5px #0f202f;}
#laptop-preview-stage iframe {position:absolute;left:0;top:0;width:1920px;height:1080px;max-width:none;max-height:none;border:0;transform-origin:top left;background:#0f1012;}
@media(max-width:850px){#developer-options-button{max-width:145px;font-size:9px;}body:has(#developer-options-button:not([hidden])) .database-header h1,body:has(#developer-options-button:not([hidden])) .profile-header h1{visibility:hidden;}}
@media(max-width:500px){#developer-options-panel{right:12px;}.laptop-preview-toolbar{font-size:10px;}}
@media print{#developer-options-button,#developer-options-panel{display:none!important;}}
.developer-test-account{display:grid;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #496071;text-align:center}.developer-test-account h3,.developer-test-account p{margin:0}.developer-test-account h3{color:#83caff;font-size:14px}.developer-test-account select{width:100%;min-width:0;padding:8px;background:#243341;color:#fff;border:1px solid #607989;font:inherit}.developer-test-account button:disabled{opacity:.5;cursor:default}#developer-test-status{color:#dceaf5}