.customizer{position:fixed;bottom:22px;left:22px;z-index:190;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.45;color:#222922;color-scheme:light;letter-spacing:normal;text-transform:none}
.customizer [hidden]{display:none!important}
.customizer *{box-sizing:border-box}
.customizer button,.customizer input,.customizer select,.customizer textarea{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:normal;text-transform:none;color:#222922}
.customizer button{cursor:pointer;border-radius:7px;transition:background .18s,border-color .18s;appearance:none}
.customizer button:focus-visible,.customizer input:focus-visible,.customizer select:focus-visible,.customizer textarea:focus-visible{outline:2px solid #4d6b55;outline-offset:3px}
.customizer-toggle{display:flex;align-items:center;gap:8px;background:#f8f7f2;border:1px solid #d7d9ce;box-shadow:0 5px 25px #0003;padding:11px 15px;min-height:42px}
.customizer-toggle span{font-size:18px;color:#536a57}
.customizer-toggle:hover{background:#e9ece3}
.customizer-panel{position:absolute;bottom:54px;left:0;width:368px;max-height:min(760px,calc(100dvh - 108px));display:flex;flex-direction:column;overflow:hidden;background:#f8f7f2;border:1px solid #d4d7cc;border-radius:12px;box-shadow:0 12px 60px #0005;text-align:left}
.customizer-header{display:flex;align-items:center;justify-content:space-between;padding:19px 20px 16px;border-bottom:1px solid #dde0d5;background:#f8f7f2;flex-shrink:0}
.customizer-kicker{font-size:9px;letter-spacing:1.65px;color:#65705f;display:block;margin-bottom:5px}
.customizer-header h2{font:500 21px/1.25 Arial,Helvetica,sans-serif;color:#222922;margin:0;letter-spacing:-.35px;text-transform:none}
.customizer-close{background:#eeefe8;border:1px solid #d9dccf;width:33px;height:33px;font-size:24px!important;line-height:1!important}
.customizer-close:hover{background:#e0e5da}
.customizer-scroll{padding:18px 20px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bfc7b7 #f8f7f2}
.customizer-intro{font:12px/1.6 Arial,Helvetica,sans-serif;color:#687060;margin:0 0 19px}
.customizer-group{border:0;border-top:1px solid #dde0d5;padding:13px 0 0;margin:0 0 22px;min-width:0}
.customizer-group legend{font:600 12px/1.4 Arial,Helvetica,sans-serif;padding:0 10px 0 0;color:#334232}
.customizer-presets{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:18px}
.customizer-presets button{display:flex;align-items:center;gap:7px;min-height:39px;padding:7px;background:#fff;border:1px solid #d9dccf;text-align:left;font-size:10px}
.customizer-presets button:hover{background:#eff1e9;border-color:#94a18a}
.customizer-presets button[aria-pressed=true]{border-color:#536b55;box-shadow:0 0 0 1px #536b55;background:#eef2e9}
.customizer-swatch{width:25px;height:25px;flex-shrink:0;border-radius:50%;border:1px solid #0002;overflow:hidden;position:relative}
.customizer-swatch i{display:block;position:absolute;width:50%;height:100%;right:0}
.customizer-colors{display:flex;flex-direction:column;gap:8px}
.customizer-color{display:grid;grid-template-columns:1fr 29px 82px;align-items:center;gap:8px;min-width:0}
.customizer-color label{font-size:12px;color:#4c5746}
.customizer-color input[type=color]{appearance:none;-webkit-appearance:none;padding:2px;width:29px;height:29px;border:1px solid #d8dccf;border-radius:6px;background:#fff;cursor:pointer}
.customizer-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.customizer-color input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}
.customizer-color input[type=color]::-moz-color-swatch{border:0;border-radius:3px}
.customizer-hex{width:82px;height:29px;border:1px solid #d8dccf;background:#fff;padding:4px 6px;border-radius:5px;font-family:Consolas,monospace!important;font-size:11px!important}
.customizer-hex[aria-invalid=true]{border-color:#ab4350;background:#fff2f1}
.customizer-hint{font:10px/1.5 Arial,Helvetica,sans-serif;color:#727b6a;margin:11px 0 0}
.customizer-contrast{display:flex;align-items:center;gap:7px;margin-top:14px;font:12px/1.5 Arial,Helvetica,sans-serif}.customizer-contrast input{width:16px;height:16px;accent-color:#536b55}.customizer-contrast-note{font:10px/1.5 Arial,Helvetica,sans-serif;color:#52634e;margin:6px 0 0}
.customizer-font{display:grid;grid-template-columns:112px 1fr;gap:8px;align-items:center;margin-bottom:9px;font-size:12px;color:#4c5746}
.customizer-font select{width:100%;min-width:0;border:1px solid #d8dccf;border-radius:5px;background:#fff;padding:7px 5px;height:33px;font-size:11px}
.customizer-scale{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:12px;color:#4c5746}
.customizer-scale output{font:11px/1.4 Consolas,monospace;color:#334232;background:#e9ede2;border-radius:4px;padding:3px 6px}
.customizer-range{display:block;width:100%;height:22px;margin:9px 0 0;accent-color:#536b55;cursor:pointer}
.customizer-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.customizer-tools button{background:#eff1e9;border:1px solid #d7dccd;padding:9px 7px;display:flex;justify-content:space-between;align-items:center;gap:3px;font-size:11px;min-height:35px}
.customizer-tools button:hover{background:#e0e7d8}
.customizer-tools .customizer-reset{grid-column:1/-1;justify-content:center;background:transparent;margin-top:2px;color:#64725b;border-color:transparent;text-decoration:underline;text-underline-offset:3px}
.customizer-fallback{margin-top:13px}
.customizer-fallback label{display:block;font-size:11px;color:#4c5746;margin-bottom:7px}
.customizer-fallback textarea{width:100%;resize:vertical;background:#fff;border:1px solid #cdd5c2;border-radius:5px;padding:9px;font-size:11px;line-height:1.6;max-height:250px}
.customizer-footer{border-top:1px solid #dde0d5;padding:11px 20px 12px;flex-shrink:0;background:#f0f2e9}
.customizer-footer p{font:10px/1.5 Arial,Helvetica,sans-serif;color:#6b7562;margin:0}
.customizer-footer .customizer-status{margin-top:3px;color:#3e593f;min-height:15px}
@media(max-width:800px){.customizer{bottom:65px;left:12px}.customizer-toggle{padding:8px 12px;min-height:36px;font-size:11px!important}.customizer-panel{bottom:47px;width:min(368px,calc(100vw - 24px));max-height:calc(100dvh - 135px)}.customizer-header{padding:15px 16px 12px}.customizer-scroll{padding:15px 16px}.customizer-footer{padding:10px 16px}}
@media(max-width:800px){.customizer-panel{width:min(368px,calc(100vw - 40px))}}
@media(prefers-reduced-motion:reduce){.customizer button{transition:none}}
