/* Compact Refine inspector, using the existing warm Orbit palette. */
.dialog.refine-panel{width:640px;max-width:calc(100vw - 24px);padding:22px;--refine-line:#e9ddcf;--refine-ink:#61503f;--refine-muted:#9a8673}
.dialog.refine-panel.orbit-toolbar-panel{padding:18px 22px 18px!important;scrollbar-gutter:auto}
.refine-panel .dialog-top.refine-heading-row{align-items:center;gap:16px;margin:0 0 21px;padding:0 0 16px;border-bottom:1px solid var(--refine-line)}
.refine-panel .refine-heading-row h2{font-family:var(--orbit-font);font-size:20px;line-height:1.25;font-weight:650;letter-spacing:-.45px;color:#514031}
.refine-panel .dialog-top.refine-heading-row p{margin-top:4px;font-size:11px;line-height:1.45;color:var(--refine-muted)}
.refine-panel .refine-heading-row>.icon-button{width:28px;height:28px;margin:0;flex:none;border-radius:8px}
.refine-panel .refine-heading-row>.icon-button .icon{width:17px;height:17px}
.refine-panel .inspector.refine-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:0 26px;align-items:start;align-content:start;width:100%;min-height:0;max-height:none;overflow:visible;padding:0;border:0;background:none;box-shadow:none}
.refine-panel .refine-grid>.refine-canvas{grid-column:1!important;grid-row:1!important;min-width:0}
.refine-panel .refine-side{grid-column:2;grid-row:1;min-width:0;padding-left:25px;border-left:1px solid var(--refine-line)}
.refine-panel .settings-section{padding:0!important;border:0;min-width:0}
.refine-panel .setting-title{margin:0 0 15px;min-height:25px;gap:8px;align-items:center}
.refine-panel .setting-title h3{font-family:var(--orbit-font);font-size:12px;line-height:1.35;font-weight:650;letter-spacing:.02em;color:var(--refine-ink)}
.refine-panel .refine-template-action{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 8px;border:1px solid #eadbc9;border-radius:7px;background:transparent;color:#ac6b3b;font-size:10px;font-weight:500;white-space:nowrap}
.refine-panel .refine-template-action .icon{width:12px;height:12px;transform:rotate(-90deg)}
.refine-panel .refine-template-action:hover{background:#ffeddc;border-color:#edcbaa}
.refine-panel .refine-field{margin-top:13px;min-width:0}
.refine-panel .setting-title+.refine-field{margin-top:0}
.refine-panel .field-label{display:block;margin:0 0 7px;font-family:var(--orbit-font);font-size:11px;font-weight:400;line-height:1.4;color:#8b7762}
.refine-panel .refine-label-row{display:flex;justify-content:space-between;align-items:center}
.refine-panel .refine-unit{font-size:10px;line-height:1.4;color:#b29e8d;margin-bottom:7px}
.refine-panel .custom-select{width:100%;min-width:0}
.refine-panel .custom-select-btn{height:36px;min-height:36px;padding:0 11px;border:1px solid var(--refine-line);border-radius:9px;background:#fffdf8;font-family:var(--orbit-font);font-size:12px;font-weight:400;line-height:1.35;color:var(--refine-ink);box-shadow:none;gap:7px}
.refine-panel .custom-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.refine-panel .custom-select-btn>.icon{width:14px;height:14px;color:#98836e}
.refine-panel .custom-select-btn:hover{border-color:#d9bfa5;background:#fffaf1}
.refine-panel .custom-select.open .custom-select-btn{border-color:#d7b694}
.refine-panel .dimensions-row{gap:6px;margin:0;align-items:center}
.refine-panel .dimension-field{height:36px;gap:6px;padding:0 10px;border:1px solid var(--refine-line);border-radius:9px;background:#fffdf8;min-width:0;flex:1}
.refine-panel .dimension-field>span{font-size:10px;color:#ad9984;flex:none}
.refine-panel .dimension-field input[type=number]{height:32px;min-height:0;min-width:0;max-width:100%;width:100%;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:12px;line-height:1.4;font-weight:400;color:var(--refine-ink);text-align:right}
.refine-panel .dimensions-row .times{color:#b3a08b;font-size:10px}
.refine-panel .dimensions-row .icon-button{height:32px;width:28px;border-radius:8px;flex:none}
.refine-panel .dimensions-row .icon{width:14px;height:14px}
.refine-panel .dimensions-row .icon-button.active{background:#ffecdd;color:#c07b45}
.refine-panel .segmented{height:36px;background:#f0e9df;border-radius:9px;padding:3px;gap:3px}
.refine-panel .segmented button{height:30px;font-family:var(--orbit-font);font-size:11px;border-radius:7px;font-weight:400;color:#96816c}
.refine-panel .segmented button.selected{background:#fffdf8;color:#745237;box-shadow:0 1px 4px #72543b10}
.refine-panel .background-row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:10px;margin:0 0 5px}
.refine-panel .background-row .field-label{margin:0}
.refine-panel .color-field{height:32px;padding:0 8px;gap:7px;border:1px solid var(--refine-line);border-radius:8px;background:#fffdf8;flex:none}
.refine-panel .color-field>span{font-size:10px;color:#907963;font-variant-numeric:tabular-nums}
.refine-panel .color-field input[type=color]{width:18px;height:18px;min-height:0;min-width:0;padding:0;border-radius:4px;border:1px solid #e4d8c9;cursor:pointer}
.refine-panel .switch-row{position:relative;min-height:29px;gap:10px;margin:0;font-family:var(--orbit-font);font-size:11px;line-height:1.4;color:#88735e}
.refine-panel .switch-row>.switch{height:18px;width:31px;background:#e6dfd3;flex:none;border-radius:20px}
.refine-panel .switch-row>.switch::before{width:14px;height:14px;top:2px;left:2px;box-shadow:0 1px 2px #76583b18}
.refine-panel .switch-row input{width:31px;height:24px;right:0;min-height:0}
.refine-panel .switch-row input:checked+.switch{background:var(--accent)}
.refine-panel .switch-row input:checked+.switch::before{transform:translateX(13px)}
.refine-panel .refine-playback{margin-top:19px}
.refine-panel .refine-playback .setting-title{margin-bottom:7px}
.refine-panel .refine-playback .refine-field{margin-top:11px}
.refine-panel .encoding-help,.refine-panel .canvas-export-note{font-size:10px;line-height:1.5;color:#a48e78;margin:7px 0 0}
.refine-panel .refine-grid>.refine-advanced{grid-column:1/-1;grid-row:2;margin:19px 0 0;padding:10px 0 0;border-top:1px solid var(--refine-line)}
.refine-panel .refine-advanced summary{display:flex;justify-content:space-between;align-items:center;font-family:var(--orbit-font);font-size:11px;font-weight:500;line-height:1.4;min-height:28px;color:#947a62;list-style:none}
.refine-panel .refine-advanced summary>.icon{width:13px;height:13px;color:#a38d75}
.refine-panel .refine-advanced-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;padding:4px 0 0}
.refine-panel .refine-advanced-grid>div{min-width:0}
.refine-panel .refine-advanced-grid>div:first-child>.refine-field:first-child{margin-top:8px}
.refine-panel .refine-advanced-grid>div:last-child{border-left:1px solid var(--refine-line);padding-left:25px;padding-top:8px}
.refine-panel .refine-advanced-grid .dither-row{margin-top:10px}
.refine-panel .field-help{font-size:9px;display:block;color:#ab9680}
.refine-panel .strength-label{margin:9px 0 0}
.refine-panel .strength-label .field-label{margin:0;font-size:10px}
.refine-panel .strength-label output{font-size:10px;color:#b07b4e}
.refine-panel .strength-slider{width:100%;height:4px;margin:12px 0 5px;accent-color:var(--accent);border:0;border-radius:9px;appearance:none;background:#e2d7c8}
.refine-panel .strength-slider::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border:2px solid #fff9f1;border-radius:50%;background:var(--accent);box-shadow:0 1px 4px #9c5b3230}
.refine-panel .strength-slider::-moz-range-thumb{width:10px;height:10px;border:2px solid #fff9f1;border-radius:50%;background:var(--accent)}
.refine-panel .strength-slider:disabled{opacity:.45}
@media(max-width:600px){
  .dialog.refine-panel{padding:20px;max-width:calc(100vw - 24px);border-radius:23px}
  .refine-panel .inspector.refine-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px}
  .refine-panel .refine-grid>.refine-canvas{grid-column:1!important;grid-row:1!important}
  .refine-panel .refine-side{grid-column:1;grid-row:2;border-left:0;padding:16px 0 0;border-top:1px solid var(--refine-line)}
  .refine-panel .refine-playback{margin-top:16px}
  .refine-panel .refine-grid>.refine-advanced{grid-row:3;margin:0}
  .refine-panel .custom-select-btn,.refine-panel .dimension-field{height:40px;min-height:40px}
  .refine-panel .dimension-field input[type=number]{height:36px;font-size:13px}
  .refine-panel .refine-heading-row h2{font-size:20px}
  .refine-panel .field-label,.refine-panel .switch-row{font-size:12px}
  .refine-panel .switch-row{min-height:35px}
  .refine-panel .setting-title h3{font-size:13px}
  .refine-panel .refine-advanced-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .refine-panel .refine-advanced-grid>div:last-child{padding:0;border:0}
}