:root{font-family:Arial,sans-serif;color:#172222;background:#087b7d}*{box-sizing:border-box}body{margin:0;padding-bottom:46px}header{display:flex;align-items:center;gap:28px;padding:26px 34px;color:#e4ffff;font-size:10px;letter-spacing:1.8px}#identity{margin-left:auto;letter-spacing:0}main{max-width:1320px;margin:5px auto;padding:0 25px}.window{box-shadow:2px 2px #00393a}.title-bar{background:linear-gradient(90deg,#000080,#387e9d);padding:5px 7px}.window-body{margin:14px}.toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:12px}button{cursor:pointer;min-height:25px}button:disabled{cursor:default}.layout{display:grid;grid-template-columns:210px 1fr;gap:18px}.sidebar .window-body{display:flex;flex-direction:column;gap:7px}.sidebar button{text-align:left}.sidebar p{line-height:1.5}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:13px}.card{padding:17px;background:#f3f3e8;border:1px solid #808080;box-shadow:inset 1px 1px white;min-height:165px}.card h3{font:600 17px Arial;margin:10px 0}.card p{line-height:1.5;color:#43514b}.icon{font-size:30px}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;font-size:10px;color:#49665b}.welcome{display:flex;justify-content:space-between;align-items:center;background:#e8ecdf;padding:24px;margin-bottom:18px;border:1px solid #808080}.welcome h1{font:normal 29px Georgia;margin:0 0 10px}.welcome p{font:13px/1.6 Arial;max-width:540px;margin:0}.welcome .badge{font:60px monospace;color:#087b7d}.empty{padding:35px 20px;text-align:center;background:#eceee5;border:1px inset #fff;line-height:1.8}.login{max-width:470px;margin:8vh auto}.login h1{font:normal 28px Georgia}.field{display:flex;flex-direction:column;gap:6px;margin:13px 0}.field input,.field select,.field textarea{width:100%;font:13px Arial;padding:7px;min-height:31px}.field textarea{height:110px}.row{display:flex;gap:12px}.row>*{flex:1}.note{font:12px/1.6 Arial;color:#40534c}.error{color:#9b111e}#status{max-width:1270px;margin:12px auto;color:#e2f4ed;padding:0 10px;font:12px Arial}footer{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:20px;background:silver;border-top:2px solid white;padding:5px 8px;z-index:5}#clock{margin-left:auto;border:2px inset #ddd;padding:4px 12px}dialog{border:0;padding:3px;max-width:760px;width:90vw;max-height:90vh;overflow:auto}dialog::backdrop{background:#00333380}.screen-wrap{position:relative;background:#000;overflow:hidden;width:min(100%,max(320px,calc((100dvh - 280px)*4/3)));margin-inline:auto;aspect-ratio:4/3;min-height:0;display:block}.screen-wrap canvas{position:absolute;inset:auto!important;left:var(--display-left,0px)!important;top:var(--display-top,0px)!important;width:var(--display-width,100%)!important;height:var(--display-height,100%)!important;max-width:none;transform:none!important;image-rendering:pixelated}.screen-wrap .text-screen{display:none}.screen-wrap:fullscreen{width:100vw;height:100vh;aspect-ratio:auto}#content{min-width:0}.media-list{width:100%;border-collapse:collapse;background:white}.media-list td,.media-list th{padding:9px;text-align:left;border-bottom:1px solid #ddd}.crumbs{padding:7px 0 15px}.crumbs button{min-width:0;margin-right:6px}.art{width:100%;max-height:190px;object-fit:contain;background:white}.gallery{display:flex;gap:12px;flex-wrap:wrap}.gallery img{max-width:230px;max-height:180px;object-fit:contain}.markdown{font:13px/1.6 Arial;overflow-wrap:anywhere}.markdown h1,.markdown h2,.markdown h3{font-size:18px}.markdown pre{white-space:pre-wrap;background:#eee;padding:10px}.small{font-size:11px}progress{width:100%}@media(max-width:750px){header{padding:18px;gap:12px}header>div:nth-child(2){display:none}.layout{grid-template-columns:1fr}.sidebar .window-body{flex-direction:row;flex-wrap:wrap}.sidebar p{display:none}main{padding:0 10px}.welcome{padding:16px}.welcome .badge{display:none}.row{flex-direction:column}}

header{justify-content:space-between}.wordmark{margin-left:0}#identity{margin-left:auto}

#drive-config{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 12px}#attached-media{margin-top:10px;line-height:1.6;overflow-wrap:anywhere}.storage-group{margin:22px 0}.storage-table-wrap{overflow-x:auto}.storage-group .toolbar{margin-bottom:4px}.storage-group td:first-child{overflow-wrap:anywhere;min-width:160px}fieldset{margin:16px 0}select{max-width:100%}

.fat-import{display:flex;align-items:center;gap:8px}.fat-import input{max-width:260px}#fat-entry-form:empty{display:none}#fat-list td:first-child{overflow-wrap:anywhere;max-width:320px}#fat-list .toolbar{margin:0;flex-wrap:nowrap}#fat-message:empty,#fat-download:empty{display:none}#fat-download{margin:12px 0}#fat-crumbs{overflow-wrap:anywhere}

.wordmark{display:block;width:215px;height:36px;flex:none}
.package-paths{max-height:260px;overflow:auto;margin-bottom:12px}.package-paths td{overflow-wrap:anywhere}#package-paths{height:180px;font:12px monospace}#fat-package-plan:empty{display:none}#fat-package{max-width:100%}

#status:empty{display:none}.screen-wrap:fullscreen:focus,.screen-wrap:fullscreen:focus-visible,.screen-wrap:fullscreen canvas:focus{outline:none}

.audio-mixer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:12px}.audio-channel{display:grid;gap:10px}.audio-channel>label{font-weight:bold}.audio-channel input[type=range]{width:100%;margin:0}.audio-channel output{font-variant-numeric:tabular-nums}@media(max-width:480px){.audio-mixer{grid-template-columns:1fr}}

.controller-devices{white-space:pre-wrap;overflow-wrap:anywhere;max-height:110px;overflow:auto}.controller-bindings{max-height:220px;overflow:auto;margin:12px 0}.binding-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(100px,1fr) minmax(130px,1.3fr) auto auto;align-items:end;gap:8px;margin-bottom:12px}.binding-row label{display:grid;gap:4px}.binding-row select{width:100%;min-width:0}.binding-row .field-row{align-self:center}@media(max-width:640px){.binding-row{grid-template-columns:1fr 1fr}.binding-row>label:nth-child(3){grid-column:1/-1}}

.mt32-display{display:flex;align-items:center;gap:16px;padding:10px 14px;margin:12px auto;max-width:440px;background:#292929;color:#ddd;border:2px inset #777}.mt32-display[hidden]{display:none}.mt32-display output{font:18px/1.4 monospace;white-space:pre;background:#4c6547;color:#d9f0b2;padding:4px 8px;border:2px inset #151c13}.mt32-led{width:8px;height:8px;border-radius:50%;background:#492b23;flex:none}.mt32-led.active{background:#ff693c;box-shadow:0 0 5px #ff693c}

.drive-lights{display:flex;gap:12px;margin:8px 0;font:12px monospace}.drive-light:before{content:'';display:inline-block;width:9px;height:9px;margin-right:5px;background:#444;border:1px inset silver;border-radius:50%}.drive-light[data-activity=read]:before{background:#00e040}.drive-light[data-activity=write]:before{background:#ffb000}

.hardware-status{display:flex;align-items:center;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;font:12px monospace}.hardware-status #video-status{margin-left:auto;text-align:right}

.fullscreen-capture{display:none}.screen-wrap:fullscreen:not(.mouse-captured) .fullscreen-capture{display:block;position:absolute;right:12px;top:12px;z-index:10}