*,:before,:after{box-sizing:border-box}html,body,#root{overscroll-behavior:none;width:100%;height:100%;margin:0;padding:0}body{color:#1c1c1e;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#f0efed;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;cursor:pointer;background:#fff;border:1px solid #d8d6d3;border-radius:6px;padding:4px 10px}button:hover{background:#f6f5f3}select,input[type=number]{font:inherit;background:#fff;border:1px solid #d8d6d3;border-radius:6px;padding:3px 6px}input[type=range]{accent-color:#2c2c2e}label{-webkit-user-select:none;user-select:none}.cutout-palette-grid{grid-template-columns:repeat(6,1fr);gap:4px;padding:6px;display:grid}@media (pointer:coarse){.hint-footer{display:none}.cutout-palette-grid{max-height:96px;overflow-y:auto}}.cutout-text-input::selection{color:#1c1c1e;background:#1c1c1e2e}.cutout-text-input::-webkit-input-placeholder{color:#1c1c1e66}video::-webkit-media-controls{-webkit-appearance:none!important;display:none!important}video::-webkit-media-controls-panel{-webkit-appearance:none!important;display:none!important}video::-webkit-media-controls-start-playback-button{-webkit-appearance:none!important;display:none!important}video::-webkit-media-controls-overlay-play-button{-webkit-appearance:none!important;display:none!important}