:root{--brand-color: #6b00e6;--color-text: #1e1e1e;--border-subtle: #95959549;--bg-body: #f5f5f5;--bg-content: #ecf0f1;--bg-sidebar: rgba(237, 237, 237, .9);--scrollbar-thumb: rgba(177, 177, 177, .682);--img-bg: #000000;--expand-btn-bg: #00000052;--overlay: #00000000;--overlay-active: #0000002a;--shadow-sidebar: 2px 0 5px rgba(100, 100, 100, .864);--shadow-sidebar-title: none;--shadow-sidebar-inverse: 1px 0 5px rgba(255, 255, 255, .6);--shadow-elevation: 0 4px 12px rgba(0, 0, 0, .4)}[data-theme=dark]{--brand-color: #fff311;--bg-body: #0f1115;--bg-content: #23262a;--bg-sidebar: rgba(28, 28, 28, .8);--color-text: #e0e0e0;--border-subtle: #ffffff22;--scrollbar-thumb: rgba(148, 148, 148, .3);--overlay: #00000000;--overlay-active: #00000066;--shadow-sidebar: 2px 0 5px rgba(0, 0, 0, .7);--shadow-sidebar-title: #8ef0ff 2px 1px 10px;--shadow-sidebar-inverse: 1px 0 5px rgba(0, 0, 0, .6);--shadow-elevation: 0 4px 12px rgba(0, 0, 0, .6)}body{font-family:Arial,sans-serif;margin:0;padding:0;font-size:14px;height:100vh;overflow:hidden;background-color:var(--bg-body);-webkit-tap-highlight-color:transparent}.container{display:flex;width:100%;height:100vh}.sidebar{position:relative;z-index:1;width:18%;height:100%;left:0;min-width:200px;box-sizing:border-box;background-color:var(--bg-sidebar);padding:20px;box-shadow:var(--shadow-sidebar);transition:left .3s;overflow:hidden}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:none}.sidebar .title{font-family:Orbitron,Consolas,Microsoft YaHei,sans-serif;font-size:20px;padding:0 0 16px;width:100%;height:auto;text-align:center;text-shadow:var(--shadow-sidebar-title);color:var(--color-text);font-weight:700;border-bottom:1px solid var(--border-subtle)}.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{width:4px;height:4px;border-radius:4px;background:var(--scrollbar-thumb)}.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:var(--color-text);transition:transform .3s;object-fit:cover;background-color:var(--img-bg);cursor:pointer}.sidebar img:hover{transform:scale(1.05)}.sidebar p{margin:8px 0 0;font-size:13px;font-weight:400;color:var(--color-text);transition:color .3s}.sidebar .active{color:var(--brand-color);font-weight:700}.content{position:relative;z-index:0;margin:0;width:82%;box-sizing:border-box;padding:12px;overflow:hidden;background-color:var(--bg-content)}.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;color:var(--color-text)}#work-preview{position:relative;width:calc(100% - 4px);height:calc(100% - 4px);padding:2px;margin:0;border:none;border-radius:10px;box-shadow:var(--shadow-elevation)}#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:var(--expand-btn-bg);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:var(--overlay);transition:background-color .3s;z-index:0}.expand-layer.active{pointer-events:all;display:block;background-color:var(--overlay-active)}@media screen and (max-width: 640px){#expand-btn{display:block}.sidebar{position:absolute;top:0;left:-100%;box-shadow:var(--shadow-sidebar-inverse)}.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:var(--bg-content)}.lil-gui.root{left:auto;top:auto;max-height:50%;max-width:80%;bottom:4px;right:4px;border-radius:0 0 10px}}