:root{color-scheme:dark;font-family:'Open Sans',sans-serif;color:#e2e2e2;background:#131313}*{box-sizing:border-box}body{margin:0}header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid #353535;background:#161616}.brand{font:700 26px Oswald,sans-serif;color:#fff;text-decoration:none}.brand span{font-weight:500;color:#aaa;margin-left:5px}.eyebrow{font-size:9px;letter-spacing:2.5px;color:#aaa}main{display:grid;grid-template-columns:290px 1fr;height:calc(100dvh - 70px);min-height:600px}aside{padding:28px 24px;background:#1b1b1b;border-right:1px solid #353535;overflow:auto}h1{font:600 42px/1.12 Oswald,sans-serif;text-transform:uppercase;letter-spacing:-1px;margin:16px 0}p{font-size:12px;line-height:1.8;color:#aaa}label{display:block;font-size:9px;letter-spacing:1.4px;margin:19px 0 9px;color:#bcbcbc}button,select{font:500 11px 'Open Sans',sans-serif;background:#222;color:#eee;border:1px solid #484848;padding:11px 9px;cursor:pointer;min-height:40px}select{width:100%;text-overflow:ellipsis}button:hover{background:#383838;border-color:#aaa}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid white;outline-offset:3px}button[aria-pressed=true]{background:#e2e2e2;color:#131313;border-color:#e2e2e2}.row{display:flex;gap:6px;margin:7px 0}.row button{flex:1}fieldset{border:0;padding:0;margin:0;min-width:0}fieldset:disabled{opacity:.4}input[type=range]{width:100%;accent-color:#ddd}input[type=checkbox]{accent-color:#ddd}.demo{font-size:8px;letter-spacing:1px;padding:10px;border:1px solid #4b4b4b;color:#ccc}.viewport{position:relative;overflow:hidden;background:#101214;min-width:0}#potree_render_area{position:absolute;inset:0;background:#101214}#message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:90%;padding:20px;background:#202020e8;border:1px solid #555;text-align:center;font-size:13px;z-index:5}.viewport-label{position:absolute;top:24px;left:26px;font-size:9px;letter-spacing:2px;pointer-events:none;color:#aaa}.dot{display:inline-block;width:5px;height:5px;background:#ddd;margin-right:10px}#hint{position:absolute;bottom:22px;left:20px;right:20px;font-size:9px;letter-spacing:1px;color:#bbb;pointer-events:none;text-align:center;background:#131313b0;padding:10px}details{font-size:11px;margin-top:24px;border-top:1px solid #444;padding-top:15px}summary{cursor:pointer}.credit{font-size:9px;display:block;color:#999;margin-top:22px;text-decoration:none}output{float:right;color:#fff}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}#potree_quick_buttons{display:none!important}@media(max-width:700px){header{height:55px;padding:0 14px}header>.eyebrow{display:none}header button span{display:none}main{display:flex;flex-direction:column;height:auto;min-height:0}aside{order:2;border:0;padding:22px}.viewport{height:58dvh;min-height:340px;order:1}h1{font-size:34px;margin:10px 0}fieldset{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}fieldset>label,fieldset>.row,fieldset>select,fieldset>input,#slice-controls{grid-column:1/-1}label{margin-top:10px}.viewport-label{top:16px;left:16px}#hint{font-size:8px;bottom:12px}.demo{max-width:330px}}

a.brand:link,a.brand:visited,a.brand:hover,a.brand:active{color:#fff}a.credit:link,a.credit:visited{color:#999}
