.ip-drop{display:grid;place-items:center;gap:8px;padding:48px 20px;text-align:center;background:var(--panel);border:2px dashed var(--line);border-radius:16px}.ip-drop.over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel))}.ip-drop.err{border-color:var(--err)}.ip-drop[hidden]{display:none}.ip-drop-main{font-size:17px;font-weight:700}.ip-drop-sub{color:var(--muted);font-size:13px}.ip-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.ip-layout[hidden]{display:none}@media(max-width:860px){.ip-layout{grid-template-columns:1fr}}.ip-stage{display:grid;gap:10px;min-width:0}.ip-canvas-wrap{padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:14px}#ip-edit{display:block;width:100%;height:auto;border-radius:8px;touch-action:none;cursor:ns-resize}.ip-guide-hint{display:grid;gap:3px;color:var(--muted);font-size:12px;line-height:1.6}.ip-guide-hint b{color:var(--text);font-size:13px}.ip-legend{display:flex;flex-wrap:wrap;gap:8px}.ip-tag{padding:3px 10px;border-radius:999px;border:1px solid var(--line);border-left-width:3px;background:var(--panel2);font-size:12px}.ip-tag.t-top{border-left-color:#4ecb8d}.ip-tag.t-chin{border-left-color:#ff6b6b}.ip-tag.t-center{border-left-color:#fbbf24}.ip-panel{display:grid;gap:14px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.ip-panel select{width:100%;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:9px 11px;font:inherit;font-size:14px}.ip-panel select:focus{outline:none;border-color:var(--accent)}.ip-hint{color:var(--muted);font-size:12px;font-style:normal;line-height:1.6}.ip-preview,.ip-sheet{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.ip-preview-title{color:var(--muted);font-size:12px}#ip-out{display:block;width:100%;max-width:180px;height:auto;margin:0 auto;border:1px solid var(--line);border-radius:6px;background:#fff}.ip-out-info{text-align:center;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.ip-warn{padding:8px 10px;background:color-mix(in srgb,var(--err) 14%,var(--panel));border:1px solid color-mix(in srgb,var(--err) 45%,var(--line));border-radius:8px;color:var(--text);font-size:12px;line-height:1.6}.ip-warn[hidden]{display:none}.ip-note{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.7}