/* Scoped property editor: neutral surfaces, readable controls, blue actions. */
.ve-panel{--ve-bg:#12151b;--ve-layer:#1b2029;--ve-line:#333b49;--ve-text:#ecf0f8;--ve-muted:#a8b3c5;--ve-blue:#73a7ff;color:var(--ve-text);font-size:14px;line-height:1.5}
.ve-panel *{box-sizing:border-box}.ve-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.ve-heading h3{margin:3px 0 0;font-size:20px;line-height:1.3}.ve-eyebrow{font-size:10px;letter-spacing:.11em;font-weight:700;color:var(--ve-blue)}.ve-tag{border:1px solid var(--ve-line);border-radius:7px;padding:4px 8px;font:12px ui-monospace,monospace;max-width:30%;overflow:hidden;text-overflow:ellipsis}.ve-context{color:var(--ve-muted);font:12px ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:12px 0 6px}.ve-help{color:var(--ve-muted);font-size:12px;margin:5px 0 12px}.ve-fields{border:0;padding:0;margin:0;min-width:0}.ve-label,.ve-property-title{display:block;font-size:12px;font-weight:600;margin:0 0 6px}.ve-panel input:not([type=checkbox]),.ve-panel select,.ve-panel textarea{color:var(--ve-text);background:var(--ve-bg);border:1px solid var(--ve-line);border-radius:7px;padding:9px 10px;font:inherit;min-width:0;max-width:100%;width:100%;outline-offset:3px}.ve-panel textarea{resize:vertical;display:block}.ve-panel input[type=color]{min-height:39px;padding:4px;width:100%;cursor:pointer}.ve-panel input[type=checkbox]{accent-color:#6198f5;width:14px;height:14px;margin:0}.ve-panel button{font:inherit;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--ve-line);background:var(--ve-layer);color:var(--ve-text);border-radius:7px;min-height:34px;padding:7px 10px}.ve-panel button:hover:not(:disabled){background:#2a3546;border-color:#6c87ad}.ve-panel button:disabled{opacity:.45;cursor:default}.ve-panel :focus-visible{outline:2px solid var(--ve-blue);outline-offset:3px}.ve-panel .ve-primary{background:#2868d4;border-color:#4d8af1;color:white;padding:10px 16px}.ve-panel .ve-primary:hover:not(:disabled){background:#3379eb}.ve-panel .ve-secondary{background:transparent}.ve-appearance{margin:18px 0;border-top:1px solid var(--ve-line);padding-top:14px}.ve-appearance summary{cursor:pointer;font-weight:650;font-size:13px;list-style-position:inside;margin-bottom:9px}.ve-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ve-property{padding:11px;background:var(--ve-layer);border:1px solid var(--ve-line);border-radius:9px}.ve-property-control{display:flex;align-items:stretch;gap:6px}.ve-property-control button{padding:4px 7px;font-size:10px;flex:none}.ve-property-control input,.ve-property-control select{font-size:12px}.ve-apply{display:flex;align-items:center;gap:6px;color:var(--ve-muted);font-size:11px;margin-top:8px}.ve-position{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--ve-line);padding:14px 0}.ve-position h4,.ve-image h4{font-size:13px;margin:0}.ve-position p{margin:3px 0 0;max-width:300px}.ve-move{display:flex;gap:6px;flex:none}.ve-actions{display:flex;justify-content:flex-end;gap:8px;margin:12px 0}.ve-error{color:#ffb4b8;font-size:13px;white-space:pre-wrap}.ve-error:empty,.ve-status:empty{display:none}.ve-status{color:#a8d4ff;font-size:13px}.ve-note{background:var(--ve-layer);border-left:3px solid #598de5;padding:10px;color:var(--ve-muted);font-size:12px}.ve-agent{border-top:1px solid var(--ve-line);margin-top:16px;padding-top:16px}.ve-agent button{margin-top:8px;width:100%;text-align:left;border-color:#45628a;color:#b3d0ff}.ve-image{display:grid;gap:7px}.ve-image .ve-label,.ve-image .ve-help{margin:0}.ve-image h4{margin-bottom:4px}.ve-discard{background:#292216;border:1px solid #8b7247;border-radius:8px;padding:12px;margin-top:14px}.ve-discard p{margin:0 0 10px;color:#f1dbb4}.ve-discard>div{display:flex;gap:8px;flex-wrap:wrap}.ve-panel [hidden]{display:none!important}.ve-panel [data-refresh]{width:100%;margin-top:10px;color:#b3d0ff}.ve-panel [data-style][data-default=true]{opacity:.55}.ve-panel [data-style][data-default=true]+button{color:#b7d2ff;border-color:#7fa6d8}
@media(max-width:540px){.ve-grid{grid-template-columns:1fr}.ve-position{align-items:flex-start;flex-direction:column}.ve-move{width:100%}.ve-move button{flex:1}.ve-heading h3{font-size:18px}.ve-actions button{flex:1}}
@media(prefers-reduced-motion:reduce){.ve-panel *{scroll-behavior:auto!important;transition:none!important}}