/* Escala compartilhada; 12 px apenas para metadados curtos. */
#ld-demo{--ld-ui-scale:1;--ld-text-meta:calc(12px * var(--ld-ui-scale));--ld-text-support:calc(14px * var(--ld-ui-scale));--ld-text-body:calc(17px * var(--ld-ui-scale));--ld-text-title:calc(21px * var(--ld-ui-scale))}
#ld-demo .ld-picker-trigger{display:flex;flex-wrap:wrap;align-items:center;align-content:center;gap:4px 10px;min-height:40px;position:relative;text-align:left;color:var(--lm-text);border-radius:0 10px 10px 0;padding-block:4px;padding-right:32px;cursor:pointer}
#ld-demo .ld-picker-trigger:hover,#ld-demo .ld-picker-trigger[aria-expanded=true]{background:#c2d96b09}
#ld-demo .ld-picker-trigger .ld-preset-name{font-size:var(--ld-text-support);min-width:0;max-width:100%}
#ld-demo .ld-picker-trigger .ld-preset-eyebrow,#ld-demo .ld-picker-trigger .ld-save-state{font-size:var(--ld-text-meta)}
#ld-demo .ld-picker-trigger .ld-preset-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:12px;letter-spacing:.6px}
#ld-demo #ld-preset-picker{position:absolute;top:var(--lp-top,calc(100% + 4px));left:var(--lp-left,16px);width:min(360px,calc(100% - 24px));padding:6px;background:#252e21;border:1px solid #45523a;border-radius:16px;box-shadow:0 12px 32px #0005;z-index:12;text-align:left}
#ld-demo #ld-preset-picker button{min-height:40px;padding:8px 12px;border-radius:9px;font-size:var(--ld-text-support);font-weight:400;color:var(--lm-text);cursor:pointer;transition:background .12s}
#ld-demo #ld-preset-picker button:hover{background:#c2d96b0f}
#ld-demo .lp-folder-bar{display:flex;align-items:center;gap:2px;padding:2px 2px 6px;border-bottom:1px solid #3b4633}
#ld-demo #ld-preset-picker .lp-folder-button{display:flex;align-items:center;gap:10px;min-width:0;flex:1;text-align:left;color:var(--lm-muted);padding-inline:10px}
#ld-demo #lp-path{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ld-text-support)}
#ld-demo .lp-change{font-size:var(--ld-text-body);color:var(--lm-muted)}
#ld-demo .lp-folder-button:hover .lp-change{color:var(--lm-primary)}
#ld-demo #ld-preset-picker [data-picker=close]{flex:none;width:36px;min-height:36px;padding:0;color:var(--lm-muted);font-size:var(--ld-text-body)}
#ld-demo .lp-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 12px 8px}
#ld-demo #ld-preset-picker h2{font-size:var(--ld-text-support);font-weight:500;margin:0}
#ld-demo #lp-count{font-size:var(--ld-text-meta);color:var(--lm-muted)}
#ld-demo #lp-list{display:grid;gap:2px}
#ld-demo #ld-preset-picker .lp-preset{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;text-align:left;padding:10px 12px;color:var(--lm-text)}
#ld-demo .lp-preset:before{content:'';width:14px;flex:none;color:var(--lm-primary)}
#ld-demo .lp-preset[aria-pressed=true]:before{content:'✓'}
#ld-demo .lp-preset span{flex:1;min-width:0;overflow-wrap:anywhere}
#ld-demo .lp-preset small{font-size:var(--ld-text-body);color:var(--lm-primary);flex:none}
#ld-demo #ld-preset-picker .lp-preset[aria-pressed=true]{background:#c2d96b12}
#ld-demo #ld-preset-picker footer{margin-top:8px;padding:6px 2px 0;border-top:1px solid #3b4633}
#ld-demo #ld-preset-picker footer button{font-size:var(--ld-text-body);color:var(--lm-primary);width:100%;text-align:left}
#ld-demo #lp-folder-form,#ld-demo #lp-pending{padding:14px 10px 8px}
#ld-demo #lp-folder-form h2,#ld-demo #lp-pending h2{font-size:var(--ld-text-body);margin-bottom:14px}
#ld-demo #lp-folder-form label,#ld-demo #lp-pending p,#ld-demo #lp-empty{font-size:var(--ld-text-support);line-height:1.6;color:var(--lm-muted)}
#ld-demo #lp-empty{padding:12px;margin:4px 0 12px}
#ld-demo #lp-folder-input{display:block;width:100%;min-width:0;margin-top:8px;padding:10px 12px;background:var(--lm-surface);border:1px solid #566449;border-radius:8px;color:var(--lm-text);font-size:var(--ld-text-support)}
#ld-demo .lp-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:4px;margin-top:16px}
#ld-demo #ld-preset-picker [data-picker=save-switch],#ld-demo #lp-folder-form [type=submit]{background:var(--lm-primary);color:var(--lm-on-primary);border-radius:20px}
#ld-demo #ld-preset-picker[data-view=folder] .lp-list-heading,#ld-demo #ld-preset-picker[data-view=folder] #lp-list,#ld-demo #ld-preset-picker[data-view=folder] #lp-empty,#ld-demo #ld-preset-picker[data-view=folder] footer,#ld-demo #ld-preset-picker[data-view=pending] .lp-list-heading,#ld-demo #ld-preset-picker[data-view=pending] #lp-list,#ld-demo #ld-preset-picker[data-view=pending] #lp-empty,#ld-demo #ld-preset-picker[data-view=pending] footer{display:none}
#ld-demo .ld-picker-trigger:focus-visible,#ld-demo #ld-preset-picker button:focus-visible,#ld-demo #lp-folder-input:focus-visible{outline:2px solid var(--lm-primary);outline-offset:2px}
@media(pointer:coarse){#ld-demo #ld-preset-picker button{min-height:44px}}
@media(prefers-reduced-motion:reduce){#ld-demo #ld-preset-picker button{transition:none}}

#ld-demo .ld-preset-chevron{position:absolute;right:14px;top:50%;display:block;width:8px;height:8px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:translateY(-70%) rotate(45deg)}
#ld-demo .ld-picker-trigger[aria-expanded=true] .ld-preset-chevron{transform:translateY(-30%) rotate(225deg)}

/* Cabeçalho compacto; os textos quebram conforme o espaço disponível. */
#ld-demo .lm-appbar.ld-preset-header{min-height:68px;padding:12px 22px}
#ld-demo .ld-picker-trigger .ld-save-state{max-width:100%;text-align:left}
@media(max-width:820px){#ld-demo .lm-appbar.ld-preset-header{padding:12px 16px}}
@media(max-width:600px){#ld-demo .lm-appbar.ld-preset-header{gap:10px}}

/* Mesma métrica de texto para manter o centro visual da linha. */
#ld-demo .ld-picker-trigger .ld-preset-eyebrow,#ld-demo .ld-picker-trigger .ld-preset-name,#ld-demo .ld-picker-trigger .ld-save-state{font-size:var(--ld-text-support);line-height:1.5;align-self:center;margin-block:0;padding-block:0}