:root{--bg: #0b0b0f;--panel: #12121a;--panel2: #171723;--text: #ffffff;--muted: #a8a8b5;--accent: #ff009c;--border: rgba(255,255,255,.12)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Arial;background:var(--bg);color:var(--text)}.app{display:grid;grid-template-columns:260px 1fr 320px;height:100vh}.panel{border-right:1px solid var(--border);background:var(--panel);overflow:auto}.panel.right{border-left:1px solid var(--border);border-right:none;background:var(--panel2)}.header{padding:12px;border-bottom:1px solid var(--border);display:flex;gap:8px;align-items:center;justify-content:space-between}.btn{background:transparent;color:var(--text);border:1px solid var(--border);padding:8px 10px;border-radius:10px;cursor:pointer;display:inline-flex;gap:8px;align-items:center}.btn:hover{border-color:var(--accent)}.btn.accent{border-color:var(--accent);color:var(--accent)}.thumb{margin:10px;padding:10px;border:1px solid var(--border);border-radius:12px;cursor:pointer;background:#ffffff08}.thumb.selected{outline:2px solid var(--accent)}.small{color:var(--muted);font-size:12px}.canvasWrap{display:grid;place-items:center;height:100%}.canvasCard{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0006}.props{padding:12px;display:grid;gap:10px}.row{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:center}input,textarea,select{width:100%;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:#0003;color:var(--text)}textarea{min-height:90px;resize:vertical}hr{border:none;border-top:1px solid var(--border);margin:10px 0}