.rf-livery-editor{--le-bg:#0d1014;--le-panel:#141920;--le-border:#2b343f;--le-text:#eef3f8;--le-muted:#91a0ae;--le-accent:#ff4f38;max-width:1800px;margin:0 auto;color:var(--le-text)}
.rf-livery-editor *{box-sizing:border-box}
.rf-livery-editor .detail-eyebrow{margin:0 0 3px;color:var(--le-accent);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.rf-livery-editor button,.rf-livery-editor input,.rf-livery-editor select{font:inherit}.livery-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin:0 0 18px}.livery-toolbar h1{margin:.1rem 0;font-size:clamp(1.7rem,3vw,2.5rem)}.livery-subtitle,.livery-small-copy{color:var(--le-muted);margin:.25rem 0;line-height:1.45}.livery-toolbar-actions{display:flex;gap:10px;flex-wrap:wrap}.livery-message{padding:12px 14px;border:1px solid var(--le-border);background:var(--le-panel);border-radius:8px;margin:0 0 14px}.livery-message.error{border-color:#b83939}.livery-message.success{border-color:#2f8f5b}.livery-message.warning{border-color:#a7782b}.livery-start-panel,.livery-sidebar,.livery-stage-column{border:1px solid var(--le-border);background:var(--le-panel);border-radius:12px}.livery-start-panel{padding:18px;margin-bottom:16px}.livery-start-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}.livery-start-grid label,.livery-panel-block label,.livery-export-options label{display:grid;gap:6px}.livery-start-grid label>span,.livery-panel-block label>span,.livery-export-options label>span{font-size:.82rem;color:var(--le-muted);font-weight:700}.rf-livery-editor input,.rf-livery-editor select{width:100%;background:#0b0f13;color:var(--le-text);border:1px solid #35404b;border-radius:7px;padding:9px 10px}.livery-wide-field{grid-column:span 2}.livery-wide-field select{min-height:150px}.livery-new-action{display:grid;gap:7px}.livery-new-action p{font-size:.8rem;color:var(--le-muted);margin:0}.livery-workspace{display:grid;grid-template-columns:minmax(220px,280px) minmax(500px,1fr) minmax(250px,320px);gap:12px;align-items:start}.livery-sidebar{padding:13px;max-height:calc(100vh - 145px);overflow:auto;position:sticky;top:12px}.livery-panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.livery-panel-head h2,.livery-panel-block h3{margin:0}.mini-action,.livery-control-grid button,.livery-view-tabs button{border:1px solid #3a4653;background:#11161c;color:var(--le-text);border-radius:6px;padding:7px 9px;cursor:pointer}.mini-action:hover,.livery-control-grid button:hover,.livery-view-tabs button:hover,.livery-view-tabs button.active{border-color:var(--le-accent)}.livery-project-list,.livery-layer-list{display:grid;gap:7px}.livery-project-item,.livery-layer-item{width:100%;text-align:left;border:1px solid #2f3944;background:#0e1318;color:var(--le-text);border-radius:8px;padding:9px;display:grid;gap:2px;cursor:pointer}.livery-project-item span,.livery-project-item small,.livery-layer-item span{color:var(--le-muted);font-size:.78rem}.livery-project-item.active,.livery-layer-item.active{border-color:var(--le-accent);box-shadow:inset 3px 0 0 var(--le-accent)}.livery-panel-block{border-top:1px solid var(--le-border);padding-top:13px;margin-top:13px;display:grid;gap:9px}.livery-stage-column{padding:10px;min-width:0}.livery-view-tabs{display:flex;gap:7px;margin-bottom:8px}.livery-stage{display:none;position:relative;background:#080b0e;border:1px solid #26303a;border-radius:9px;overflow:hidden;min-height:600px}.livery-stage.active{display:block}.livery-stage canvas{display:block;width:100%;height:600px}.livery-canvas-wrap{width:100%;height:600px;overflow:auto;background-image:linear-gradient(45deg,#161b20 25%,transparent 25%),linear-gradient(-45deg,#161b20 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#161b20 75%),linear-gradient(-45deg,transparent 75%,#161b20 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.livery-canvas-wrap canvas{width:auto;height:auto;max-width:none}.livery-stage-hint{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.72);padding:6px 9px;border-radius:6px;color:#cbd4dc;font-size:.78rem;pointer-events:none}.livery-stage-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.livery-protection-badge{font-size:.78rem;color:#ffd1c9;border:1px solid #714138;border-radius:999px;padding:6px 10px}.livery-protection-badge.protected{color:#ffb9ad;border-color:#a4493c}.livery-number-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.livery-number-span{grid-column:span 2}.livery-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.livery-control-grid .danger{border-color:#7c3333;color:#ffb3b3}.livery-empty{color:var(--le-muted);font-size:.85rem}.livery-manager-page{max-width:none}.livery-editor-entry{max-width:1900px!important}.livery-editor-entry .account-dashboard-head{margin-bottom:12px}
@media(max-width:1180px){.livery-workspace{grid-template-columns:230px minmax(430px,1fr)}.livery-layers-panel{grid-column:1/-1;position:static;max-height:none}.livery-layer-list{grid-template-columns:repeat(3,minmax(0,1fr))}.livery-start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.livery-toolbar{align-items:stretch;flex-direction:column}.livery-toolbar-actions>*{flex:1}.livery-start-grid,.livery-workspace{grid-template-columns:1fr}.livery-wide-field{grid-column:auto}.livery-sidebar{position:static;max-height:none}.livery-projects-panel{order:1}.livery-stage-column{order:2}.livery-layers-panel{order:3}.livery-stage,.livery-stage canvas,.livery-canvas-wrap{min-height:430px;height:430px}.livery-layer-list{grid-template-columns:1fr}.livery-stage-actions{align-items:stretch;flex-direction:column}.livery-control-grid{grid-template-columns:1fr 1fr}}
.rf-livery-editor .button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--le-accent);background:var(--le-accent);color:#fff;border-radius:7px;padding:9px 13px;font-weight:700;text-decoration:none;cursor:pointer}.rf-livery-editor .button:hover{filter:brightness(1.08)}.rf-livery-editor .button:disabled{opacity:.45;cursor:not-allowed}.rf-livery-editor .button-ghost{background:transparent;border-color:#485563;color:var(--le-text)}.rf-livery-editor .button-small{padding:7px 9px;font-size:.84rem}

/* 3.2.6 preview + editor interaction controls */
.livery-preview-controls{
  position:relative; inset:auto; width:100%; min-height:50px; padding:8px 10px;
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  background:#0b0f13; border-bottom:1px solid #26303a; z-index:3;
}
.livery-color-control{
  display:flex!important; flex:0 0 auto!important; width:auto!important; min-width:0!important;
  align-items:center; gap:8px; margin:0!important; padding:5px 8px!important;
  background:#11161c; border:1px solid #34414d; border-radius:7px;
}
.livery-color-control span{font-size:.75rem!important;color:#c5d0da!important;font-weight:700!important;white-space:nowrap}
.livery-preview-left{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.livery-visibility-toggles{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.rf-livery-editor .livery-color-control input[type="color"]{
  display:block!important; flex:0 0 44px!important; width:44px!important; min-width:44px!important;
  max-width:44px!important; height:28px!important; min-height:28px!important; max-height:28px!important;
  padding:2px!important; margin:0!important; border:1px solid #465463!important; border-radius:5px!important;
  background:#0b0f13!important; cursor:pointer; appearance:auto!important;
}
.livery-camera-presets{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.rf-livery-editor .livery-camera-presets button,.rf-livery-editor .livery-2d-toolbar button,.rf-livery-editor .livery-visibility-toggles button{
  appearance:none!important; display:inline-flex!important; align-items:center!important; justify-content:center!important;
  width:auto!important; min-width:36px!important; max-width:none!important; height:34px!important; min-height:34px!important;
  margin:0!important; padding:5px 9px!important; border:1px solid #465463!important;
  background:#11161c!important; color:#eef3f8!important; border-radius:6px!important; cursor:pointer!important;
  font:inherit!important; line-height:1!important; box-shadow:none!important; transform:none!important;
}
.rf-livery-editor .livery-camera-presets button:hover,.rf-livery-editor .livery-2d-toolbar button:hover,.rf-livery-editor .livery-visibility-toggles button:hover{border-color:var(--le-accent)!important;background:#171d24!important}
.livery-stage-3d canvas,#livery-webgl{height:550px!important;cursor:grab;touch-action:none}
.livery-stage-3d canvas:active,#livery-webgl:active{cursor:grabbing}
.livery-2d-toolbar{
  position:relative; inset:auto; width:100%; min-height:50px; padding:8px 10px;
  display:flex; align-items:center; justify-content:flex-end; gap:6px; z-index:5;
  background:#0b0f13; border-bottom:1px solid #26303a; border-radius:0;
}
.livery-2d-toolbar span{min-width:50px;text-align:center;font-size:.78rem;color:#d8e1e8;font-weight:700;white-space:nowrap}
.livery-canvas-wrap{position:relative;height:550px;overscroll-behavior:contain}
.livery-canvas-wrap canvas{transform-origin:0 0;touch-action:none;cursor:default}
.livery-inline-help{margin:.55rem 0 0;text-align:left}
.livery-stage-actions{flex-wrap:wrap;justify-content:flex-start}
.livery-stage-actions .livery-protection-badge{margin-left:auto}
@media(max-width:760px){
  .livery-preview-controls{align-items:flex-start;flex-direction:column}
  .livery-preview-left{width:100%;justify-content:flex-start}
  .livery-camera-presets{justify-content:flex-start}
  .livery-color-control{align-self:flex-start}
  .livery-2d-toolbar{justify-content:flex-start}
  .livery-stage-3d canvas,#livery-webgl,.livery-canvas-wrap{height:400px!important}
  .livery-stage-actions .livery-protection-badge{margin-left:0}
}

.livery-ytd-dialog {
  width: min(920px, calc(100vw - 32px));
  max-height: min(760px, calc(100vh - 32px));
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 12px;
  padding: 0;
  background: #12171d;
  color: inherit;
  box-shadow: 0 24px 80px rgba(0,0,0,.65);
}
.livery-ytd-dialog::backdrop { background: rgba(0,0,0,.72); }
.livery-ytd-dialog-card { padding: 20px; }
.livery-ytd-picker {
  display: grid;
  grid-template-columns: minmax(300px, .95fr) minmax(320px, 1.05fr);
  gap: 18px;
  margin: 16px 0;
}
.livery-ytd-picker label { display: grid; gap: 8px; }
.livery-ytd-picker select { min-height: 360px; }
.livery-ytd-preview-panel {
  min-height: 360px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px;
  background: #080b0e;
  padding: 12px;
}
.livery-ytd-preview-panel img {
  max-width: 100%;
  max-height: 330px;
  object-fit: contain;
  image-rendering: auto;
}
@media (max-width: 760px) {
  .livery-ytd-picker { grid-template-columns: 1fr; }
  .livery-ytd-picker select { min-height: 220px; }
  .livery-ytd-preview-panel { min-height: 260px; }
}


/* 3.2.7: restore the wide production workspace inside Store Manager. */
.manager-main.manager-main-wide{width:min(1800px,calc(100% - 32px));max-width:none}
.rf-livery-editor .livery-camera-presets button.active{border-color:var(--le-accent)!important;background:#2a1816!important;color:#fff!important}
.rf-livery-editor .livery-visibility-toggles button.active{border-color:var(--le-accent)!important;background:#2a1816!important;color:#fff!important}
@media(max-width:760px){.manager-main.manager-main-wide{width:calc(100% - 20px)}}


.livery-project-management-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .5rem;
  margin: .55rem 0 .8rem;
}

.rf-livery-editor .livery-danger-button {
  border-color: rgba(255, 82, 82, .65);
  color: #ff8d8d;
}

.rf-livery-editor .livery-danger-button:hover {
  border-color: #ff5252;
  color: #fff;
  background: rgba(255, 82, 82, .16);
}