:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--toast-fade:.2s;--bg:#f4f5f7;--surface:#fff;--border:#d3d7de;--text:#1c1f24;--text-muted:#616a76;--accent:#2563eb;--canvas-bg:#e6e8ec;--toast-bg:#1c1f24;--toast-text:#f7f8fa;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;font-size:87.5%}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#16181d;--surface:#1f2229;--border:#363b45;--text:#e8eaed;--text-muted:#9aa3b0;--accent:#6b9bff;--canvas-bg:#101216;--toast-bg:#e8eaed;--toast-text:#16181d}}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);overflow:hidden}#app{flex-direction:column;height:100dvh;display:flex}button,select,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{appearance:none;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;padding:.4rem .9rem}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary:not(:disabled){border-color:var(--accent);background:var(--accent);color:#fff}select{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:.3rem .4rem}input[type=range]{width:8rem;accent-color:var(--accent)}.field{white-space:nowrap;color:var(--text-muted);align-items:center;gap:.4rem;display:inline-flex}.field-value{font-variant-numeric:tabular-nums;min-width:4rem;color:var(--text)}[hidden]{display:none!important}.app-header{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.app-title{letter-spacing:.02em;margin:0;font-size:1.05rem;font-weight:700}.app-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-left:auto;display:flex}.app-toolbar{border-bottom:1px solid var(--border);background:var(--surface)}.toolbar{flex-wrap:wrap;align-items:center;gap:1.2rem;min-height:2.9rem;padding:.5rem 1rem;display:flex}.toolbar.is-disabled{opacity:.5}.kind-group{border:0;align-items:center;gap:.9rem;margin:0;padding:0;display:flex}.kind-group legend{float:left;color:var(--text-muted);padding:0}.kind-note{font-size:.9em}.kind-option{cursor:pointer;align-items:center;gap:.3rem;display:inline-flex}.kind-option.is-unavailable{opacity:.5;cursor:not-allowed}.canvas-area{background:var(--canvas-bg);flex:1;justify-content:center;align-items:center;min-height:0;padding:1rem;display:flex;position:relative;overflow:hidden}.canvas-stage{display:contents}.canvas-view{touch-action:none;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%;display:block;box-shadow:0 2px 12px #00000040}.canvas-stage.is-interactive .canvas-view{cursor:crosshair}.canvas-area:has(.canvas-stage.is-dragging){cursor:crosshair}.selection{background:color-mix(in srgb, var(--accent) 20%, transparent);pointer-events:none;border:1px dashed #fff;outline:1px dashed #000;position:absolute}.dropzone{border:2px dashed var(--border);width:min(40rem,100%);height:min(20rem,100%);color:var(--text-muted);text-align:center;cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:2rem;display:flex}.dropzone:hover{border-color:var(--accent);color:var(--text)}.dropzone-title{color:var(--text);margin:0;font-size:1.15rem;font-weight:700}.dropzone-hint{margin:0}.drop-overlay{border:3px dashed var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text);pointer-events:none;z-index:10;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex;position:absolute;inset:0}.app-footer{border-top:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;padding:.45rem 1rem;overflow:hidden}.toasts{pointer-events:none;z-index:100;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.toast{background:var(--toast-bg);max-width:min(90vw,40rem);color:var(--toast-text);opacity:1;transition:opacity var(--toast-fade) ease;border-radius:999px;padding:.6rem 1.1rem;font-size:.95rem;line-height:1.4;box-shadow:0 4px 16px #00000040}.toast.is-leaving{opacity:0}@media (prefers-reduced-motion:reduce){.toast{transition:none}}