:root{--theme-a: #2b6b4f;--theme-b: #0f3d2e;--panel: rgba(255, 255, 255, .1);--panel-strong: rgba(255, 255, 255, .22);--ink: #fff;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{font:500 15px/1.3 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:linear-gradient(170deg,var(--theme-a),var(--theme-b));transition:background .4s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.app{display:grid;grid-template-rows:1fr auto;height:100dvh;padding:12px;gap:10px}.stage{display:grid;place-items:center;min-height:0}#stage{display:block;touch-action:none;cursor:none}body.is-loading #stage{opacity:0}.toolbar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;padding:10px 14px;border-radius:20px;background:#00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.group{display:flex;align-items:center;gap:6px;transition:opacity .2s ease}.group.is-dim{opacity:.4}.group+.group{padding-left:14px;border-left:1px solid rgba(255,255,255,.16)}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.chip{padding:7px 12px;border-radius:999px;background:var(--panel);white-space:nowrap;transition:background .15s ease,transform .15s ease}.chip:hover{background:var(--panel-strong)}.chip.is-active{background:#fff;color:#16321f}.tool{display:grid;justify-items:center;gap:2px;width:62px;padding:6px 2px;border-radius:14px;font-size:22px;background:var(--panel);transition:background .15s ease,transform .15s ease}.tool:hover{background:var(--panel-strong)}.tool.is-active{background:#fff;transform:translateY(-3px)}.tool.is-active .tool__name{color:#16321f}.tool__name{font-size:10px;font-weight:600;letter-spacing:.02em;opacity:.9}.swatch{width:28px;height:28px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 2px #0003;transition:transform .12s ease,box-shadow .12s ease}.swatch:hover{transform:scale(1.12)}.swatch.is-active{transform:scale(1.2);box-shadow:0 0 0 3px #fff}.picker{width:30px;height:30px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.picker::-webkit-color-swatch-wrapper{padding:2px}.picker::-webkit-color-swatch{border:2px dashed rgba(255,255,255,.7);border-radius:50%}.deco{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--panel)}.deco:hover{background:var(--panel-strong)}.deco.is-active{background:#fff}.thumb{width:30px;height:30px}.action{padding:9px 14px;border-radius:12px;background:var(--panel);white-space:nowrap}.action:hover{background:var(--panel-strong)}.action--primary{background:#fff;color:#16321f;font-weight:700}.action--primary:hover{background:#e8f5e9}.cursor{position:fixed;top:0;left:0;z-index:10;font-size:34px;line-height:1;opacity:0;pointer-events:none;margin:-18px 0 0 -17px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45));transition:opacity .12s ease}.cursor.is-visible{opacity:1}@media(max-width:900px){.toolbar{gap:6px 10px;padding:8px}.group+.group{padding-left:10px}.tool{width:52px;font-size:19px}.chip{padding:6px 10px;font-size:13px}.swatch{width:24px;height:24px}}@media(pointer:coarse){.cursor{display:none}#stage{cursor:default}}