:root{--moth-mint-deep: #afd596;--moth-mint: #c1eaa5;--moth-lime: #eef8a6;--moth-pale-sage: #b7cab7;--moth-mist: #d2e9d7;--moth-ice: #d4dddf;--moth-lavender: #d5d0e7;--moth-orchid: #cea7d0;--moth-blush: #f9d0e7;--moth-wine: #66293b}html,body,#root{margin:0;min-height:100%;background:var(--moth-ice)}.moth-shell{position:relative;block-size:100svh;inline-size:100%;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 18% 24%,#eef8a6e0,#eef8a600 34%),radial-gradient(circle at 78% 26%,#f9d0e7bd,#f9d0e700 36%),radial-gradient(circle at 52% 64%,#d4dddfb3,#d4dddf00 44%),linear-gradient(120deg,#afd596,#c1eaa5,#eef8a6,#b7cab7,#d2e9d7 56%,#d4dddf,#d5d0e7 80%,#cea7d0,#f9d0e7)}.moth-canvas{display:block;inline-size:100%;block-size:100%;touch-action:none}.moth-atmosphere,.moth-grain{position:absolute;inset:0;pointer-events:none}.moth-atmosphere{background:radial-gradient(circle at 50% 44%,#ffffff1a,#fff0 18%),radial-gradient(circle at 28% 36%,#c1eaa524,#c1eaa500 28%),radial-gradient(circle at 70% 34%,#d5d0e71f,#d5d0e700 30%),radial-gradient(circle at 58% 70%,#f9d0e71f,#f9d0e700 24%);opacity:.42}.moth-grain{background-image:linear-gradient(115deg,#ffffff06,#fff0 20%,#ffffff05 42%,#fff0 66%),repeating-linear-gradient(90deg,rgba(255,255,255,.008) 0,rgba(255,255,255,.008) 1px,transparent 1px,transparent 3px);opacity:.12}.moth-controls{position:absolute;top:1rem;right:1rem;z-index:5;display:grid;gap:.65rem;width:min(22rem,calc(100vw - 2rem));max-height:calc(100svh - 2rem);overflow:auto;padding:.9rem;border:1px solid rgba(42,35,24,.16);border-radius:1rem;background:#fffaf4d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 .75rem 2.5rem #2e1d241f}.moth-controls__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;font:600 .82rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#3e1d29e6}.moth-controls__title-group{display:grid;gap:.45rem}.moth-controls__variant-switch{display:inline-flex;gap:.25rem;padding:.2rem;border-radius:999px;background:#66293b14}.moth-controls__variant-button{border:0;border-radius:999px;padding:.35rem .7rem;background:transparent;color:#4f2735cc;font:600 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;cursor:pointer}.moth-controls__variant-button--active{background:#66293b;color:#fff9f3;box-shadow:0 .3rem .8rem #66293b2e}.moth-controls__reset{border:0;border-radius:999px;padding:.35rem .7rem;background:#66293b1a;color:#66293b;font:600 .75rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.moth-controls__reset:disabled{opacity:.45;cursor:default}.moth-controls__slider,.moth-controls__color,.moth-controls__select{display:grid;align-items:center;gap:.5rem}.moth-controls__select{grid-template-columns:4.75rem 1fr;font:500 .78rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#38272fe6}.moth-controls__select-inputs{display:grid;grid-template-columns:1fr auto;gap:.45rem;align-items:center}.moth-controls__select select{width:100%;min-width:0;border:1px solid rgba(102,41,59,.16);border-radius:.5rem;padding:.45rem .55rem;background:#fffc;color:#4f2735;font:500 .78rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.moth-controls__icon-button{width:2rem;height:2rem;border:0;border-radius:999px;background:#66293b1a;color:#66293b;font:500 1rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.moth-controls__icon-button:disabled{opacity:.45;cursor:default}.moth-controls__slider{grid-template-columns:4.75rem 1fr 2.6rem;font:500 .78rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#38272fe6}.moth-controls__slider input[type=range]{width:100%}.moth-controls__color{grid-template-columns:1fr 2.6rem;font:500 .78rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#38272fe6;justify-items:start}.moth-controls__color input[type=color]{width:2.6rem;height:2rem;border:0;padding:0;background:transparent;cursor:pointer}.moth-controls__color input[type=text]{width:100%;min-width:0;border:1px solid rgba(102,41,59,.16);border-radius:.5rem;padding:.45rem .55rem;background:#fffc;color:#4f2735;font:500 .78rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.moth-controls__details{display:grid;gap:.55rem}.moth-controls__details summary{cursor:pointer;font:600 .8rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#3e1d29e6;letter-spacing:.04em;text-transform:uppercase}.moth-controls__textarea{width:100%;min-height:18rem;resize:vertical;border:1px solid rgba(102,41,59,.16);border-radius:.75rem;padding:.75rem;background:#ffffffd1;color:#4f2735;font:500 .75rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.moth-controls__actions{display:flex;gap:.5rem;flex-wrap:wrap}.moth-controls__file{display:none}.moth-controls__group{display:grid;gap:.5rem;padding-top:.1rem}.moth-controls__group-title{margin:0;font:600 .74rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#522e3ab3}.moth-controls__error{margin:0;color:#8a2147;font:500 .74rem/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}@media(max-width:700px){.moth-controls{top:auto;right:.75rem;bottom:.75rem;left:.75rem;width:auto}}