.personal-palette-picker{position:fixed;left:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:9990;color:#30382f;font:13px/1.5 var(--font-manrope),system-ui,sans-serif}.personal-palette-panel,.personal-palette-trigger{background:#fffefa;border:1px solid #d8ddcf;box-shadow:0 8px 32px #1a2d2326;border-radius:16px}.personal-palette-trigger{display:flex;align-items:center;gap:9px;padding:12px 16px;max-width:min(300px,calc(100vw - 36px));min-height:44px;color:#364b39;font-weight:600;text-align:left}.personal-palette-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.personal-palette-panel{position:absolute;bottom:calc(100% + 10px);left:0;width:min(350px,calc(100vw - 36px));max-height:min(680px,calc(100dvh - 130px));overflow-y:auto;padding:18px}.personal-palette-panel header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.personal-palette-panel strong{font-size:16px}.personal-palette-panel header p{margin-top:3px;color:#66705f;font-size:12px}.personal-palette-panel header button{padding:5px;border-radius:8px}.personal-palette-options{display:grid;gap:7px;margin-top:16px}.personal-palette-options button{display:flex;align-items:center;gap:12px;padding:10px;min-height:58px;border:1px solid #e5e7df;border-radius:10px;text-align:left;color:#30382f}.personal-palette-options button:hover{background:#f1f4eb}.personal-palette-options button[aria-pressed=true]{border-color:#788769;background:#edf2e6}.personal-palette-options button>span:nth-child(2){flex:1}.personal-palette-options b{display:block;font-size:12px;font-weight:600}.personal-palette-options small{display:block;margin-top:2px;color:#66705f;font-size:11px}.personal-palette-swatches{display:flex;width:44px;flex-shrink:0}.personal-palette-swatches i{width:19px;height:28px;border-radius:5px;border:1px solid #0000000d;margin-left:-6px}.personal-palette-swatches i:first-child{margin-left:0}.personal-palette-reset{display:grid;width:44px;place-content:center;flex-shrink:0}.personal-palette-note{margin-top:14px;font-size:11px;color:#66705f}.personal-palette-picker :focus-visible{outline:2px solid #496b54;outline-offset:3px}@media (max-width:639px){.personal-palette-picker{left:12px;bottom:calc(80px + env(safe-area-inset-bottom))}.personal-palette-trigger{max-width:230px;padding:10px 12px;font-size:12px}.personal-palette-panel{width:min(350px,calc(100vw - 24px));max-height:calc(100dvh - 180px)}}