:root{--bg:#161616;--fg:#e5e5e5;--muted:#9a9a9a;--faint:#6e6e6e;--surface:#2a2a2a;--border:#3c3c3c;--divider:#4a4a4a;--danger:#ff6b6b;--radius:6px;--font:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Noto Sans JP", sans-serif;color-scheme:dark}html,body{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-text-size-adjust:100%;margin:0;font-size:14px;line-height:1.6}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{flex-direction:column;min-height:100dvh;display:flex}.app--empty{display:flex}.app--empty .app__toasts{bottom:32px}.empty{text-align:center;flex-direction:column;align-items:center;gap:34px;width:100%;max-width:420px;margin:auto;padding:0 32px;display:flex}.empty__logo{flex-direction:column;gap:12px;display:flex}.empty__title{letter-spacing:.16em;color:#fff;margin:0;font-size:17px;font-weight:700}.empty__lede{color:var(--muted);text-wrap:pretty;margin:0;font-size:14px;line-height:1.8}.empty__actions{flex-direction:column;gap:12px;width:100%;display:flex}.empty__btn{box-sizing:border-box;cursor:pointer;user-select:none;border:none;justify-content:center;align-items:center;width:100%;font-family:inherit;display:inline-flex}.empty__btn--primary{min-height:52px;color:var(--bg);background:#fff;border-radius:10px;padding:16px;font-size:15px;font-weight:700}.empty__btn--outline{border:1px solid var(--border);color:#c9c9c9;background:0 0;border-radius:10px;min-height:48px;padding:14px;font-size:14px}.empty__btn--link{color:var(--faint);background:0 0;padding:8px;font-size:12.5px;text-decoration:underline}.empty__btn:disabled,.empty__btn.is-busy{opacity:.5;cursor:not-allowed}.empty__status{color:var(--muted);margin:0;font-size:12.5px}.empty__footnote{color:var(--faint);margin:0;font-size:11.5px;line-height:2}.app__bar{justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;display:flex}.app__bar-btn{min-height:44px;font:inherit;cursor:pointer;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.app__bar-btn--close{color:var(--muted);font-size:13px}.app__bar-btn--save{color:var(--fg);font-size:13px;font-weight:600}.app__bar-btn--copy{color:var(--bg);background:#fff;border-radius:22px;padding:10px 16px;font-size:13px;font-weight:700}.app__bar-actions{align-items:center;gap:10px;display:flex}.app__brand{letter-spacing:.14em;color:#fff;font-size:13px;font-weight:700}.app__toasts{z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 14px;display:flex;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.app__toast{background:var(--surface);color:#fff;white-space:nowrap;border-radius:20px;margin:0;padding:10px 20px;font-size:13px;box-shadow:0 4px 16px #00000080}.app__toast--error{color:var(--danger)}.app__stage{background-color:#212121;background-image:conic-gradient(#212121 25%, #292929 0 50%, #212121 0 75%, #292929 0);background-size:28px 28px;flex:auto;min-height:0;padding:14px;display:flex}.stage{flex:auto;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.stage__host{box-shadow:0 0 0 1px var(--border);line-height:0}.stage__host canvas{display:block}.button{border:1px solid var(--divider);border-radius:var(--radius);background:var(--surface);min-height:32px;color:var(--fg);font:inherit;cursor:pointer;user-select:none;justify-content:center;align-items:center;padding:0 12px;line-height:1;display:inline-flex}.button:hover:not(:disabled){border-color:var(--fg)}.button:disabled{opacity:.45;cursor:not-allowed}:focus-visible,.dropzone input:focus-visible+label{outline-offset:2px;outline:2px solid #fff}.toolbar-dock{justify-content:center;padding:0 14px 18px;display:flex}.toolbar{background:var(--surface);border-radius:26px;align-items:center;gap:14px;max-width:100%;padding:8px 18px;display:flex;overflow-x:auto;box-shadow:0 4px 16px #0006}.toolbar__tabs{align-items:center;gap:14px;display:flex}.toolbar__tab{color:var(--muted);font:inherit;cursor:pointer;user-select:none;background:0 0;border:none;border-bottom:2px solid #0000;padding:4px 2px;font-size:13px;font-weight:400;line-height:1.2}.toolbar__tab.is-active{color:#fff;border-bottom-color:#fff;font-weight:600}.toolbar__divider{background:var(--divider);flex:none;width:1px;height:20px}.toolbar__group{align-items:center;gap:8px;display:flex}.toolbar__label{color:var(--muted);white-space:nowrap;font-size:11px}.toolbar__slider{appearance:none;background:0 0;width:120px;height:24px;margin:0;padding:0}.toolbar__slider::-webkit-slider-runnable-track{background:linear-gradient(to right, #fff 0%, #fff var(--toolbar-progress,0%), var(--divider) var(--toolbar-progress,0%), var(--divider) 100%);border-radius:2px;height:4px}.toolbar__slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:24px;height:24px;margin-top:-10px;box-shadow:0 1px 4px #00000080}.toolbar__slider::-moz-range-track{background:var(--divider);border-radius:2px;height:4px}.toolbar__slider::-moz-range-progress{background:#fff;border-radius:2px;height:4px}.toolbar__slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:24px;height:24px;box-shadow:0 1px 4px #00000080}.toolbar__slider:disabled{opacity:.4;cursor:not-allowed}.toolbar__swatches{align-items:center;gap:8px;display:flex}.toolbar__swatch{box-sizing:border-box;cursor:pointer;border:1px solid #ffffff40;border-radius:50%;width:28px;height:28px;padding:0}.toolbar__swatch--white{border-color:#6a6a6a}.toolbar__swatch.is-selected{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px #fff}.toolbar__swatch-custom{width:28px;height:28px;display:inline-flex;position:relative}.toolbar__swatch--custom{background:conic-gradient(#c96a6a,#c9b56a,#6ac98a,#6a9fc9,#a06ac9,#c96a6a)}.toolbar__swatch-input{opacity:0;cursor:pointer;border:none;border-radius:50%;width:28px;height:28px;margin:0;padding:0;position:absolute;inset:0}.dropzone{width:100%}