:root,[data-theme=dark]{color-scheme:dark;--c-bg: #0a0d12;--c-surface: #11161e;--c-surface-2: #1a2230;--c-border: #232b39;--c-border-strong: #2f3a4d;--c-text: #e6edf3;--c-text-dim: #8b95a7;--c-accent: #7aa2f7;--c-accent-strong: #a4c0fb;--c-danger: #f7768e;--c-toast-bg: #1f2733;--c-toast-text: #e6edf3}[data-theme=light]{color-scheme:light;--c-bg: #f7f7f8;--c-surface: #ffffff;--c-surface-2: #f0f1f4;--c-border: #e1e3e8;--c-border-strong: #cdd0d6;--c-text: #1a1d23;--c-text-dim: #6b7280;--c-accent: #3b82f6;--c-accent-strong: #2563eb;--c-danger: #ef4444;--c-toast-bg: #1a1d23;--c-toast-text: #f7f7f8}:root{--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--radius-1: 4px;--radius-2: 8px;--radius-3: 12px;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Pretendard", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, monospace;--motion-fast: .12s cubic-bezier(.2, 0, 0, 1);--motion-base: .2s cubic-bezier(.2, 0, 0, 1);--shadow-toast: 0 10px 30px rgba(0, 0, 0, .25)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:14px;line-height:1.4;background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}button{font:inherit;color:inherit}canvas{display:block}h1,h2,h3,h4,p{margin:0}.app-shell{display:grid;grid-template-columns:320px 1fr;height:100vh}.app-sidebar{display:flex;flex-direction:column;background:var(--c-surface);border-right:1px solid var(--c-border);overflow:hidden;min-width:0}.app-sidebar-header{padding:var(--s-4);border-bottom:1px solid var(--c-border);display:flex;flex-direction:column;gap:var(--s-2)}.app-back{font-size:12px;color:var(--c-text-dim);text-decoration:none;transition:color var(--motion-fast)}.app-back:hover{color:var(--c-text)}.app-title{font-size:14px;font-weight:600;letter-spacing:-.01em}.app-controls{flex:1;overflow-y:auto;padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}.app-actions{padding:var(--s-3) var(--s-4);border-top:1px solid var(--c-border);display:flex;gap:var(--s-2)}.app-stage{position:relative;overflow:hidden;background:var(--c-bg);display:flex;align-items:center;justify-content:center}.stage-canvas{width:100%;height:100%}.stage-canvas[data-fit=letterbox]{width:auto;height:auto;max-width:100%;max-height:100%;background:var(--c-surface);box-shadow:0 0 0 1px var(--c-border)}@media (max-width: 720px){.app-shell{grid-template-columns:1fr;grid-template-rows:1fr auto}.app-sidebar{border-right:none;border-top:1px solid var(--c-border);grid-row:2;max-height:50vh}}.custom-tool-page{display:grid;grid-template-rows:auto 1fr;height:100vh;min-height:0}.custom-tool-header{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--c-border);background:var(--c-surface)}.custom-tool-body{min-height:0;overflow:hidden}.control-panel{display:flex;flex-direction:column;gap:var(--s-3)}.ctrl{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--s-1) var(--s-2);font-size:12px}.ctrl-label{color:var(--c-text-dim)}.ctrl-value{font-family:var(--font-mono);color:var(--c-text);font-size:11px;text-align:right}.ctrl input[type=range],.ctrl input[type=color],.ctrl input[type=number],.ctrl input[type=text],.ctrl select{grid-column:1 / -1;width:100%;height:28px;padding:0 var(--s-2);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-1);color:var(--c-text);font:inherit;outline:none;transition:border-color var(--motion-fast)}.ctrl input[type=range]{padding:0;-webkit-appearance:none;appearance:none;background:transparent;border:none;height:24px}.ctrl input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--c-surface-2);border-radius:2px}.ctrl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--c-accent);border-radius:50%;margin-top:-5px}.ctrl input[type=range]::-moz-range-track{height:4px;background:var(--c-surface-2);border-radius:2px}.ctrl input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--c-accent);border-radius:50%;border:none}.ctrl input[type=color]{padding:2px;cursor:pointer}.ctrl input:focus,.ctrl select:focus{border-color:var(--c-accent)}.ctrl-toggle{grid-template-columns:1fr auto}.ctrl-toggle input[type=checkbox]{width:36px;height:20px;accent-color:var(--c-accent)}.ctrl-seed .ctrl-row{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;gap:var(--s-2)}.ctrl-btn{height:28px;padding:0 var(--s-3);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-1);color:var(--c-text);cursor:pointer;font-family:var(--font-mono);font-size:11px;transition:border-color var(--motion-fast),background var(--motion-fast)}.ctrl-btn:hover{border-color:var(--c-accent);background:var(--c-surface)}.ctrl-text{grid-template-columns:1fr}.ctrl-textarea,.ctrl-textinput{grid-column:1 / -1;width:100%;padding:var(--s-2);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-1);color:var(--c-text);font:inherit;font-family:inherit;resize:vertical;outline:none;transition:border-color var(--motion-fast)}.ctrl-textinput{height:28px;padding:0 var(--s-2)}.ctrl-textarea:focus,.ctrl-textinput:focus{border-color:var(--c-accent)}.ctrl-file{grid-template-columns:1fr}.ctrl-file-row{grid-column:1 / -1;display:flex;align-items:center;gap:var(--s-2)}.ctrl-file-thumb{width:36px;height:36px;object-fit:cover;border-radius:var(--radius-1);border:1px solid var(--c-border)}.ctrl-file-clear{font-size:11px;padding:0 var(--s-2)}.ctrl-size{grid-template-columns:1fr}.ctrl-size-row{grid-column:1 / -1;display:flex;align-items:center;gap:var(--s-1)}.ctrl-size-input{flex:1;height:28px;padding:0 var(--s-2);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-1);color:var(--c-text);font:inherit;font-family:var(--font-mono);outline:none}.ctrl-size-input:focus{border-color:var(--c-accent)}.ctrl-size-x{color:var(--c-text-dim);font-family:var(--font-mono);font-size:12px}.ctrl-size-presets{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--s-1)}.ctrl-size-preset{flex:1 1 auto;font-size:10px;padding:0 var(--s-2);height:24px;min-width:0}.gallery{max-width:1100px;margin:0 auto;padding:var(--s-7) var(--s-5)}.gallery-header{margin-bottom:var(--s-6);display:flex;flex-direction:column;gap:var(--s-3)}.gallery-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.gallery-header h1{font-size:24px;font-weight:700;letter-spacing:-.02em}.gallery-header p{color:var(--c-text-dim);font-size:13px}.chip-row{display:flex;flex-wrap:wrap;gap:var(--s-1);margin-top:var(--s-2)}.chip{height:28px;padding:0 var(--s-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:999px;color:var(--c-text-dim);cursor:pointer;font-size:11px;letter-spacing:.02em;transition:border-color var(--motion-fast),color var(--motion-fast),background var(--motion-fast)}.chip:hover{border-color:var(--c-border-strong);color:var(--c-text)}.chip-active{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.chip-active:hover{border-color:var(--c-accent-strong);color:#fff}.gallery-empty{padding:var(--s-6);border:1px dashed var(--c-border);border-radius:var(--radius-2);color:var(--c-text-dim);text-align:center}.gallery-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s-3)}.gallery-card{display:flex;flex-direction:column;gap:var(--s-1);padding:var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-2);text-decoration:none;color:var(--c-text);transition:border-color var(--motion-fast),transform var(--motion-fast)}.gallery-card:hover{border-color:var(--c-accent);transform:translateY(-2px)}.gallery-card-name{font-weight:600;font-size:14px}.gallery-card-id{font-family:var(--font-mono);font-size:11px;color:var(--c-text-dim)}.gallery-card-desc{font-size:12px;color:var(--c-text-dim);margin-top:var(--s-1);line-height:1.5}.not-found{padding:var(--s-7);text-align:center;color:var(--c-text-dim)}.not-found a{color:var(--c-accent)}.toast-stack{position:fixed;bottom:var(--s-5);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--s-2);pointer-events:none;z-index:1000}.toast{background:var(--c-toast-bg);color:var(--c-toast-text);padding:var(--s-2) var(--s-4);border-radius:var(--radius-2);font-size:12px;box-shadow:var(--shadow-toast);animation:toast-in var(--motion-base)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}