:root{background:#f0f0ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#f0f0ef}canvas{display:block;width:100%;height:100%}.photo-canvas{filter:blur(0px) brightness(1);transition:filter .4s ease,opacity .4s ease}.photo-canvas.preview-active{filter:blur(4px) brightness(.9);opacity:.6}.category-controls{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:100;display:flex;gap:10px}.category-controls button{padding:8px 16px;background:#fff3;color:#fff;border:1px solid white;border-radius:4px;cursor:pointer;transition:all .3s;font-family:sans-serif;font-size:14px}.category-controls button:hover{background:#fff6}.category-controls button.active{background:#ffffffb3;color:#111}@media (prefers-color-scheme: light){:root{color:#f0f0ef;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#image-preview{position:fixed;bottom:0;right:0;max-width:48vw;max-height:100vh;object-fit:contain;object-position:center;z-index:2000;filter:blur(5px);transition:filter .1s ease;pointer-events:none;box-shadow:0 10px 40px #0000}#image-preview.is-visible{opacity:1;filter:blur(0px)}@media (max-width: 900px){#image-preview{bottom:20px;left:50%;right:auto;transform:translate(-50%);max-width:85vw;max-height:60vh}}