body{margin:0;padding:0;font-family:SF Mono,Monaco,Menlo,Consolas,Courier New,monospace;color:white}.main-container,body{background-color:black}.main-container{width:100%;height:100vh;overflow:hidden}button{background:none;border:none;color:#fff;cursor:pointer;transition:background-color .2s}.settings-panel{position:fixed;top:0;right:0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:1.5rem;box-sizing:border-box;z-index:1000;transition:transform .3s ease-out;overflow-y:auto;color:#fff;box-shadow:0 0 20px rgba(0,0,0,.3);transform:translateX(100%)}.settings-panel.open{transform:translate(0)}@media (max-width:767px){.settings-panel{left:0;width:100%;height:100vh;transform:translateY(-100%)}}@media (min-width:768px){.settings-panel{width:350px;height:100vh}}.settings-panel h2{margin:0;font-size:1.5rem;font-weight:600}.settings-panel h3{margin-bottom:1rem;font-size:1.2rem;font-weight:600}.settings-panel h4{padding-top:1rem;font-weight:500}.settings-panel h4,.settings-panel header{display:flex;justify-content:space-between;align-items:center}.settings-panel header{margin-bottom:1.5rem}.settings-panel footer{margin-top:2rem;display:flex;justify-content:flex-end}.settings-panel input[type=range]{width:100%;height:4px;background:rgba(255,255,255,.1);border-radius:2px;outline:none;-webkit-appearance:none}.settings-panel input[type=text]{flex:1 1;padding:.5rem;background:rgba(255,255,255,.1);border:none;border-radius:4px;color:#fff;font-size:.9rem}.settings-panel input[type=color]{-webkit-appearance:none;height:auto;width:34px;padding:0;border:none;border-radius:4px;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}.settings-panel button{background:none;border:none;color:#fff;cursor:pointer;transition:background-color .2s}.settings-panel button:hover{background-color:rgba(255,255,255,.1)}.link-cubes{display:flex;gap:.75rem;align-items:center;justify-content:space-around;padding-top:1rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1rem}.color-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:.5rem;gap:.5rem}.custom-colors{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0}.custom-colors .color-row{display:flex;gap:.5rem;align-items:stretch;height:34px}.custom-colors button:disabled{cursor:not-allowed;opacity:.5}.custom-colors button:not(:disabled):hover{background:rgba(255,255,255,.2)}.add-color-button,.color-presets button,.custom-colors button,.refresh-button{background:rgba(255,255,255,.1);border-radius:4px;padding:.5rem;font-size:.9rem}.add-color-button:hover,.color-presets button.active,.color-presets button:hover,.custom-colors button:hover,.refresh-button:hover{background:rgba(255,255,255,.2)}.refresh-button{padding:.75rem 1.5rem;width:100%}