:root{--bg:#0e0f12;--panel:#16181d;--panel-2:#1d2027;--line:#2a2e37;--line-soft:#22252d;--text:#e8e9ec;--muted:#9097a3;--minor:#646b77;--accent:#e5383b;--accent-soft:#e5383b24;--gold:#f2c14e;--ok:#3fb96b;--warn:#e0a030;--err:#ef5350;--radius:8px;--ui:"Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--top-h:52px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--text);font:14px/1.5 var(--ui);margin:0}body{flex-direction:column;display:flex;overflow:hidden}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:5px 11px;line-height:1.35;display:inline-flex}button:hover:not(:disabled){background:#232731;border-color:#3a3f4b}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:#f04447;border-color:#f04447}button.ghost{color:var(--muted);background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){color:var(--text);background:var(--panel-2);border-color:var(--line)}button.on{background:var(--accent-soft);color:#ffb3b4;border-color:#e5383b80}button.danger{color:var(--err)}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=text],input[type=number],input[type=url],input[type=password],select,textarea{background:var(--bg);border:1px solid var(--line);border-radius:6px;min-width:0;padding:5px 8px}input[type=number]{width:76px}textarea{resize:vertical;width:100%}input[type=color]{background:var(--bg);border:1px solid var(--line);border-radius:6px;width:40px;height:28px;padding:2px}input[type=range]{accent-color:var(--accent);width:100%}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:var(--mono)}.spacer{flex:1}.topbar{height:var(--top-h);background:var(--panel);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:14px;padding:0 14px;display:flex}.brand{letter-spacing:.01em;align-items:center;gap:8px;font-size:16px;font-weight:800;text-decoration:none;display:flex}.brand img{border-radius:6px}.pages{gap:2px;margin-left:8px;display:flex}.pages a{color:var(--muted);border-radius:6px;padding:6px 10px;text-decoration:none}.pages a:hover{color:var(--text);background:var(--panel-2)}.pages a.on{color:var(--text);background:var(--panel-2);box-shadow:inset 0 -2px 0 var(--accent)}.tb-group{align-items:center;gap:6px;display:flex}.tb-group+.tb-group{border-left:1px solid var(--line);padding-left:12px}.workspace{flex-direction:column;flex:1;min-height:0;display:flex}.stage{background:#050506;flex:1;min-height:160px;position:relative;overflow:hidden}.stage canvas{display:block}.label-layer{pointer-events:none;position:absolute;inset:0}.tag{color:#c9cdd4;white-space:nowrap;background:#0a0b0eb8;border:1px solid #ffffff14;border-radius:4px;padding:1px 6px;font-size:11px;transform:translateY(-50%)}.tag.is-selected{background:var(--accent);color:#fff;border-color:var(--accent)}.tag-bar{color:var(--gold)}.stage-hint{color:var(--minor);pointer-events:none;background:#05050699;border-radius:6px;padding:3px 8px;font-size:12px;position:absolute;bottom:10px;left:12px}.resizer{cursor:ns-resize;background:var(--line-soft);border-top:1px solid var(--line);flex:none;height:6px}.resizer:hover{background:var(--accent-soft)}.panels{background:var(--panel);flex-direction:column;flex:none;height:320px;min-height:120px;display:flex}.tabs{border-bottom:1px solid var(--line);flex:none;gap:2px;padding:6px 10px 0;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:6px 6px 0 0;padding:7px 14px}.tabs button:hover{color:var(--text);background:var(--panel-2)}.tabs button.on{background:var(--panel-2);color:var(--text);box-shadow:inset 0 2px 0 var(--accent)}.tab-badge{background:var(--line);color:var(--muted);border-radius:9px;padding:0 6px;font-size:10px}.tab-badge.ok{color:var(--ok);background:#3fb96b2e}.tab-body{background:var(--panel-2);flex:1;min-height:0;padding:12px 14px;overflow:auto}.split{grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:14px;height:100%;display:grid}.list{flex-direction:column;gap:2px;min-height:0;display:flex;overflow:auto}.list-head{align-items:center;gap:6px;margin-bottom:6px;display:flex}.list-head h3{color:var(--muted);letter-spacing:.03em;margin:0;font-size:12px;font-weight:600}.item{text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;width:100%;padding:6px 8px;display:grid}.item:hover{background:var(--panel);border-color:var(--line)}.item.on{background:var(--accent-soft);border-color:#e5383b73}.swatch{border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #ffffff26}.item-name{text-overflow:ellipsis;font-weight:600;overflow:hidden}.item-meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.form{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-content:start;gap:10px 22px;display:grid}.field{grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:30px;display:grid}.field>label{color:var(--muted);font-size:12px}.field .val{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;min-width:46px;font-size:12px}.field.wide{grid-column:1/-1}.presets{flex-wrap:wrap;gap:4px;display:flex}.preset{border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0;box-shadow:0 0 0 1px #ffffff26}.preset:hover{border-color:#fff}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.empty{color:var(--muted);padding:18px 4px}.section-title{color:var(--muted);letter-spacing:.03em;margin:4px 0 8px;font-size:12px;font-weight:600}.cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);flex-direction:column;gap:8px;padding:12px;display:flex}.card h4{align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.chat{grid-template-rows:auto minmax(0,1fr) auto;gap:8px;height:100%;display:grid}.chat-log{flex-direction:column;gap:8px;padding-right:4px;display:flex;overflow:auto}.msg{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;max-width:82%;padding:8px 11px}.msg.user{background:#2a2f3a;align-self:flex-end}.msg.ai{background:var(--panel);border:1px solid var(--line);align-self:flex-start}.msg.sys{color:var(--muted);background:0 0;align-self:center;font-size:12px}.msg.err{color:var(--err);align-self:center;font-size:12px}.ops{color:var(--muted);flex-direction:column;gap:2px;margin-top:6px;font-size:12px;display:flex}.ops div:before{content:"↳ ";color:var(--accent)}.chat-input{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.chat-input textarea{min-height:40px;max-height:120px}.attach-list{flex-wrap:wrap;gap:6px;display:flex}.attach{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:inline-flex}.status-dot{background:var(--minor);border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.ok{background:var(--ok)}.status-dot.err{background:var(--err)}.log{font-family:var(--mono);background:var(--bg);border:1px solid var(--line);white-space:pre-wrap;color:#b9c0cc;border-radius:6px;max-height:140px;padding:8px;font-size:12px;overflow:auto}.toasts{z-index:100;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.toast{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px;max-width:380px;padding:8px 12px;box-shadow:0 8px 24px #00000080}.toast.ok{border-left-color:var(--ok)}@media (width<=900px){.split{grid-template-columns:1fr;height:auto}.pages a{padding:6px}.tb-group#file-buttons{display:none}}