body{font-family:Arial,sans-serif;margin:0;padding:0;font-size:14px;height:100vh;overflow:hidden;background-color:#f5f5f5;-webkit-tap-highlight-color:transparent}.container{display:flex;width:100%;height:100vh}.sidebar{z-index:1;width:18%;height:100%;left:0;min-width:200px;box-sizing:border-box;background-color:#1c213c;padding:20px;box-shadow:2px 0 5px #515151dc;transition:left .3s}.sidebar .title{font-size:20px;padding:0 0 16px;width:100%;height:auto;text-align:center;color:#f4fcff;font-weight:700;text-shadow:#8ef0ff 2px 1px 10px;border-bottom:1px solid #bbbbbb49}.sidebar .list{overflow-y:auto;width:100%;height:calc(100% - 44px);padding:20px 20px 0 0}.sidebar .list::-webkit-scrollbar{background-color:transparent;width:4px;height:4px}.sidebar .list::-webkit-scrollbar-thumb{background-color:#bbb;width:4px;height:4px;border-radius:4px;background:rgba(230,230,230,.682)}.sidebar .list::-webkit-scrollbar-track{border-radius:0;background:transparent}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{margin-bottom:20px;text-align:center}.sidebar li:last-child{margin-bottom:40px}.sidebar li a{display:block;text-decoration:none;outline:none;color:inherit}.sidebar img{width:88%;min-width:88%;min-height:100px;max-height:200px;border-radius:10px;font-size:12px;color:#bfc2c3;transition:transform .3s;object-fit:cover;background-color:#000;cursor:pointer}.sidebar img:hover{transform:scale(1.05)}.sidebar p{margin:8px 0 0;font-size:13px;font-weight:400;color:#d3d8da;transition:color .3s}.sidebar .active{color:#8ef0ff;font-weight:700}.content{position:relative;z-index:0;margin:0;width:82%;box-sizing:border-box;padding:12px;overflow:hidden;background-color:#ecf0f1}.lil-gui.root{left:auto;top:16px;right:15px;bottom:auto;border-radius:0 10px 0 0}.lil-gui.root>div:first-child{border-radius:0 10px 0 0}.lil-gui .gui-stats{line-height:24px;padding:4px}.stats canvas{border-radius:4px 0 0}.empty{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:700}#work-preview{position:relative;width:calc(100% - 4px);height:calc(100% - 4px);padding:2px;margin:0;border:none;border-radius:10px;box-shadow:0 4px 12px #0006}#webgl{position:absolute;z-index:0;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px)}#iframe{position:absolute;display:none;z-index:0;top:12px;left:12px;box-sizing:border-box;width:calc(100% - 24px);height:calc(100% - 24px);border:none;border-radius:10px}#webgl canvas{border-radius:10px}.content .info{position:absolute;z-index:10001;top:0;left:50%;width:max-content;max-width:80%;transform:translate(-50%);margin-top:0;padding:12px}#expand-btn{display:none;position:fixed;top:50%;left:8px;width:40px;height:40px;transform:translateY(-50%);z-index:2;-webkit-user-select:none;user-select:none;cursor:pointer;background-size:contain;background-image:url(/assets/expand-r-a9f1ca86.svg);background-color:#00000052;opacity:.5}#expand-btn.active{background-image:url(/assets/expand-l-e2d93201.svg)}.expand-layer{pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000;transition:background-color .3s;z-index:0}.expand-layer.active{pointer-events:all;display:block;background-color:#0000002a}@media screen and (max-width: 640px){#expand-btn{display:block}.sidebar{position:absolute;top:0;left:-100%;box-shadow:1px 0 5px #fff9}.sidebar img{min-height:85px}.sidebar.expanded{left:0}.content{z-index:0;margin:0;width:100%;box-sizing:border-box;padding:0;overflow:hidden;background-color:#ecf0f1}.lil-gui.root{left:auto;top:auto;max-height:50%;max-width:80%;bottom:4px;right:4px;border-radius:0 0 10px}}