*{box-sizing:border-box}.dd-shell{color:#000;background:teal;min-height:100vh;padding:16px;font:12px MS Sans Serif,Tahoma,Arial,sans-serif}.dd-window,.dd-connect{background:silver;border:3px outset #fff;max-width:1180px;margin:auto;box-shadow:4px 4px #003f3f}.dd-title{color:#fff;background:linear-gradient(90deg,navy,#1084d0);align-items:center;gap:7px;margin:2px;padding:5px 6px;display:flex}.dd-title>span{font-size:20px}.dd-title b{flex:1}.dd-title button,.dd-title a{color:#000;background:silver;border:2px outset #fff;padding:3px 8px;text-decoration:none}.dd-window>nav{border-bottom:1px solid #888;padding:7px 10px}.dd-menu{align-items:center;gap:6px;display:flex;position:relative}.dd-menu>span{flex:1}.dd-menu button,.dd-popover button{background:silver;border:2px outset #fff;padding:4px 8px}.dd-popover{z-index:20;background:silver;border:3px outset #fff;width:min(310px,100vw - 28px);position:absolute;top:75px;right:18px;box-shadow:3px 3px #00000073}.dd-popover>header{color:#fff;background:navy;align-items:center;padding:4px 5px;display:flex}.dd-popover>header b{flex:1}.dd-popover>header button{padding:0 6px;font-weight:700}.dd-qr-popover{text-align:center;padding-bottom:8px}.dd-qr-popover header{text-align:left;margin-bottom:8px}.dd-qr-popover img{background:#fff;width:210px;max-width:80%;margin:4px auto 8px;display:block}.dd-activity-popover>div{background:#fff;max-height:340px;overflow:auto}.dd-activity-popover p{border-bottom:1px solid #ddd;margin:0;padding:7px}.dd-details-popover>p{background:#fff;border-bottom:1px solid #aaa;justify-content:space-between;gap:10px;margin:0;padding:8px;display:flex}.dd-details-actions{gap:7px;padding:8px;display:grid}.dd-details-actions .dd-destroy{color:#fff;background:#a00000;font-weight:700}.dd-password-control{background:#dfdfdf;border-top:1px solid #888;gap:7px;padding:9px;display:grid}.dd-password-control>b{font-size:12px}.dd-password-control p{margin:0;font-size:11px;line-height:1.35}.dd-password-control input{background:#fff;border:2px inset #fff;width:100%;min-width:0;padding:6px}.dd-password-control button{justify-self:start;font-weight:700}.dd-viewer-backdrop{z-index:100;background:#00000073;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.dd-viewer{background:silver;border:3px outset #fff;grid-template-rows:auto auto minmax(0,1fr);width:min(940px,96vw);height:min(760px,90vh);display:grid;box-shadow:5px 5px #0000008c}.dd-viewer>header{color:#fff;background:linear-gradient(90deg,navy,#1084d0);align-items:center;gap:6px;margin:2px;padding:5px 6px;display:flex}.dd-viewer>header b{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dd-viewer>header button,.dd-viewer-toolbar button,.dd-no-preview button{color:#000;background:silver;border:2px outset #fff;padding:5px 10px}.dd-viewer>header button{padding:0 7px;font-weight:700}.dd-viewer-toolbar{border-bottom:2px groove #fff;justify-content:flex-end;gap:6px;padding:6px;display:flex}.dd-viewer-content{background:#555;border:2px inset #fff;place-items:center;min-height:0;display:grid;overflow:auto}.dd-viewer-content img,.dd-viewer-content video{object-fit:contain;max-width:100%;max-height:100%;display:block}.dd-viewer-content audio{width:min(520px,90%)}.dd-viewer-content iframe{background:#fff;border:0;width:100%;height:100%}.dd-viewer-content pre{color:#000;white-space:pre-wrap;background:#fff;place-self:stretch stretch;margin:0;padding:16px;font:13px/1.45 Consolas,Monaco,monospace;overflow:auto}.dd-no-preview{color:#fff;text-align:center;padding:30px}.dd-no-preview>span{font-size:58px;display:block}.dd-no-preview b{margin:8px;font-size:16px;display:block}.dd-toolbar{border-bottom:2px groove #fff;gap:5px;padding:7px;display:flex;overflow:auto}.dd-toolbar button,.dd-connect button{white-space:nowrap;background:silver;border:2px outset #fff;padding:7px 11px}.dd-address{border-bottom:2px groove #fff;align-items:center;gap:3px;padding:5px;display:flex}.dd-address button{background:#fff;border:0;padding:5px}.dd-main{height:calc(100vh - 175px);min-height:470px}.dd-main aside{background:#d8e7f3;padding:8px;overflow:auto}.dd-main aside section{background:#fff;border:1px solid #7a9db8;margin-bottom:10px}.dd-main h3{color:#fff;background:navy;margin:0;padding:6px}.dd-main aside p{border-bottom:1px solid #ddd;justify-content:space-between;gap:8px;margin:0;padding:6px;display:flex}.dd-main aside button{background:silver;border:2px outset #fff;margin:7px;padding:6px}.dd-main aside img{width:150px;margin:5px auto 10px;display:block}.dd-event{display:block!important}.dd-event small{color:#666;margin-top:2px;display:block}.dd-files{background:#fff;border:2px inset #fff;height:100%;position:relative;overflow:auto}.dd-files.dragging{outline-offset:-10px;background:#e8ffff;outline:6px dashed teal}.dd-columns,.dd-files article{grid-template-columns:minmax(220px,1fr) 90px 100px 245px;align-items:center;min-width:760px;display:grid}.dd-columns{z-index:2;background:silver;position:sticky;top:0}.dd-columns b{border:2px outset #fff;padding:5px}.dd-files article{border-bottom:1px solid #ddd;min-height:35px}.dd-files article:hover{background:#dcecff}.dd-files article>span{padding:4px}.dd-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:7px;overflow:hidden}.dd-files article>span:last-child{gap:4px;display:flex}.dd-files article button,.dd-files article a{color:#000;background:silver;border:1px outset #fff;padding:4px;text-decoration:none}.dd-empty{color:#666;text-align:center;place-items:center;height:80%;min-height:300px;font-size:24px;display:grid}.dd-empty small{font-size:13px}.dd-window footer{grid-template-columns:1fr auto auto;gap:4px;padding:4px;display:grid}.dd-window footer span{border:2px inset #fff;padding:4px}.dd-connect{max-width:760px;padding:3px}.dd-connect>header{color:#fff;background:navy;align-items:center;gap:15px;padding:20px;display:flex}.dd-connect header>span{font-size:55px}.dd-connect h1{margin:0;font-size:42px}.dd-connect header p{margin:3px 0}.dd-start{grid-template-columns:1fr 1fr;gap:10px;padding:16px;display:grid}.dd-start section{border:2px groove #fff;padding:14px}.dd-start h2{margin-top:0}.dd-start label{margin:9px 0;display:block}.dd-start input,.dd-start select{background:#fff;border:2px inset #fff;width:100%;margin-top:4px;padding:8px;display:block}.dd-start button{color:#fff;background:navy;width:100%;margin-top:8px}.dd-status{background:#fff;border:2px inset #fff;margin:0 16px 10px;padding:7px}.dd-connect>a{margin:0 16px 14px;display:inline-block}.dd-key-row{display:block!important}.dd-key-row b{margin-bottom:3px;display:block}.dd-key-row span{text-overflow:ellipsis;white-space:nowrap;background:#eee;border:1px inset #fff;padding:4px;font:10px Consolas,monospace;display:block;overflow:hidden}.dd-main aside .dd-destroy{color:#fff;background:#a00000;width:calc(100% - 14px);font-weight:700;display:block}.dd-recent{border:2px groove #fff;margin:0 16px 14px;padding:10px}.dd-recent h2{margin:0 0 8px}.dd-recent button{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;color:#000!important;background:#fff!important;margin:4px 0!important;display:flex!important}.dd-recent button b,.dd-recent button span{display:block}.dd-recent button span{color:#555;font-size:10px}@media (width<=720px){.dd-shell{padding:0}.dd-main{grid-template-columns:1fr;height:auto}.dd-main aside{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dd-files{min-height:65vh}.dd-start,.dd-window footer{grid-template-columns:1fr}.dd-window footer span:nth-child(n+2){display:none}}@media (width<=500px){.dd-main aside{grid-template-columns:1fr}.dd-title b{font-size:10px}.dd-title button{display:none}.dd-menu{flex-wrap:wrap}.dd-menu>span{flex-basis:100%}.dd-menu button{flex:1;min-height:34px}.dd-popover{top:112px;right:6px}.dd-viewer-backdrop{padding:6px}.dd-viewer{width:100%;height:88dvh}.dd-viewer-toolbar button{flex:1;min-height:38px}}