:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:#fff}body{display:block}.app{width:100vw;height:100vh;background:#fff;position:relative;overflow:hidden;font-family:Space Grotesk,Sora,Montserrat,sans-serif}.menu-button{position:fixed;top:18px;left:50%;transform:translate(-50%);padding:10px 18px;border-radius:999px;border:1px solid rgba(20,20,20,.12);background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:14px;letter-spacing:.02em;color:#111;cursor:pointer;z-index:2}.menu-button:hover{background:#fff}.settings-dialog{position:fixed;top:68px;left:50%;transform:translate(-50%);width:min(420px,90vw);padding:18px 20px;border-radius:18px;border:1px solid rgba(20,20,20,.12);background:#ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 40px #00000014;z-index:2;text-align:left}.settings-title{font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:#5a5a5a;margin-bottom:12px}.settings-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-bottom:14px;font-size:14px;color:#1a1a1a}.settings-color-row{align-items:center}.settings-color-swatch{width:28px;height:28px;border-radius:8px;border:1px solid rgba(20,20,20,.2);cursor:pointer;box-shadow:inset 0 0 0 2px #fff9}.settings-color-swatch:focus-visible{outline:2px solid rgba(20,20,20,.6);outline-offset:2px}.settings-color-popover{z-index:4;padding:10px;border-radius:12px;border:1px solid rgba(20,20,20,.12);background:#fffffff5;box-shadow:0 18px 32px #00000029}.settings-row input[type=number]{width:110px;padding:6px 10px;border-radius:10px;border:1px solid rgba(20,20,20,.12);background:#ffffffe6;color:#111}.settings-value{font-variant-numeric:tabular-nums;color:#555}.settings-accordion{border:1px solid rgba(20,20,20,.1);border-radius:12px;padding:12px;background:#fff9;margin-bottom:12px}.settings-accordion summary{cursor:pointer;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#5a5a5a;margin-bottom:10px;list-style:none}.settings-accordion summary::-webkit-details-marker{display:none}.settings-save{margin-top:4px;padding:10px 16px;border-radius:12px;border:1px solid rgba(20,20,20,.12);color:#111;font-size:13px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,background .2s ease}.settings-save.is-dirty{background:#ffd240f2}.settings-save.is-saved{background:#58d681e6}.settings-save:hover{transform:translateY(-1px)}.settings-reset{margin-left:10px;padding:10px 16px;border-radius:12px;border:1px solid rgba(20,20,20,.12);background:#fffc;color:#111;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.settings-reset:hover{background:#fff}.settings-export{margin-left:10px;padding:10px 16px;border-radius:12px;border:1px solid rgba(20,20,20,.12);background:#0a0a0a14;color:#111;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.settings-export:hover{background:#0a0a0a24}.copy-notice{position:fixed;top:16px;right:16px;padding:10px 14px;border-radius:12px;background:#141414e6;color:#fff;font-size:12px;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 12px 24px #0003;animation:fadeNotice 1.8s ease forwards;z-index:3}@keyframes fadeNotice{0%{opacity:0;transform:translateY(-6px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.medusae-root{width:100%;height:100%;position:relative}.medusae-canvas{width:100%;height:100%}