/* ============================================================
   AUROHUB — editor.css  v4.0
   Visual premium — dark refined, gold accents
   ============================================================ */

.editor-page { display:flex; flex-direction:column; height:100vh; overflow:hidden; }

/* ── TOPBAR ── */
.ed-topbar {
  height:var(--topbar-h); flex-shrink:0;
  background:linear-gradient(180deg, #0f1e32 0%, #0b1826 100%);
  border-bottom:1px solid rgba(201,168,76,0.12);
  display:flex; align-items:center; padding:0 12px; gap:8px;
  box-shadow:0 1px 0 rgba(0,0,0,0.4), 0 2px 12px rgba(0,0,0,0.3);
  z-index:100; position:relative;
  flex-wrap:nowrap; overflow:visible;
}

/* Dropdowns multi-cliente — destaque visual sutil */
#selSegmento { border-color:rgba(201,168,76,0.2); }
#selSegmento:focus, #selMarca:focus { border-color:rgba(201,168,76,0.6); }
#selMarca { font-weight:700; color:var(--ouro-light, #e0c868); }

/* Botão adaptar */
#btnAdapt { transition:all .18s; }
#btnAdapt:hover { background:rgba(34,197,94,0.1); border-color:rgba(34,197,94,0.7); transform:scale(1.03); }
.ed-topbar::before {
  content:''; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg, transparent, rgba(201,168,76,0.4), transparent);
}
.ed-logo { display:flex; align-items:center; gap:7px; flex-shrink:0; }
.ed-logo img { width:24px; height:24px; object-fit:contain; }
.ed-logo-name {
  font-family:var(--title); font-size:14px; font-weight:800;
  letter-spacing:.02em; color:var(--ouro);
  text-shadow:0 0 20px rgba(201,168,76,0.3);
}
.ed-sep { width:1px; height:20px; background:rgba(255,255,255,0.06); flex-shrink:0; }

.ed-select {
  height:30px; padding:0 26px 0 10px; min-width:100px;
  background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08);
  border-radius:6px; color:var(--txt2); font-size:12px; font-weight:600;
  cursor:pointer; outline:none; transition:all .18s; appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236a7d96' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 8px center;
}
.ed-select:hover { background:rgba(255,255,255,0.07); border-color:rgba(255,255,255,0.14); color:var(--txt); }
.ed-select:focus { border-color:rgba(201,168,76,0.5); box-shadow:0 0 0 2px rgba(201,168,76,0.1); color:var(--txt); }
.ed-select option { background:#0f1e32; color:var(--txt); }

.ed-tools {
  display:flex; gap:2px; padding:3px;
  background:rgba(0,0,0,0.2); border:1px solid rgba(255,255,255,0.06); border-radius:8px;
}
.tool-btn {
  width:28px; height:28px; display:flex; align-items:center; justify-content:center;
  border-radius:5px; color:var(--txt3); cursor:pointer; transition:all .15s; position:relative;
}
.tool-btn:hover { background:rgba(255,255,255,0.08); color:var(--txt); }
.tool-btn.active {
  background:linear-gradient(135deg, var(--azul-glow), var(--azul-light));
  color:#fff; box-shadow:0 2px 8px rgba(34,85,168,0.4);
}
.tool-btn svg { pointer-events:none; width:15px; height:15px; }
.tool-btn[data-tip]::after {
  content:attr(data-tip); position:absolute; bottom:calc(100% + 7px); left:50%;
  transform:translateX(-50%);
  background:linear-gradient(135deg, #1e3050, #162840);
  border:1px solid rgba(201,168,76,0.2);
  color:var(--txt); padding:4px 9px; border-radius:5px;
  font-size:10px; font-weight:600; white-space:nowrap;
  pointer-events:none; opacity:0; transition:opacity .15s;
  box-shadow:0 4px 12px rgba(0,0,0,0.4); letter-spacing:.03em;
}
.tool-btn[data-tip]:hover::after { opacity:1; }

.ed-undoredo {
  display:flex; gap:2px; padding:3px;
  background:rgba(0,0,0,0.2); border:1px solid rgba(255,255,255,0.06); border-radius:8px;
}

.ed-zoom {
  height:30px; padding:0 10px; min-width:58px; text-align:center;
  background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08);
  border-radius:6px; font-size:11.5px; font-weight:700; color:var(--txt3);
  cursor:pointer; display:flex; align-items:center; justify-content:center; gap:4px;
  transition:all .18s; font-family:var(--ui); letter-spacing:.02em;
}
.ed-zoom:hover { border-color:rgba(255,255,255,0.14); color:var(--txt); }

/* ── BODY ── */
.ed-body { flex:1; display:flex; overflow:hidden; background:var(--bg); }

/* ── LAYERS ── */
.layers-panel {
  width:var(--sidebar-sm); flex-shrink:0;
  background:linear-gradient(180deg, #0f1e32 0%, #0b1826 100%);
  border-right:1px solid rgba(255,255,255,0.05);
  display:flex; flex-direction:column; overflow:hidden;
}
.panel-hd {
  height:36px; padding:0 10px;
  border-bottom:1px solid rgba(255,255,255,0.05);
  display:flex; align-items:center; justify-content:space-between; flex-shrink:0;
  background:rgba(0,0,0,0.15);
}
.panel-title {
  font-size:9.5px; font-weight:800; color:rgba(201,168,76,0.6);
  letter-spacing:.1em; text-transform:uppercase;
}
.layers-list { flex:1; overflow-y:auto; padding:4px; }
.layers-list::-webkit-scrollbar { width:3px; }
.layers-list::-webkit-scrollbar-track { background:transparent; }
.layers-list::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.08); border-radius:99px; }

.layer-item {
  display:flex; align-items:center; gap:6px;
  padding:5px 7px; border-radius:5px;
  cursor:pointer; user-select:none; transition:all .12s;
  border:1px solid transparent;
}
.layer-item:hover { background:rgba(255,255,255,0.04); }
.layer-item.selected {
  background:rgba(201,168,76,0.07); border-color:rgba(201,168,76,0.25);
  box-shadow:inset 2px 0 0 rgba(201,168,76,0.5);
}
.layer-ico {
  width:20px; height:20px; border-radius:3px;
  background:rgba(255,255,255,0.06);
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0; color:var(--txt4); font-size:9px;
}
.layer-item.selected .layer-ico { background:rgba(201,168,76,0.15); color:var(--ouro); }
.layer-name {
  flex:1; font-size:11.5px; font-weight:500; color:var(--txt2);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.layer-item.selected .layer-name { color:var(--txt); font-weight:600; }
.layer-name-input {
  flex:1; background:var(--bg2); border:1px solid var(--ouro);
  border-radius:3px; padding:1px 5px; font-size:11px; color:var(--txt);
  outline:none; font-family:var(--ui);
}
.layer-vis { color:var(--txt4); font-size:11px; cursor:pointer; padding:2px; transition:color .15s; }
.layer-vis:hover { color:var(--txt2); }
.layer-vis.hidden { opacity:.3; }
.layer-rename { color:var(--txt4); font-size:11px; cursor:pointer; padding:2px; transition:color .15s; }
.layer-rename:hover { color:var(--ouro); }

.layers-ft {
  padding:6px 8px; border-top:1px solid rgba(255,255,255,0.05);
  display:flex; gap:3px; flex-shrink:0; background:rgba(0,0,0,0.1);
}
.layers-ft .icon-btn { flex:1; border-radius:5px; height:26px; }

/* ── CANVAS ── */
.canvas-area { flex:1; display:flex; flex-direction:column; overflow:hidden; min-width:0; }
.canvas-bg {
  flex:1; min-height:0; overflow:auto;
  display:flex; align-items:flex-start; justify-content:center; padding:24px;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(34,85,168,0.08) 0%, transparent 60%),
    repeating-linear-gradient(0deg, transparent, transparent 23px, rgba(255,255,255,0.015) 24px),
    repeating-linear-gradient(90deg, transparent, transparent 23px, rgba(255,255,255,0.015) 24px),
    var(--bg);
}
#canvasOuter {
  flex-shrink:0;
  box-shadow:0 0 0 1px rgba(255,255,255,0.06), 0 8px 40px rgba(0,0,0,0.7), 0 24px 80px rgba(0,0,0,0.4);
  border-radius:2px; overflow:hidden;
}
.canvas-wrap { cursor:default; transform-origin:top left; }
.canvas-wrap canvas { display:block; }
.canvas-wrap .canvas-container { margin:0 !important; display:block !important; }
.canvas-wrap .canvas-container canvas { display:block; }
.canvas-safezone { position:absolute; inset:0; pointer-events:none; z-index:5; display:none; }
.canvas-safezone.show { display:block; }
.canvas-status {
  height:24px; background:rgba(0,0,0,0.3);
  border-top:1px solid rgba(255,255,255,0.04);
  display:flex; align-items:center; padding:0 12px; gap:16px;
  font-size:10.5px; color:var(--txt4); flex-shrink:0; font-family:var(--ui);
}
.status-item { display:flex; align-items:center; gap:4px; }
.status-item span { color:rgba(201,168,76,0.7); font-weight:700; }

/* ── PROPRIEDADES ── */
.props-panel {
  width:var(--sidebar-w); flex-shrink:0;
  background:linear-gradient(180deg, #0f1e32 0%, #0b1826 100%);
  border-left:1px solid rgba(255,255,255,0.05);
  display:flex; flex-direction:column; overflow:hidden; min-height:0;
}
.props-scroll {
  flex:1; min-height:0; overflow-y:auto;
  padding:8px; display:flex; flex-direction:column; gap:3px;
  scrollbar-width:thin; scrollbar-color:rgba(255,255,255,0.08) transparent;
}
.props-scroll::-webkit-scrollbar { width:3px; }
.props-scroll::-webkit-scrollbar-track { background:transparent; }
.props-scroll::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.08); border-radius:99px; }
.props-empty {
  flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:10px; text-align:center; padding:24px;
}
.props-empty p { font-size:12px; line-height:1.6; color:var(--txt4); }

.prop-section {
  background:rgba(255,255,255,0.025); border:1px solid rgba(255,255,255,0.06);
  border-radius:6px; overflow:hidden; flex-shrink:0; transition:border-color .15s;
}
.prop-section:hover { border-color:rgba(255,255,255,0.09); }
.prop-section-hd {
  display:flex; align-items:center; justify-content:space-between;
  padding:7px 10px; cursor:pointer; user-select:none;
  font-size:10px; font-weight:800; text-transform:uppercase;
  letter-spacing:.08em; color:rgba(201,168,76,0.55); transition:color .15s;
}
.prop-section-hd:hover { color:rgba(201,168,76,0.85); }
.prop-section-hd .chev { font-size:12px; transition:transform .18s; color:rgba(255,255,255,0.2); transform:rotate(90deg); }
.prop-section.closed .chev { transform:rotate(0deg); }
.prop-section-body {
  padding:8px 10px 10px; display:flex; flex-direction:column; gap:7px;
  border-top:1px solid rgba(255,255,255,0.05);
}
.prop-section.closed .prop-section-body { display:none; }

.xywh-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:4px; }
.xywh-field { display:flex; flex-direction:column; gap:2px; }
.xywh-label { font-size:8.5px; font-weight:800; color:var(--txt4); letter-spacing:.07em; text-transform:uppercase; }
.xywh-input {
  height:26px; padding:0 4px;
  background:rgba(0,0,0,0.25); border:1px solid rgba(255,255,255,0.07);
  border-radius:5px; color:var(--txt); font-size:11px; font-weight:600;
  outline:none; transition:border-color .15s; font-family:var(--ui);
  text-align:center; width:100%; min-width:0;
}
.xywh-input:focus { border-color:rgba(201,168,76,0.45); background:rgba(0,0,0,0.35); }

.color-row { display:flex; align-items:center; gap:7px; }
.color-swatch {
  width:28px; height:28px; border-radius:5px;
  border:1.5px solid rgba(255,255,255,0.1); cursor:pointer; flex-shrink:0;
  overflow:hidden; position:relative; transition:border-color .15s;
}
.color-swatch:hover { border-color:rgba(201,168,76,0.4); }
.color-swatch input[type=color] {
  position:absolute; inset:-4px; width:calc(100% + 8px); height:calc(100% + 8px); opacity:0; cursor:pointer;
}
.color-hex {
  flex:1; height:28px; padding:0 8px;
  background:rgba(0,0,0,0.25); border:1px solid rgba(255,255,255,0.07);
  border-radius:5px; color:var(--txt); font-size:11.5px; font-family:monospace;
  text-transform:uppercase; outline:none; transition:border-color .15s;
}
.color-hex:focus { border-color:rgba(201,168,76,0.45); }

.slider-row { display:flex; align-items:center; gap:8px; }
.prop-slider {
  flex:1; height:3px; appearance:none; background:rgba(255,255,255,0.08);
  border-radius:99px; outline:none; cursor:pointer;
}
.prop-slider::-webkit-slider-thumb {
  appearance:none; width:13px; height:13px; border-radius:50%;
  background:var(--ouro); border:2px solid var(--bg); cursor:grab;
  box-shadow:0 1px 6px rgba(201,168,76,0.4);
}
.prop-slider::-webkit-slider-thumb:active { cursor:grabbing; }
.prop-num {
  width:38px; height:26px; text-align:center;
  background:rgba(0,0,0,0.25); border:1px solid rgba(255,255,255,0.07);
  border-radius:5px; color:var(--txt); font-size:11px; font-weight:700;
  outline:none; font-family:var(--ui);
}

.corners-all { display:flex; align-items:center; gap:8px; }
.corners-all label { font-size:11px; color:var(--txt3); flex-shrink:0; }
.corners-grid { display:grid; grid-template-columns:1fr 1fr; gap:6px; }

.prop-select {
  width:100%; height:29px; padding:0 26px 0 8px;
  background:rgba(0,0,0,0.25); border:1px solid rgba(255,255,255,0.07);
  border-radius:5px; color:var(--txt); font-size:11.5px; font-weight:600;
  cursor:pointer; outline:none; transition:border-color .15s; appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236a7d96' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 7px center; font-family:var(--ui);
}
.prop-select:focus { border-color:rgba(201,168,76,0.45); }
.prop-select option { background:#0f1e32; }

.bind-select { font-weight:500; }
.bind-select.bound { border-color:rgba(201,168,76,0.4); background-color:rgba(201,168,76,0.06); color:var(--ouro-light); }

.text-align-group, .text-case-group { display:flex; gap:3px; }
.text-btn {
  flex:1; height:27px; display:flex; align-items:center; justify-content:center;
  border:1px solid rgba(255,255,255,0.07); border-radius:5px;
  background:rgba(0,0,0,0.2); color:var(--txt4); font-size:11px; font-weight:700;
  cursor:pointer; transition:all .15s;
}
.text-btn:hover { color:var(--txt); border-color:rgba(255,255,255,0.12); }
.text-btn.active {
  background:linear-gradient(135deg, var(--azul-glow), var(--azul-light));
  border-color:var(--azul-light); color:#fff;
  box-shadow:0 2px 8px rgba(34,85,168,0.35);
}

.prop-textarea {
  width:100%; min-height:56px; padding:7px 10px;
  background:rgba(0,0,0,0.25); border:1px solid rgba(255,255,255,0.07);
  border-radius:5px; color:var(--txt); font-size:12px;
  line-height:1.5; resize:vertical; outline:none; transition:border-color .15s; font-family:var(--ui);
}
.prop-textarea:focus { border-color:rgba(201,168,76,0.45); }

.img-upload-btn {
  width:100%; height:58px; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:4px;
  border:1.5px dashed rgba(255,255,255,0.1); border-radius:7px;
  background:rgba(0,0,0,0.15); color:var(--txt4); cursor:pointer;
  font-size:11.5px; font-weight:500; transition:all .18s;
}
.img-upload-btn:hover { border-color:rgba(201,168,76,0.4); color:var(--ouro); background:rgba(201,168,76,0.04); }

.img-thumb { width:100%; height:76px; border-radius:5px; object-fit:cover; border:1px solid rgba(255,255,255,0.07); background:rgba(0,0,0,0.2); }

.lib-cat-btn {
  display:flex; align-items:center; justify-content:space-between;
  width:100%; padding:6px 10px; background:transparent; border:none; border-radius:0;
  color:var(--txt3); font-size:11.5px; cursor:pointer; text-align:left; transition:all .12s; gap:6px;
}
.lib-cat-btn:hover { background:rgba(255,255,255,0.04); color:var(--txt2); }
.lib-cat-btn.active { background:rgba(201,168,76,0.07); color:var(--ouro); font-weight:600; box-shadow:inset 2px 0 0 var(--ouro); }
.lib-cat-count { background:rgba(255,255,255,0.06); color:var(--txt4); font-size:9.5px; padding:1px 5px; border-radius:10px; min-width:20px; text-align:center; }
.lib-cat-btn.active .lib-cat-count { background:rgba(201,168,76,0.2); color:var(--ouro); }
.lib-img-card { cursor:pointer; border-radius:6px; overflow:hidden; border:1.5px solid transparent; transition:all .15s; background:rgba(0,0,0,0.2); }
.lib-img-card:hover { border-color:rgba(201,168,76,0.5); transform:scale(1.02); }

@keyframes spin { to { transform:rotate(360deg); } }
.snap-guide-h, .snap-guide-v { position:absolute; background:rgba(201,168,76,0.65); pointer-events:none; z-index:50; }
.snap-guide-h { height:1px; left:0; right:0; }
.snap-guide-v { width:1px; top:0; bottom:0; }

.shortcut-row { display:flex; align-items:center; gap:4px; font-size:12px; color:var(--txt2); padding:3px 0; }
kbd {
  display:inline-flex; align-items:center; justify-content:center;
  min-width:20px; padding:1px 5px;
  background:rgba(0,0,0,0.3); border:1px solid rgba(255,255,255,0.1);
  border-radius:3px; font-size:10px; font-family:monospace; color:var(--txt); white-space:nowrap;
}
.prop-label { font-size:10px; font-weight:700; color:var(--txt4); letter-spacing:.06em; text-transform:uppercase; margin-bottom:3px; }
.canvas-container { margin:0 !important; }

/* ── TEMA CLARO ── */
[data-theme="light"] .ed-topbar {
  background: linear-gradient(180deg, #f8faff 0%, #f0f4fb 100%);
  border-bottom-color: rgba(11,29,58,0.1);
  box-shadow: 0 1px 0 rgba(255,255,255,0.8), 0 2px 12px rgba(11,29,58,0.08);
}
[data-theme="light"] .ed-topbar::before {
  background: linear-gradient(90deg, transparent, rgba(160,120,40,0.3), transparent);
}
[data-theme="light"] .ed-logo-name { color: #A07828; text-shadow: none; }
[data-theme="light"] .ed-sep { background: rgba(11,29,58,0.1); }
[data-theme="light"] .ed-select {
  background: rgba(255,255,255,0.9); border-color: rgba(11,29,58,0.12); color: #2d4060;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%235a6e88' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
}
[data-theme="light"] .ed-select:hover { background: #fff; border-color: rgba(11,29,58,0.22); color: #0B1D3A; }
[data-theme="light"] .ed-select:focus { border-color: rgba(160,120,40,0.5); box-shadow: 0 0 0 2px rgba(160,120,40,0.1); color: #0B1D3A; }
[data-theme="light"] .ed-select option { background: #fff; color: #0B1D3A; }
[data-theme="light"] #selMarca { color: #A07828; }
[data-theme="light"] .ed-tools { background: rgba(11,29,58,0.04); border-color: rgba(11,29,58,0.1); }
[data-theme="light"] .tool-btn { color: #5a6e88; }
[data-theme="light"] .tool-btn:hover { background: rgba(11,29,58,0.07); color: #0B1D3A; }
[data-theme="light"] .ed-undoredo { background: rgba(11,29,58,0.04); border-color: rgba(11,29,58,0.1); }
[data-theme="light"] .ed-zoom { background: rgba(255,255,255,0.9); border-color: rgba(11,29,58,0.12); color: #5a6e88; }
[data-theme="light"] .ed-zoom:hover { border-color: rgba(11,29,58,0.22); color: #0B1D3A; }
[data-theme="light"] .layers-panel { background: linear-gradient(180deg, #f8faff 0%, #f0f4fb 100%); border-right-color: rgba(11,29,58,0.08); }
[data-theme="light"] .panel-hd { background: rgba(11,29,58,0.03); border-bottom-color: rgba(11,29,58,0.07); }
[data-theme="light"] .panel-title { color: rgba(160,120,40,0.7); }
[data-theme="light"] .layer-item:hover { background: rgba(11,29,58,0.04); }
[data-theme="light"] .layer-item.selected { background: rgba(160,120,40,0.07); border-color: rgba(160,120,40,0.25); box-shadow: inset 2px 0 0 rgba(160,120,40,0.5); }
[data-theme="light"] .layer-ico { background: rgba(11,29,58,0.06); color: #8fa0b4; }
[data-theme="light"] .layer-item.selected .layer-ico { background: rgba(160,120,40,0.12); color: #A07828; }
[data-theme="light"] .layer-name { color: #2d4060; }
[data-theme="light"] .layer-item.selected .layer-name { color: #0B1D3A; }
[data-theme="light"] .layers-ft { background: rgba(11,29,58,0.02); border-top-color: rgba(11,29,58,0.07); }
[data-theme="light"] .canvas-bg {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(30,64,128,0.04) 0%, transparent 60%),
    repeating-linear-gradient(0deg, transparent, transparent 23px, rgba(11,29,58,0.04) 24px),
    repeating-linear-gradient(90deg, transparent, transparent 23px, rgba(11,29,58,0.04) 24px),
    #e8edf8;
}
[data-theme="light"] .props-panel { background: linear-gradient(180deg, #f8faff 0%, #f0f4fb 100%); border-left-color: rgba(11,29,58,0.08); }
[data-theme="light"] .prop-section { background: rgba(255,255,255,0.75); border-color: rgba(11,29,58,0.08); }
[data-theme="light"] .prop-section:hover { border-color: rgba(11,29,58,0.13); }
[data-theme="light"] .prop-section-hd { color: rgba(160,120,40,0.7); }
[data-theme="light"] .prop-section-hd:hover { color: rgba(160,120,40,1); }
[data-theme="light"] .prop-section-hd .chev { color: rgba(11,29,58,0.2); }
[data-theme="light"] .prop-section-body { border-top-color: rgba(11,29,58,0.06); }
[data-theme="light"] .xywh-input { background: rgba(255,255,255,0.9); border-color: rgba(11,29,58,0.1); color: #0B1D3A; }
[data-theme="light"] .xywh-input:focus { border-color: rgba(160,120,40,0.45); background: #fff; }
[data-theme="light"] .color-swatch { border-color: rgba(11,29,58,0.12); }
[data-theme="light"] .color-hex { background: rgba(255,255,255,0.9); border-color: rgba(11,29,58,0.1); color: #0B1D3A; }
[data-theme="light"] .color-hex:focus { border-color: rgba(160,120,40,0.45); }
[data-theme="light"] .prop-slider { background: rgba(11,29,58,0.1); }
[data-theme="light"] .prop-slider::-webkit-slider-thumb { background: #A07828; border-color: #f0f4fb; }
[data-theme="light"] .prop-num { background: rgba(255,255,255,0.9); border-color: rgba(11,29,58,0.1); color: #0B1D3A; }
[data-theme="light"] .prop-select {
  background: rgba(255,255,255,0.9); border-color: rgba(11,29,58,0.1); color: #0B1D3A;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%235a6e88' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 7px center;
}
[data-theme="light"] .prop-select:focus { border-color: rgba(160,120,40,0.45); }
[data-theme="light"] .prop-select option { background: #fff; color: #0B1D3A; }
[data-theme="light"] .bind-select.bound { border-color: rgba(160,120,40,0.4); background-color: rgba(160,120,40,0.06); color: #A07828; }
[data-theme="light"] .text-btn { background: rgba(255,255,255,0.8); border-color: rgba(11,29,58,0.1); color: #8fa0b4; }
[data-theme="light"] .text-btn:hover { color: #0B1D3A; border-color: rgba(11,29,58,0.18); }
[data-theme="light"] .prop-textarea { background: rgba(255,255,255,0.9); border-color: rgba(11,29,58,0.1); color: #0B1D3A; }
[data-theme="light"] .prop-textarea:focus { border-color: rgba(160,120,40,0.45); }
[data-theme="light"] .img-upload-btn { background: rgba(255,255,255,0.6); border-color: rgba(11,29,58,0.12); color: #8fa0b4; }
[data-theme="light"] .img-upload-btn:hover { border-color: rgba(160,120,40,0.4); color: #A07828; background: rgba(160,120,40,0.04); }
[data-theme="light"] .prop-label { color: #8fa0b4; }
[data-theme="light"] .props-empty p { color: #8fa0b4; }
[data-theme="light"] kbd { background: rgba(11,29,58,0.06); border-color: rgba(11,29,58,0.12); color: #2d4060; }
[data-theme="light"] .lib-cat-btn { color: #5a6e88; }
[data-theme="light"] .lib-cat-btn:hover { background: rgba(11,29,58,0.04); color: #2d4060; }
[data-theme="light"] .lib-cat-btn.active { background: rgba(160,120,40,0.07); color: #A07828; box-shadow: inset 2px 0 0 #A07828; }
[data-theme="light"] .lib-cat-count { background: rgba(11,29,58,0.06); color: #8fa0b4; }
[data-theme="light"] .lib-cat-btn.active .lib-cat-count { background: rgba(160,120,40,0.2); color: #A07828; }