body{margin:0;background-color:#2e2e2e;height:100vh;overflow:hidden;font-family:Arial,sans-serif}#app{display:flex;height:100%;overflow:auto}#app::-webkit-scrollbar{width:8px;height:8px}#app::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3);border-radius:4px;transition:background-color .2s}#app::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.6)}#app::-webkit-scrollbar-track{background:0 0}#app{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3)transparent}#sb{width:60px;background-color:rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;padding-top:10px}.sb-btn,.resource-actions button{background:0 0;border:none;cursor:pointer;padding:10px;border-radius:50%;transition:background-color .3s;max-height:44px;aspect-ratio:1/1}.sb-btn{margin-bottom:10px}.sb-btn:hover,.resource-actions button:hover{background-color:rgba(255,255,255,.1)}.material-icons{font-size:24px;color:#fff}#editor{flex-grow:1;position:relative}.CodeMirror{height:100%;font-family:monospace;font-size:14px;background-color:#212121}.action-btn{background:0 0;position:absolute;top:20px;right:20px;background:0 0;border:none;border-radius:50%;width:50px;height:50px;cursor:pointer;z-index:10;transition:background-color .3s}.action-btn:hover{background-color:rgba(255,255,255,.1)}#overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:9999;overflow:hidden}#html-preview{width:100%;height:100%;border:none}#res-panel{display:none;flex-grow:1;background-color:#212121;padding:20px;overflow-y:auto}.resource-item{margin-bottom:10px;padding:10px;display:flex;align-items:center;justify-content:space-between;color:#fff;gap:50px}.resource-actions{display:flex;gap:10px}.indicator{position:absolute;top:10px;left:10px;background:rgba(76,175,80,.8);color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;z-index:10;opacity:0;transition:opacity .3s}.CodeMirror-hints{background:#2b2b2b!important;border:1px solid #555!important;color:#fff!important}.CodeMirror-hint{color:#fff!important}.CodeMirror-hint-active{background:#555!important;color:#fff!important}