[data-dim-app]{--dim-type-label:11px;--dim-type-body:12px;--dim-heading-tracking:.06em;--dim-text-helper:#dde7f7b3;--dim-surface:#0d121df5}.dim-panel-columns{--dim-column-top:calc((var(--dim-top-reserve,60px) + 10px) * var(--dim-zoom));--dim-column-bottom:calc(var(--dim-dock-reserve,80px) * var(--dim-zoom));inset:var(--dim-column-top) calc(24px * var(--dim-zoom)) var(--dim-column-bottom);pointer-events:none;z-index:6;justify-content:space-between;gap:20px;min-height:0;display:flex;position:absolute}.dim-panel-column{width:calc(300px * var(--dim-zoom));scrollbar-width:thin;scrollbar-color:#b4cdf073 transparent;overscroll-behavior:contain;pointer-events:auto;flex-direction:column;align-items:stretch;gap:12px;max-width:40%;height:fit-content;min-height:0;max-height:100%;padding-bottom:4px;display:flex;overflow:auto}.dim-panel-column--right{width:calc(330px * var(--dim-zoom))}.dim-panel-column:empty{visibility:hidden;pointer-events:none}.dim-panel-column>[data-dim-panel]{box-sizing:border-box;color:#edf3ffe6;font-size:var(--dim-type-body);border:1px solid #b4cdf038;border-radius:10px;padding:38px 14px 14px;line-height:1.5;background-color:var(--dim-surface)!important;width:100%!important;max-width:none!important;padding-top:40px!important}.dim-panel-column :is(input,select){min-width:0;max-width:100%}.dim-panel-column :is(button,select,input:not([type=range]):not([type=checkbox])){min-height:26px}.dim-docked-heading{letter-spacing:.04em;color:#dce9ff;border-bottom:1px solid #b4cdf01f;justify-content:space-between;align-items:center;height:30px;padding:0 10px 0 14px;font:600 11px/1.2 monospace;display:flex;position:absolute;inset:0 0 auto}.dim-docked-heading button{color:#c2d3ed;cursor:pointer;background:0 0;border:0;border-radius:4px;width:28px;font-size:18px}.dim-docked-heading button:hover{background:#b4cdf01f}[data-dim-app] .dim-btn{letter-spacing:.04em;color:#e6efffe6;border-color:#b4cdf04d;padding:5px 10px;font-size:11px}[data-dim-app] .dim-btn--icon{padding:3px}[data-dim-app] :is(button,input,select,[tabindex]):focus-visible{outline-offset:3px;outline:2px solid #9ccaff}.dim-workspace-switch{background:#040810a6;border:1px solid #b4cdf040;border-radius:7px;flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.dim-workspace-switch button{color:#aebed6;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;min-height:28px;padding:4px 10px;font:12px/1.2 monospace}.dim-workspace-switch button[aria-pressed=true]{color:#101a2c;background:#bdd8ff;border-color:#d1e3ff;font-weight:700}.dim-workspace-switch button:hover:not([aria-pressed=true]){color:#edf4ff;background:#b4cdf01f}.dim-inspector-identity{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.dim-inspector-identity h2{text-transform:capitalize;color:#edf4ff;margin:0;font:500 16px/1.3 monospace}.dim-inspector-identity p{color:#afc5e3;font-variant-numeric:tabular-nums;margin:4px 0 0;font:12px/1.5 monospace}.dim-inspector-tabs{border-bottom:1px solid #b4cdf033;gap:3px;margin-bottom:16px;display:flex}.dim-inspector-tabs button{color:#b4c3d9;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:7px 2px;font:11px/1.3 monospace}.dim-inspector-tabs button[aria-selected=true]{color:#e8f2ff;background:#96c3ff14;border-bottom-color:#a3cdff}.dim-helper{color:var(--dim-text-helper);margin:0 0 12px;font-size:11px;line-height:1.5}.dim-audio-status{white-space:normal;border-top:1px solid #b4cdf021;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding-top:7px;font:11px/1.4 monospace;display:flex}.dim-status-chip{color:#c1d1e8;font-variant-numeric:tabular-nums;padding:4px 7px}.dim-status-chip[data-warning]{color:#ffcc94}[data-dim-app] .dim-record-control[aria-pressed=true]{color:#ffe4e4;background:#b4323c47;border-color:#ee9292}.dim-record-error{text-align:center;color:#ffb8b8;flex-basis:100%}.dim-tools-browser{color:#dce8fa;font:12px/1.5 monospace}.dim-tools-browser button{font:inherit}.dim-tools-browser :is(button,input):focus-visible{outline-offset:-2px;outline:2px solid #a8ceff}.dim-tools-search{z-index:2;background:#101725;border-bottom:1px solid #b4cdf033;padding:12px;position:sticky;top:0}.dim-tools-search label{margin-bottom:6px;font-weight:600;display:block}.dim-tools-search>div{gap:6px;display:flex}.dim-tools-search input{color:#edf4ff;width:100%;min-width:0;font:inherit;background:#080e18;border:1px solid #657b9d;border-radius:5px;padding:8px}.dim-tools-search button{color:#dce8fa;cursor:pointer;background:0 0;border:0;border-radius:4px;min-width:28px}.dim-tools-search>span{color:#afc2dc;margin-top:6px;font-size:11px;display:block}.dim-tools-empty{color:#bbcde6;padding:16px 12px}.dim-tools-empty button{color:#edf4ff;cursor:pointer;background:#263752;border:1px solid #6983aa;border-radius:4px;margin-top:10px;padding:5px 10px;display:block}.dim-picker-style{color:#bfd4f1;cursor:pointer;background:0 0;border:1px solid #536784;border-radius:4px;padding:4px 7px;font:11px monospace}.dim-body-placement-detail{color:#c4d2e7;text-align:center;border-top:1px solid #b4cdf029;flex-wrap:wrap;flex-basis:100%;justify-content:center;align-items:center;gap:4px 12px;max-width:100%;padding-top:8px;font:11px/1.45 monospace;display:flex}.dim-body-placement-detail>div{flex-wrap:wrap;justify-content:center;gap:4px 10px;display:flex}.dim-body-placement-detail strong{color:#edf4ff;text-transform:capitalize;font-size:12px}.dim-body-placement-detail p{flex-basis:100%;max-width:560px;margin:0}[data-dim-app] [data-dim-hud=place-rail] [data-dim-chip-label]{display:inline}@media (max-width:1100px){.dim-body-placement-detail p{display:none}[data-dim-app] [data-dim-hud=topbar] button[aria-label=Undo\ history]{min-width:28px;padding:5px;font-size:0!important}[data-dim-app] [data-dim-hud=topbar] button[aria-label=Undo\ history]:after{content:"…";font-size:14px}.dim-panel-columns{height:fit-content;max-height:calc(100% - var(--dim-column-top) - var(--dim-column-bottom));width:min(calc(330px * var(--dim-zoom)), 48vw);scrollbar-width:thin;overscroll-behavior:contain;pointer-events:auto;flex-direction:column;justify-content:flex-start;display:flex;bottom:auto;left:auto;overflow:auto}.dim-panel-column{display:contents}.dim-panel-columns>.dim-panel-column>[data-dim-panel]{flex:none}.dim-panel-columns:not(:has([data-dim-panel])){pointer-events:none}}@media (max-width:1180px){[data-dim-app] [data-dim-hud=status],[data-dim-app] [data-dim-hud=conditions]{display:none!important}}@media (max-width:600px){.dim-panel-columns{width:min(calc(330px * var(--dim-zoom)), calc(100vw - 48px));right:24px}}.dim-command-scrim{z-index:10050;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02050aa8;place-items:start center;padding:min(14vh,120px) 16px 24px;display:grid;position:fixed;inset:0}.dim-command-palette,.dim-usability-center{color:#edf4ff;background:#0c121efa;border:1px solid #b4d2ff59;border-radius:12px;width:min(680px,100vw - 32px);max-height:min(76vh,760px);font:12px/1.45 monospace;overflow:hidden;box-shadow:0 24px 80px #0000009e}.dim-command-palette>label{color:#b8cae2;text-transform:uppercase;letter-spacing:.1em;padding:14px 16px 6px;display:block}.dim-command-palette>input{box-sizing:border-box;color:#fff;background:#070d17;border:1px solid #718bad;border-radius:7px;width:calc(100% - 32px);margin:0 16px 12px;padding:12px;font:15px monospace}.dim-command-palette [role=listbox]{max-height:50vh;padding:0 8px;overflow:auto}.dim-command-palette [role=option]{color:#dce8fa;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:10px;display:flex}.dim-command-palette [role=option][aria-selected=true]{background:#96c3ff29;outline:1px solid #a0cdff61}.dim-command-palette [role=option] span:first-child{min-width:0}.dim-command-palette [role=option] strong,.dim-command-palette [role=option] small{display:block}.dim-command-palette [role=option] small{color:#a9bdd8;margin-top:2px}.dim-command-palette [role=option]>span:last-child{color:#b8cae2;flex:none}.dim-command-palette [role=listbox]>p{color:#b8cae2;padding:18px}.dim-command-palette footer{color:#93a8c2;text-align:right;border-top:1px solid #b4d2ff24;padding:10px 16px}.dim-command-palette kbd,.dim-shortcut-list kbd{color:#e8f2ff;font:inherit;background:#ffffff0f;border:1px solid #c8dcff52;border-bottom-width:2px;border-radius:4px;padding:2px 6px}.dim-usability-center>header{border-bottom:1px solid #b4d2ff2e;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.dim-usability-center>header strong,.dim-usability-center>header small{display:block}.dim-usability-center>header small{color:#a9bdd8}.dim-usability-center>header button{color:#dce8fa;cursor:pointer;background:0 0;border:0;min-width:36px;min-height:36px;font-size:24px}.dim-usability-center>nav{border-bottom:1px solid #b4d2ff21;padding:6px;display:flex;overflow-x:auto}.dim-usability-center>nav button{color:#a9bdd8;min-height:36px;font:inherit;text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:1}.dim-usability-center>nav button[aria-current=page]{color:#fff;background:#96c3ff29}.dim-usability-content{max-height:calc(min(76vh,760px) - 112px);padding:16px;overflow:auto}.dim-usability-content>p{color:#b8cae2;margin:0 0 14px}.dim-layout-grid,.dim-tutorial-grid{gap:8px;display:grid}.dim-layout-grid article{border:1px solid #b4d2ff2e;border-radius:7px;align-items:center;gap:8px;padding:10px;display:flex}.dim-layout-grid article div{flex:1}.dim-layout-grid article strong,.dim-layout-grid article small{display:block}.dim-layout-grid article small{color:#9fb3cf;text-transform:capitalize}.dim-usability-content button,.dim-usability-content input{min-height:36px}.dim-usability-content button{color:#e8f2ff;font:inherit;cursor:pointer;background:#82afeb17;border:1px solid #b4d2ff4d;border-radius:5px}.dim-usability-content form{align-items:end;gap:8px;margin-top:14px;display:flex}.dim-usability-content form label{flex:1}.dim-usability-content form input{box-sizing:border-box;color:#fff;background:#080e18;border:1px solid #607898;border-radius:5px;width:100%;margin-top:4px;padding:7px;display:block}.dim-shortcut-list{border:1px solid #b4d2ff26;border-radius:7px;max-height:46vh;margin-bottom:12px;overflow:auto}.dim-shortcut-list>button{text-align:left;border:0;border-bottom:1px solid #b4d2ff17;border-radius:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:8px 10px;display:flex}.dim-shortcut-list>button.is-capturing{outline-offset:-2px;background:#96c3ff2e;outline:2px solid #9ccaff}.dim-shortcut-list strong,.dim-shortcut-list small{display:block}.dim-shortcut-list small{color:#93a8c2}.dim-conflict{color:#ffd2ae;background:#aa501e26;border:1px solid #d99762;border-radius:6px;margin-bottom:12px;padding:10px}.dim-comfort-row{grid-template-columns:minmax(150px,1fr) 2fr 44px;align-items:center;gap:10px;min-height:44px;display:grid}.dim-comfort-row output{text-align:right;color:#b8cae2}.dim-check-row{align-items:center;gap:10px;min-height:44px;display:flex}.dim-check-row input{min-width:20px}.dim-tutorial-grid{grid-template-columns:repeat(3,1fr)}.dim-tutorial-grid button{text-align:left;min-height:110px;padding:14px;font-weight:700}.dim-tutorial-grid small{color:#a9bdd8;margin-top:6px;font-weight:400;display:block}.dim-mini-tutorial{border:1px solid #b4d2ff33;border-radius:8px;padding:12px}.dim-mini-tutorial h2{margin:8px 0;font-size:18px}.dim-mini-tutorial div{gap:8px;margin-top:16px;display:flex}[data-dim-app] :is(button,[role=button])[aria-pressed=true],[data-dim-app] [data-control-state=selected]{font-weight:700;box-shadow:inset 0 -3px}[data-dim-app] [data-control-state=armed]:before{content:"● "}[data-dim-app] [data-control-state=recording]:before{content:"REC ";font-weight:800}[data-dim-app] :is(button,input,select):disabled,[data-dim-app] [aria-disabled=true],[data-dim-app] [data-control-state=unavailable]{opacity:.42;filter:saturate(.35);cursor:not-allowed!important}[data-dim-app] [data-control-state=mixed]{background-image:repeating-linear-gradient(135deg,#0000 0 5px,#ffffff21 5px 7px)}[data-dim-patterns] [aria-selected=true],[data-dim-patterns] [aria-pressed=true]{background-image:repeating-linear-gradient(135deg,#0000 0 6px,currentColor 6px 7px)}[data-dim-patterns] .dim-record-control[aria-pressed=true]:before{content:"REC "}.dim-accessibility-legend{left:calc(18px * var(--dim-zoom,1));bottom:calc(84px * var(--dim-zoom,1));z-index:7;color:#dce8fa;pointer-events:none;background:#080d16db;border:1px dashed #dcebff73;border-radius:6px;flex-wrap:wrap;gap:5px 12px;max-width:min(560px,70vw);padding:7px 10px;font:10px/1.35 monospace;display:flex;position:absolute}[data-dim-touch] :is(button,select,input:not([type=range]):not([type=checkbox]),[role=button]){min-width:44px;min-height:44px}[data-dim-touch] .dim-btn{padding:10px 12px}[data-dim-touch] [title]:after{pointer-events:none}@media (pointer:coarse){[data-dim-app] :is(button,select,[role=button]){min-height:44px}}@media (max-width:620px){.dim-command-scrim{padding-top:16px}.dim-tutorial-grid{grid-template-columns:1fr}.dim-usability-center{max-height:calc(100vh - 32px)}}
