*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#1a1a2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.header h1{margin-bottom:8px;font-size:2rem}.header p{opacity:.9}.main-content{flex:1;gap:16px;padding:16px;display:flex}@media (width<=1024px){.main-content{flex-direction:column}}.cube-view{background:linear-gradient(#1a1a2e 0%,#16213e 100%);border-radius:12px;flex:1;min-height:500px;position:relative;overflow:hidden}.loading{color:#fff;font-size:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.control-panel{background:#fff;border-radius:12px;width:520px;min-width:520px;overflow:hidden;box-shadow:0 4px 6px #0000001a}@media (width<=1024px){.control-panel{width:100%;min-width:auto}}.tabs{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex}.tab{cursor:pointer;color:#666;background:0 0;border:none;flex:1;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.tab:hover{background:#e9ecef}.tab.active{color:#667eea;background:#fff;border-bottom:2px solid #667eea}.tab-content{max-height:calc(100vh - 250px);padding:16px;overflow:hidden auto}.footer{color:#aaa;text-align:center;background:#16213e;padding:16px;font-size:14px}.color-picker{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}button{transition:all .2s}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0003}button:disabled{opacity:.6}input[type=text]{font-size:14px;transition:border-color .2s}input[type=text]:focus{border-color:#667eea;outline:none}input[type=range]{-webkit-appearance:none;background:#e9ecef;border-radius:3px;outline:none;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#667eea;border-radius:50%;width:18px;height:18px}