:root{--bg:#1a1a1a;--surface:#222;--text:#e0e0e0;--text-muted:#888;--accent:#fc0;--border:#444;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,sans-serif;font-size:14px}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;padding:16px}#app{max-width:900px;margin:0 auto}h1{margin-bottom:12px;font-size:18px;font-weight:600}#toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}#toolbar label{color:var(--text-muted);align-items:center;gap:6px;display:flex}#toolbar select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:14px}#btn-save{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:4px;margin-left:auto;padding:6px 14px;font-size:14px;font-weight:600}#btn-save:hover{opacity:.85}#editor-container{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}#layout-canvas{cursor:pointer;border-radius:6px}#action-panel{min-width:180px}#action-panel h3{color:var(--text-muted);margin-bottom:8px;font-size:14px;font-weight:600}#action-buttons{flex-direction:column;gap:4px;display:flex}.action-btn{text-align:left;background:var(--surface);width:100%;color:var(--text);border:2px solid var(--border);cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:5px 10px;font-size:13px;transition:border-color .15s,background-color .15s;display:flex}.action-btn-circle{background:#333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:900;display:flex}.action-btn-icon{border-radius:50%;flex-shrink:0;width:24px;height:24px}.action-btn:hover{filter:brightness(1.3)}.action-btn.active{border-color:var(--accent);background:#ffcc001f}.action-btn-clear{color:var(--text-muted);border-color:#555;font-style:italic}