.font-picker{position:relative;width:100%}.font-picker-trigger,.font-picker-option{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid #334155;border-radius:9px;background:#1e293b;color:#f8fafc;text-align:left;cursor:pointer}.font-picker-trigger canvas,.font-picker-option canvas{display:block;width:140px;height:36px;max-width:48%;object-fit:contain}.font-picker-trigger span,.font-picker-option span{font-size:11px}.font-picker-menu{margin-top:6px;border:1px solid #64748b;border-radius:10px;background:#0f172a;padding:5px;max-height:280px;overflow-y:auto}.font-picker-menu[hidden]{display:none}.font-picker-option{margin:3px 0;background:#0f172a}.font-picker-option[aria-selected=true]{border-color:#f59e0b;background:#35240b}.font-picker-option:hover{background:#1e293b}.font-picker-trigger:focus-visible,.font-picker-option:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}
.lamp-kit-callout{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid #334155;border-radius:12px;background:#020617;text-align:left}.lamp-kit-callout h3{font-size:13px;color:#fda4af;font-weight:750}.lamp-kit-callout p{font-size:12px;color:#e2e8f0;margin-top:6px}.lamp-kit-callout button{font-size:11px;color:#7dd3fc;text-decoration:underline;margin-top:9px}.lamp-kit-callout canvas{display:block;width:112px;height:84px;flex-shrink:0;max-width:35%}
#ToggleLampKitBtn[aria-pressed=true]{background:#164e63;color:#a5f3fc;border-color:#22d3ee}
.lamp-kit-callout{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px}.lamp-kit-callout>div:first-child{min-width:0}.lamp-kit-callout .lamp-kit-includes{font-size:11px;color:#cbd5e1}.lamp-kit-center{text-align:center}.lamp-kit-colors{border:0;padding:0;margin:0;display:flex;gap:6px;justify-content:center}.lamp-kit-colors legend{font-size:10px;color:#cbd5e1;margin-bottom:5px;width:100%}.lamp-kit-colors button{display:flex;align-items:center;gap:4px;padding:6px;border:1px solid #475569;border-radius:7px;color:#e2e8f0;text-decoration:none;font-size:10px;margin:0}.lamp-kit-colors button[aria-pressed=true]{border-color:#f59e0b;background:#35240b}.lamp-kit-colors button span{display:block;width:17px;height:17px;border:1px solid #94a3b8;border-radius:50%}.lamp-kit-callout canvas{max-width:100%;width:112px;justify-self:end}
@media(max-width:500px){.lamp-kit-callout{grid-template-columns:minmax(0,1fr) 90px;gap:8px}.lamp-kit-center{grid-row:2;grid-column:1/-1}.lamp-kit-callout canvas{grid-column:2;grid-row:1;width:90px;height:75px}}
.photo-slider-heading{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:4px;font-size:11px;color:#cbd5e1;margin-bottom:4px}.photo-slider-center{text-align:center;white-space:nowrap}.photo-slider-right{text-align:right}.photo-zoom-heading .photo-slider-center{grid-column:2}.photo-zoom-heading #ScaleVal{grid-column:3;text-align:right}.photo-slider-value{text-align:right;color:#38bdf8;font-size:11px;font-weight:700;margin-top:3px}
#ScaleSlider::-webkit-slider-thumb,#PanXSlider::-webkit-slider-thumb,#PanYSlider::-webkit-slider-thumb{background:#38bdf8;border-color:#bae6fd;box-shadow:0 0 10px #38bdf880}
#ScaleSlider::-moz-range-thumb,#PanXSlider::-moz-range-thumb,#PanYSlider::-moz-range-thumb{background:#38bdf8;border:2px solid #bae6fd;border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px #38bdf880}