:root{font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:#171717;background:#008080;font-synthesis:none;line-height:1.5;font-size:15px}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:linear-gradient(135deg,#007b7b,#008787 60%,#007575)}
button,input,select,textarea{font:inherit}button,input,select,textarea,a{outline-offset:4px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #142a99}
button{border:2px solid;border-color:#fff #242424 #242424 #fff;background:#c8c8c8;box-shadow:1px 1px 0 #000;padding:7px 17px;color:#111;min-height:38px;cursor:pointer}
button:active:not(:disabled){border-color:#242424 #fff #fff #242424;box-shadow:none;transform:translate(1px,1px)}button:disabled{cursor:wait;color:#656565}button.primary{font-weight:700;outline:1px solid #000;outline-offset:3px;min-width:210px}
input,select,textarea{border:2px solid;border-color:#555 #fff #fff #555;background:#fff;padding:8px;width:100%;border-radius:0;min-height:40px}textarea{resize:vertical}input[readonly],textarea[readonly]{background:#f8f8f8}
label{display:block;margin:13px 0 5px;font-weight:600}h1,h2,h3,p{margin:0}h1{font-size:29px;font-weight:650;letter-spacing:-1px;line-height:1.15}h1 span{font-weight:400}h2{font-size:19px;margin-bottom:12px}h3{font-size:16px;margin-bottom:7px}p+p{margin-top:12px}
#app{min-height:calc(100dvh - 42px);display:flex;align-items:center;justify-content:center;padding:52px 24px}
.window{background:#c4c4c4;border:3px solid;border-color:#f5f5f5 #303030 #303030 #f5f5f5;box-shadow:9px 9px 0 #0003;width:min(100%,600px)}
.titlebar{background:#000080;color:#fff;font-weight:650;min-height:31px;padding:3px 7px;display:flex;align-items:center;gap:8px;letter-spacing:.1px}
.system-icon{width:18px;height:18px;background:#c4c4c4;border:2px solid;border-color:#fff #303030 #303030 #fff;display:inline-flex;align-items:center;justify-content:center;color:#111;font-size:16px;line-height:1}
.titlebar-text{flex:1}.titlebadge{font-size:11px;font-weight:400;letter-spacing:1px;color:#dfdfff}
.menubar{border-bottom:1px solid #8b8b8b;padding:5px 14px;font-size:13px;display:flex;gap:20px}.menubar .muted{color:#666}
.content{padding:30px 34px 26px}.brand{display:flex;align-items:center;gap:22px;margin:6px 0 25px}.brand p{font-size:12px;letter-spacing:2px;text-transform:uppercase;margin-top:7px;color:#414141}
.os-mark{width:57px;height:57px;display:grid;grid-template-columns:1fr 1fr;gap:4px;transform:skewY(-9deg);flex-shrink:0}.os-mark i{border:2px solid #fff9;box-shadow:1px 1px #222;background:#000080}.os-mark i:nth-child(2){background:#f3d55d}.os-mark i:nth-child(3){background:#168780}.os-mark i:nth-child(4){background:#bb554b}
.separator{border:0;border-top:1px solid #888;border-bottom:1px solid #fff;margin:21px 0}
.intro{color:#323232;max-width:45ch;font-size:14px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:23px;align-items:center}.hint{font-size:12px;color:#414141;margin-top:16px}.statusbar{border-top:1px solid #888;padding:6px 9px;display:flex;gap:12px;font-size:12px}.statusbar span{border:1px solid;border-color:#8a8a8a #f2f2f2 #f2f2f2 #8a8a8a;padding:2px 7px;flex:1}
.error{background:#fff0e7;border:1px solid #98452b;margin:18px 0 0;padding:10px 12px;font-size:14px}.message{background:#eaf0ee;border:1px solid #436e65;padding:12px;margin:14px 0}.error:empty{display:none}
details{margin-top:24px;border-top:1px solid #8a8a8a;padding-top:12px}summary{cursor:pointer;font-size:13px;width:fit-content}details p{font-size:13px;margin-top:12px}.desktop-footer{position:fixed;bottom:0;left:0;right:0;color:#d0eeee;font-size:11px;letter-spacing:.5px;padding:10px 20px;display:flex;justify-content:space-between;pointer-events:none}
.boot p{padding:24px}.noscript{margin:20px;background:#fff;padding:20px}.workspace{width:min(1180px,100%)}.workspace .content{padding:24px}.workspace-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:25px}
.sidebar{border-right:1px solid #8c8c8c;padding-right:20px}.sidebar button{width:100%;margin-bottom:14px;padding:8px 10px;text-align:left}.sidebar .account{overflow-wrap:anywhere;font-size:13px;margin-bottom:22px}.role{display:block;font-size:11px;letter-spacing:.7px;text-transform:uppercase;color:#4b4b4b;margin-top:3px}
.panel{border:1px solid;border-color:#888 #fff #fff #888;padding:18px;margin-bottom:20px}.panel p{font-size:14px}.key-list,.session-list{list-style:none;margin:0;padding:0}.item{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #a0a0a0;padding:12px 0}.item:first-child{border-top:0}.item small{display:block;color:#404040}.item button{font-size:12px;padding:4px 10px;white-space:nowrap;min-height:33px}.tag{font-size:10px;text-transform:uppercase;color:#000080;margin-left:6px}
.empty{font-size:13px;color:#444}.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.full{grid-column:1/-1}.scroll-table{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{font-weight:650;background:#b3b3b3}th,td{border:1px solid #929292;padding:8px;vertical-align:top}td button{font-size:12px;min-height:30px;padding:3px 7px}td select{font-size:12px;min-height:30px;padding:3px;min-width:90px}.audit-list{font-size:12px;max-height:360px;overflow:auto;margin:0;padding-left:22px}.audit-list li{padding:5px 0;overflow-wrap:anywhere}
.mono{font-family:Consolas,monospace;font-size:12px}.hidden{display:none!important}.screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){#app{padding:26px 12px 60px;align-items:flex-start}.content{padding:25px 21px}.brand{gap:17px}h1{font-size:25px}.os-mark{width:46px;height:46px}.workspace-layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #888;padding:0 0 8px;display:flex;gap:10px;flex-wrap:wrap}.sidebar button{width:auto;flex:1}.sidebar .account{width:100%;margin-bottom:4px}.workspace .content{padding:16px}.grid-form{grid-template-columns:1fr}.item{align-items:flex-start}.titlebadge{display:none}.actions button{flex:1}.desktop-footer{background:#007b7b}.panel{padding:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
#app.desktop-shell{display:flex;align-items:stretch;justify-content:stretch;flex-direction:column;padding:0;height:100dvh;min-height:0;background:#087f80;overflow:hidden}
.desktop-top{display:flex;align-items:center;gap:16px;background:#c4c4c4;border-bottom:2px solid #333;padding:5px 12px;font-size:13px;flex-wrap:wrap}.desktop-top strong{flex:1}.desktop-top button{min-height:32px;padding:3px 12px}
.desktop-area{position:relative;flex:1;min-height:0;isolation:isolate}.program-group{margin:26px;max-width:770px;background:#c4c4c4;border:3px solid;border-color:#fff #333 #333 #fff;padding:16px 22px;box-shadow:5px 5px #0003}.program-group h1{font-size:17px;border-bottom:1px solid #888;padding-bottom:10px}.program-icons{display:flex;flex-wrap:wrap;gap:8px;padding:15px 0}.program-icon{background:transparent;border:1px solid transparent;box-shadow:none;min-width:110px;max-width:150px;display:flex;flex-direction:column;align-items:center;font-size:13px;padding:12px 8px}.program-icon:hover{border-color:#fff #777 #777 #fff}.app-icon{font-family:Consolas,monospace;font-size:34px;color:#000080;line-height:1.2;text-shadow:1px 1px white}
.os-window{position:absolute;display:flex;flex-direction:column;background:#c4c4c4;border:3px solid;border-color:#fff #333 #333 #fff;box-shadow:6px 6px #0004;max-width:100%;max-height:100%;min-width:0}.os-window[hidden]{display:none}.os-window>.titlebar{background:#666;min-height:34px;padding:2px 4px;gap:4px}.os-window.active-window>.titlebar{background:#000080}.os-window .titlebar-text{cursor:move;touch-action:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.window-control{min-height:25px;min-width:27px;box-shadow:none;padding:0 4px;font-size:18px;line-height:1}.window-content{flex:1;overflow:auto;padding:16px;min-height:0}.os-window.maximized{inset:0!important;width:100%!important;height:100%!important}.window-grip{position:absolute;bottom:0;right:0;padding:0;border:0;box-shadow:none;min-height:17px;width:20px;font-size:17px;cursor:nwse-resize;touch-action:none}.maximized .window-grip{display:none}.window-list{display:flex;gap:6px;padding:6px;background:#c4c4c4;border-top:2px solid #eee;overflow:auto;min-height:44px}.window-list button{font-size:12px;min-height:30px;white-space:nowrap;padding:4px 12px}.window-list button[aria-pressed=true]{background:#eee;border-color:#444 #fff #fff #444}
.system-menu{margin:0;padding:0;border:0;position:relative;color:#111}.system-menu summary{list-style:none;background:#c4c4c4;border:2px outset #fff;min-width:25px;min-height:25px;text-align:center}.system-commands{position:absolute;top:29px;left:0;width:260px;background:#c4c4c4;border:2px outset #fff;box-shadow:4px 4px #0004;z-index:2;padding:4px;display:flex;flex-direction:column}.system-commands button{text-align:left;box-shadow:none;border:0;font-size:13px}.system-commands button:hover{background:#000080;color:#fff}.os-dialog{width:min(560px,95vw);max-height:90dvh;padding:3px;background:#c4c4c4;color:#111;border:3px outset #eee;box-shadow:10px 10px #0005}.os-dialog::backdrop{background:#00191988}.dialog-body{padding:20px;overflow:auto}.dialog-body>button{margin:18px 10px 0 0}.dialog-body input[type=checkbox],input[type=checkbox]{width:20px;min-height:20px;margin:0 8px;vertical-align:middle}.column-control{display:flex;align-items:center;gap:8px;border-bottom:1px solid #999;padding:4px}.column-control label{font-size:12px;flex:1}.column-control input[type=number]{width:90px}.column-grip{position:absolute;right:0;top:0;bottom:0;width:14px;cursor:col-resize;touch-action:none;font-size:11px;padding-top:12px;background:#bbb}th{position:relative}th>button{border:0;box-shadow:none;background:transparent;font:inherit;text-align:left;padding:0 16px 0 0;min-height:24px}.large-type{font-size:17px}.blue-desktop{background:#182653!important}body:has(.desktop-shell)>.desktop-footer{display:none}.toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:10px}.toolbar button{font-size:12px;padding:5px 10px;min-height:33px}.toolbar input{flex:1;min-width:140px;width:auto}.muted{color:#454545}.empty-state{padding:35px;text-align:center;background:#eee;border:1px inset #fff}
@media(max-width:719px){.desktop-top{gap:5px;padding:4px 7px}.desktop-top strong{font-size:12px}.desktop-top span{display:none}.program-group{margin:12px;padding:14px}.program-icons{gap:2px}.program-icon{min-width:95px;max-width:120px}.os-window{display:none}.os-window.active-window:not([hidden]){display:flex}.window-content{padding:10px}.window-control{min-height:30px;min-width:30px}.os-window>.titlebar{min-height:38px}.desktop-shell .titlebar-text{font-size:13px}.column-control{flex-wrap:wrap}}
.explorer-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:-3px 0 12px;border-bottom:1px solid #777;padding-bottom:7px}.explorer-tab{display:inline-flex}.explorer-tabs button{min-height:30px;padding:4px 10px;font-size:12px}.explorer-tab button[aria-pressed=true]{background:#eee;border-bottom-color:#eee}.breadcrumbs{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:5px;background:#eee;border:2px inset #fff;margin-bottom:10px}.breadcrumbs button{border:0;box-shadow:none;background:transparent;font-size:12px;padding:2px 5px;min-height:27px}.explorer-split{display:grid;grid-template-columns:190px minmax(0,1fr);gap:10px;min-height:210px}.folder-tree{background:#eee;border:2px inset #fff;padding:8px;max-height:480px;overflow:auto;font-size:12px}.folder-tree details{padding:4px 0 0 7px;margin:0;border:0}.folder-tree summary{font-size:12px;overflow-wrap:anywhere}.folder-tree button{font-size:11px;min-height:26px;padding:3px 5px;box-shadow:none;margin:4px 0}.file-main{min-width:0}.file-content{overflow:auto;background:#fff;border:2px inset #fff;max-height:480px}.file-table{table-layout:fixed;width:max-content;min-width:100%;font-size:12px}.file-table th:first-child{width:46px}.file-table th:last-child{width:140px}.file-table td{vertical-align:middle;overflow-wrap:anywhere;padding:5px}.file-table .selected,.file-tile.selected{background:#d8e0ff}.file-name{border:0;box-shadow:none;background:none;display:flex;align-items:center;gap:8px;text-align:left;padding:2px!important;min-height:28px;max-width:100%;overflow-wrap:anywhere}.file-name .app-icon{font-size:23px;flex-shrink:0}.file-status{border:1px inset #fff;padding:5px 8px;margin-top:10px;font-size:11px}.download-link{display:inline-block;padding:6px 10px;color:#000080;text-decoration:underline}.icon-view{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;padding:10px}.file-tile{border:1px solid #aaa;display:flex;flex-direction:column;align-items:center;width:145px;padding:10px;font-size:12px}.file-tile .file-name{flex-direction:column;text-align:center}.file-tile .app-icon{font-size:40px}.file-tile button{font-size:12px;padding:3px;min-height:28px}.file-preview{display:block;max-width:100%;max-height:55dvh;margin:12px auto;object-fit:contain}.text-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:white;border:2px inset #fff;padding:10px;max-height:50dvh;overflow:auto;font-size:13px}.properties{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;font-size:13px}.properties dt{font-weight:600}.properties dd{margin:0;overflow-wrap:anywhere}.destination-list{max-height:40dvh;overflow:auto;display:flex;flex-direction:column;gap:5px;margin-top:14px}progress{width:100%;margin-top:14px}
@media(max-width:719px){.explorer-split{grid-template-columns:1fr}.folder-tree{max-height:140px}.file-content{max-height:none}.file-table{min-width:600px}.toolbar{gap:5px}.toolbar button{min-height:36px}.explorer-tabs{gap:3px}}
.device-table{table-layout:fixed;min-width:800px}.device-table td{overflow-wrap:anywhere}.device-table td button{display:block;margin-bottom:6px}.session-editor{padding:15px 0;border-bottom:1px solid #999}.session-editor>button{margin:12px 10px 0 0}.session-editor>p{font-size:12px}.session-editor label{font-size:13px}
