/* Veillée — page Musique (refonte 3-3, B-VEI-105) : une ligne d'outils, liste compacte, carrousel au modèle des Personnages, pistes, sélecteur.
 * Mesures : jetons de web/tokens.css (2/4/8/12/16 ; 11/13/14 ; 22 px). Les couleurs, rayons et polices viennent de l'univers. Thème clair uniquement. */
.vm-workspace{min-width:0;margin-top:var(--sp-3);color:var(--ink)}
.vm-workspace button:focus-visible,.vm-workspace input:focus-visible,.vm-workspace select:focus-visible,.vm-workspace [tabindex]:focus-visible{outline:2px solid var(--green);outline-offset:1px}
.vm-workspace h2{font:600 var(--fs-title)/var(--lh-title) var(--theme-title-font,inherit);margin:0}
.vm-meta{display:block;color:var(--muted);font-size:var(--fs-small);line-height:var(--lh-small)}
.vm-lib-head{display:flex;align-items:center;min-height:var(--bar-h)}
.vm-section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:var(--bar-h)}
.vm-button{white-space:nowrap}.vm-button svg{width:12px;height:12px;flex-shrink:0}.vm-icon-button{justify-content:center}.vm-actions{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}
.vm-empty{padding:var(--sp-5);color:var(--muted);line-height:var(--lh-base);text-align:center}.vm-count{font-size:var(--fs-small);color:var(--muted);white-space:nowrap}
.vm-feedback{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vm-error{color:var(--copper);font-weight:600}
.vm-status{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:var(--btn-h);margin-top:var(--sp-3)}
.vm-columns{display:grid;grid-template-columns:212px minmax(0,1fr) minmax(240px,304px);gap:var(--sp-3);align-items:start}.vm-center{min-width:0}
.vm-settings-collapsed .vm-columns{grid-template-columns:minmax(0,1fr) minmax(240px,304px)}

/* Ligne d'outils : tout sur une ligne, champs de 22 px */
.vm-tools{flex-wrap:nowrap;min-width:0}
.vm-tools>*{flex:none}
.vm-tools .vm-search{flex:1 1 176px;min-width:176px}
.vm-folder-select{flex:0 1 160px;min-width:136px;max-width:220px;width:160px}
.vm-search{position:relative;display:flex;align-items:center;min-width:0}
.vm-search svg{position:absolute;left:var(--sp-3);width:12px;height:12px;color:var(--muted);pointer-events:none}.vm-search .vs-input{width:100%;padding-left:calc(var(--sp-5) + var(--sp-3));padding-right:var(--sp-3)}
.vm-tools .vao-summary{display:none}
.vm-tools .vao-trigger{height:var(--btn-h);min-height:0;padding:0 var(--sp-3)}
.vm-tools .v-carousel-focus-button{min-height:var(--btn-h);min-width:0;height:var(--btn-h);padding:0 var(--sp-3);font-size:var(--fs-base);border-radius:var(--vs-radius-button)}
.vm-filter select,.vm-field select,.vm-field input{width:100%}
.vm-field select,.vm-field input{border:1px solid var(--line);border-radius:var(--vs-radius);background-color:var(--surface);color:var(--ink);height:var(--field-h)}

/* Zone de travail : liste (ou arbre, ou carrousel) à gauche, pistes à droite */
.vm-work{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--sp-3);margin-top:var(--sp-3);height:clamp(420px,calc(100dvh - 360px),860px)}
.vm-work[data-view="carrousel"]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:auto}
.vm-pane{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--vs-radius-panel);background:var(--surface)}
.vm-list-host{flex:1;min-height:0;display:flex;flex-direction:column}.vm-list-host[hidden],.vm-carousel[hidden]{display:none}
.vm-plist{flex:1;min-height:0;overflow:auto;padding:var(--sp-2);scrollbar-gutter:stable;outline:none}.vm-plist:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.vm-prow .vs-name{flex:1}.vm-prow-type{width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vm-prow-count{width:56px;text-align:right}.vm-prow-dur{width:48px;text-align:right}
.vm-prow[draggable="true"]{cursor:grab}
.vm-prow .vm-prow-play{opacity:0;height:var(--btn-h);width:var(--btn-h)}
.vm-prow:hover .vm-prow-play,.vm-prow:focus-within .vm-prow-play,.vm-prow-on .vm-prow-play{opacity:1}
.vm-prow-on{background:var(--green-soft)}
.vm-ptree .vs-row{cursor:pointer}.vm-ptree ul{padding-left:var(--sp-5)}.vm-ptree .vm-prow .vs-name{flex:1}
.vm-ptree-host>ul{padding:0}
.vm-editor{min-height:0}
.vm-editor>.vm-empty{margin:auto}
.vm-work[data-view="carrousel"] .vm-editor{height:clamp(300px,44dvh,560px)}

/* Carrousel : modèle du carrousel Personnages (cartes verticales, coverflow « unfold ») */
.vm-carousel{min-width:0}
.vm-stage{position:relative}.vm-stage[hidden]{display:none}
.vm-workspace:not(.v-carousel-focus-on) .vm-flow{--vc-h:372px;--vc-w0:256px;--vc-w1:112px;--vc-w2:80px;--vc-w3:56px;--vc-w4:40px;--vc-gap:var(--sp-3)}
.vm-stage .vc-unfold{outline:none}
.vm-stage .vc-panel{background:var(--surface);border:0}
.vm-stage-empty-host:empty{display:none}.vm-stage-empty{display:grid;place-content:center;text-align:center;gap:var(--sp-2);color:var(--muted);padding:var(--sp-5);min-height:160px}.vm-stage-empty strong{color:var(--ink);font-size:var(--fs-title)}.vm-stage-empty p{margin:0;max-width:360px}
.vm-stage-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--line)}.vm-footer-current{flex:1;min-width:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Un dépôt vise la carte, pas la surface cliquable des voisines : pendant un glissé, la surface laisse passer. */
.vm-drag-active .vm-stage .vc-cover{pointer-events:none}

.vm-card{height:100%;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--vs-radius-panel);overflow:hidden;min-width:0}
.vm-card-active{border-color:var(--green)}
.vm-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3);border-bottom:1px solid var(--line);flex-shrink:0;flex-wrap:wrap}
.vm-card-title{min-width:0;flex:1 1 180px}.vm-card-title h3{margin:0;font:600 var(--fs-title)/var(--lh-title) var(--theme-title-font,inherit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vm-card-actions{flex-wrap:wrap;justify-content:flex-end;max-width:100%}
.vm-name{background:none;border:0;padding:0 var(--sp-2);margin:0 calc(var(--sp-2) * -1);font:inherit;color:var(--ink);border-radius:var(--vs-radius);cursor:text;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.vm-name:hover{background:var(--green-soft)}
.vm-name-input{width:100%;font:inherit;border:1px solid var(--green);border-radius:var(--vs-radius);padding:0 var(--sp-3);height:var(--field-h);background:var(--surface);color:var(--ink)}
.vm-card-foot{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-top:1px dashed var(--line);font-size:var(--fs-small);color:var(--muted);background:var(--paper);flex-shrink:0;min-height:var(--bar-h)}.vm-drag-active .vm-card-foot{color:var(--green);border-color:var(--green)}
/* Carte du carrousel : image du type, titre sur une ligne, pistes qui remplissent la carte, commandes alignées */
.vm-pcard{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:var(--sp-2);padding:var(--sp-2);height:100%}
.vm-pcard .vm-card-head{padding:0;border:0;display:block;flex:none}.vm-pcard .vm-card-name{display:block;font:600 var(--fs-base)/var(--lh-base) -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
.vm-card-art{position:relative;display:grid;place-items:center;height:72px;border-radius:var(--vs-radius);background:var(--paper);overflow:hidden}
.vm-card-art svg{width:24px;height:24px}
.vm-card-art[data-type="amb"]{background:var(--green-soft);color:var(--green)}
.vm-card-art[data-type="lieu"]{background:color-mix(in srgb,var(--blue,var(--green)) 16%,var(--surface));color:var(--blue,var(--green))}
.vm-card-art[data-type="bruit"]{background:var(--copper-soft);color:var(--copper)}
.vm-card-badge{position:absolute;left:var(--sp-2);top:var(--sp-2);padding:0 var(--sp-2);border-radius:var(--vs-radius);background:var(--surface);color:var(--ink)}
.vm-card-tracks{list-style:none;margin:0;padding:0;min-height:0;overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.vm-card-track{cursor:default}.vm-card-track.is-sub .vs-name{font-style:italic}.vm-card-empty{padding:var(--sp-3);list-style:none}
.vm-pcard-foot{background:transparent;border:0;padding:0;gap:var(--sp-2);justify-content:flex-start}.vm-pcard-meta{flex:1}
.vm-pcard-foot .vrc-chip,.vm-pcard-foot .vcs-chip{flex:none}
/* Voisines : seule l'image du type, sur toute la carte */
.vc-panel:not([data-vc-step="0"]) .vm-pcard{grid-template-rows:minmax(0,1fr);padding:var(--sp-1)}
.vc-panel:not([data-vc-step="0"]) .vm-pcard>:not(.vm-card-art){display:none}
.vc-panel:not([data-vc-step="0"]) .vm-card-art{height:100%}
.vm-review-partial{color:#af2929!important}

/* Pistes : lignes de 22 px, répétition, volume */
.vm-tracks{list-style:none;margin:0;padding:var(--sp-1) 0;flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;outline:none}.vm-tracks:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.vm-track{display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-3) 0 var(--sp-2);min-height:var(--row-h);position:relative;min-width:0;cursor:default}.vm-track:hover{background:color-mix(in srgb,var(--green-soft) 55%,transparent)}
.vm-track.vm-selected{background:var(--green-soft)}.vm-track-missing{opacity:.6}
.vm-grip{color:var(--muted);cursor:grab;font-size:var(--fs-base);flex-shrink:0;line-height:1}.vm-track-index{font-variant-numeric:tabular-nums;font-size:var(--fs-small);color:var(--muted);min-width:var(--sp-5);text-align:right}.vm-track.vm-playing .vm-track-index{color:var(--green);font-weight:700}
.vm-track-icon{display:inline-flex}.vm-track-icon svg{width:12px;height:12px;color:var(--muted)}.vm-track-nested .vm-track-icon svg{color:var(--green)}
.vm-track-name{flex:1 1 120px;min-width:0;display:flex;align-items:baseline;gap:var(--sp-3)}.vm-track-name strong{font-weight:500;font-size:var(--fs-base);line-height:var(--lh-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.vm-track-name .vm-meta{display:none}.vm-track-nested .vm-track-name .vm-meta,.vm-track-missing .vm-track-name .vm-meta{display:block;white-space:nowrap;flex:none}
.vm-playing-status{display:block;color:var(--green);font-size:var(--fs-small);font-weight:600;white-space:nowrap;flex:none}.vm-playing-status[hidden]{display:none}
.vm-track-controls{display:flex;gap:var(--sp-2);align-items:center;flex-shrink:0;margin-left:auto}.vm-volume-label{font-variant-numeric:tabular-nums}
.vm-repeat.vm-on{background:var(--green-soft);border-color:var(--green);color:var(--green)}.vm-play-toggle[data-vm-playing=true]{background:var(--green-soft);border-color:var(--green);color:var(--green)}
.vm-tracks-empty{padding:var(--sp-5);color:var(--muted);line-height:var(--lh-base);text-align:center;list-style:none}
.vm-drop-before::before,.vm-drop-after::after{content:"";position:absolute;left:var(--sp-3);right:var(--sp-3);height:2px;background:var(--green);border-radius:2px;z-index:1}.vm-drop-before::before{top:-1px}.vm-drop-after::after{bottom:-1px}
.vm-drop-active{outline:2px dashed var(--green)!important;outline-offset:-3px;background:var(--green-soft)!important}.vm-dragging{opacity:.4}
.vm-track-remove{color:var(--muted)}.vm-track-remove:hover{color:var(--copper);background:var(--copper-soft)}
.vm-track-controls .vcs-vol,.vm-card-actions .vcs-vol{width:112px;min-width:96px}
.vm-card-actions select{max-width:128px;min-width:0}
.vm-volume-compact{display:inline-flex;align-items:center;gap:var(--sp-2);min-width:0}
.vm-volume-compact output{min-width:32px;font-size:var(--fs-small);font-variant-numeric:tabular-nums;white-space:nowrap}
.vm-subplaylist{list-style:none;padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-5);border-left:2px solid var(--green);background:var(--paper)}
.vm-subplaylist>.vm-tracks{max-height:300px;min-height:60px;border:1px solid var(--line);border-radius:var(--vs-radius);background:var(--surface)}
.vm-subplaylist>.vm-meta{margin:0 0 var(--sp-2)}
.vm-editor-card{border:0;border-radius:0;flex:1;min-height:0}
.vm-editor-card .vm-tracks{min-height:120px}

/* Réglages (gauche) */
.vm-settings{background:var(--surface);border:1px solid var(--line);border-radius:var(--vs-radius-panel);padding:var(--sp-4);position:sticky;top:var(--sp-5);max-height:calc(100vh - 36px);overflow:auto;min-width:0}
.vm-field{display:grid;gap:var(--sp-2);margin:var(--sp-3) 0;font-size:var(--fs-small)}.vm-field>label{color:var(--muted);font-weight:600}.vm-field small{color:var(--muted);line-height:var(--lh-small);font-size:var(--fs-small)}
.vm-check{display:flex;gap:var(--sp-3);align-items:center;font-size:var(--fs-base);margin:var(--sp-4) 0}.vm-check input{width:14px;accent-color:var(--green);margin:0}
.vm-settings-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4)}
.vm-settings hr{border:0;border-top:1px solid var(--line);margin:var(--sp-5) 0}.vm-settings-track{font:600 var(--fs-title)/var(--lh-title) var(--theme-title-font,inherit);margin:var(--sp-2) 0;overflow-wrap:anywhere}.vm-hint{font-size:var(--fs-small);color:var(--muted);line-height:var(--lh-small);margin:var(--sp-3) 0 0}
.vm-volume{display:grid;gap:var(--sp-2)}.vm-volume-row{display:flex;align-items:center;gap:var(--sp-3)}.vm-volume-row svg{width:12px;height:12px;color:var(--muted);flex:none}.vm-volume-row input{flex:1;min-width:0;accent-color:var(--green);margin:0;border:0}.vm-volume-value{font-variant-numeric:tabular-nums;font-size:var(--fs-small);min-width:36px;text-align:right}.vm-volume small{color:var(--muted);font-size:var(--fs-small);line-height:var(--lh-small)}
.vm-volume-presets{display:flex;gap:var(--sp-2);padding:var(--sp-3) var(--sp-3) var(--sp-2)}.vm-volume-presets .vm-button{flex:1}
.vm-volume-row .vcs-vol{flex:1;min-width:48px}
.vm-menu-block{padding:var(--sp-3) var(--sp-3) var(--sp-2)}.vl-context .vm-volume-row input{width:auto}

/* Sélecteur de sons (droite) */
.vm-library{background:var(--surface);border:1px solid var(--line);border-radius:var(--vs-radius-panel);padding:var(--sp-3);position:sticky;top:var(--sp-5);max-height:calc(100vh - 36px);display:flex;flex-direction:column;min-width:0}
.vm-library .vm-search{margin:var(--sp-3) 0 0}
.vm-modes{display:flex;gap:var(--sp-2);margin:var(--sp-3) 0;background:var(--paper);padding:var(--sp-2);border-radius:var(--vs-radius)}.vm-mode{flex:1;border:0;background:transparent;border-radius:var(--vs-radius);padding:0 var(--sp-3);height:var(--btn-h);font-weight:600;color:var(--muted);cursor:pointer}.vm-mode-on{background:var(--surface);color:var(--green)}
.vm-tree{flex:1;min-height:200px;overflow:auto;margin-top:var(--sp-3);scrollbar-gutter:stable;padding-right:var(--sp-1)}
.vm-node{display:flex;align-items:center;gap:var(--sp-1);padding-left:calc(var(--depth)*var(--sp-4));min-height:var(--row-h);border-radius:var(--vs-radius);border:1px solid transparent;position:relative;min-width:0}.vm-node:hover{background:var(--paper)}.vm-node-current{background:var(--green-soft);border-color:var(--green)}
.vm-node-toggle.vm-icon-button,.vm-node-more.vm-icon-button,.vm-node-controls .vm-icon-button{border:0;background:transparent}.vm-node-spacer{width:var(--btn-h);flex:none}
.vm-node-name{flex:1;min-width:0;display:flex;align-items:center;gap:var(--sp-3);border:0;background:transparent;padding:0 var(--sp-2);text-align:left;color:var(--ink);cursor:pointer;border-radius:var(--vs-radius)}.vm-node-name svg{width:12px;height:12px;color:var(--muted);flex:none}.vm-node-folder .vm-node-name svg,.vm-node-playlist .vm-node-name svg{color:var(--green)}
.vm-node-label{min-width:0;flex:1}.vm-node-label strong{display:block;font-size:var(--fs-base);font-weight:500;line-height:var(--lh-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vm-node-folder .vm-node-label strong{font-weight:600}.vm-node-label .vm-meta{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vm-node .vm-count{min-width:var(--sp-5);text-align:right}.vm-node-controls{display:flex;gap:var(--sp-1);opacity:0}.vm-node-more{opacity:0}.vm-node:hover .vm-node-controls,.vm-node:focus-within .vm-node-controls,.vm-node.vm-playing .vm-node-controls,.vm-node:hover .vm-node-more,.vm-node:focus-within .vm-node-more{opacity:1}
.vm-node-sound{cursor:grab}.vm-node.vm-playing{background:var(--green-soft)}.vm-node.vm-playing .vm-node-label strong{color:var(--green)}
.vm-remove-zone{display:none;margin-top:var(--sp-3);padding:var(--sp-3);border:2px dashed var(--copper);border-radius:var(--vs-radius);color:var(--copper);text-align:center;align-items:center;justify-content:center;gap:var(--sp-2)}.vm-remove-zone svg{width:12px;height:12px}.vm-drag-entry .vm-remove-zone{display:flex}.vm-remove-zone.vm-drop-active{background:var(--copper-soft)!important;outline-color:var(--copper)!important}

/* Fenêtres flottantes */
.vm-windows[hidden]{display:none}
.vm-window{position:fixed;width:440px;height:auto;min-width:300px;min-height:0;max-width:calc(100vw - 16px);max-height:var(--vs-cap,calc(100vh - 16px));background:var(--surface);border:1px solid var(--line);border-radius:var(--vs-radius-panel);box-shadow:0 24px 60px #292d2740;display:flex;flex-direction:column;overflow:hidden;z-index:60;outline:none}
.vm-window:focus-within{border-color:var(--green)}
.vm-window-head{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line);background:var(--paper);cursor:move;user-select:none;touch-action:none;flex-shrink:0}.vm-window-title{flex:1;min-width:0}.vm-window-title strong{display:block;font-size:var(--fs-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vm-window-title .vm-meta{margin:var(--sp-1) 0 0}
.vm-window-body{flex:1;min-height:0;display:flex;flex-direction:column}.vm-window-body .vm-tracks{flex:1 1 auto}.vm-window-foot{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-small);color:var(--muted);border-top:1px dashed var(--line);background:var(--paper);flex-shrink:0}.vm-drag-active .vm-window-foot{color:var(--green);border-color:var(--green)}
.vm-resize{position:absolute;z-index:2;touch-action:none}
.vm-resize-n,.vm-resize-s{left:10px;right:10px;height:6px;cursor:ns-resize}.vm-resize-n{top:0}.vm-resize-s{bottom:0}
.vm-resize-e,.vm-resize-w{top:10px;bottom:10px;width:6px;cursor:ew-resize}.vm-resize-e{right:0}.vm-resize-w{left:0}
.vm-resize-ne,.vm-resize-nw,.vm-resize-se,.vm-resize-sw{width:14px;height:14px}
.vm-resize-ne{top:0;right:0;cursor:nesw-resize}.vm-resize-nw{top:0;left:0;cursor:nwse-resize}.vm-resize-se{bottom:0;right:0;cursor:nwse-resize}.vm-resize-sw{bottom:0;left:0;cursor:nesw-resize}

/* Agrandir : la carte occupe toute la place, la liste des pistes se retire */
.vm-workspace.v-carousel-focus-on .vm-editor{display:none}
.vm-workspace.v-carousel-focus-on .vm-work{height:auto}

@media(max-width:1250px){.vm-columns{grid-template-columns:200px minmax(0,1fr) 240px}.vm-settings-collapsed .vm-columns{grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:1000px){
  .vm-columns,.vm-settings-collapsed .vm-columns{grid-template-columns:minmax(0,1fr)}.vm-center{order:1}.vm-library{order:2}.vm-settings{order:3}.vm-settings,.vm-library{position:static;max-height:none}.vm-tree{max-height:420px}
  .vm-work{grid-template-columns:minmax(0,1fr);grid-template-rows:none;height:auto}.vm-list-host{max-height:340px}.vm-editor{height:clamp(320px,60dvh,560px)}
  .vm-tools{flex-wrap:wrap}.vm-tools .vm-search{flex:1 1 100%;order:-1}
}
@media(max-width:600px){
  .vm-workspace:not(.v-carousel-focus-on) .vm-flow{--vc-h:372px;--vc-w0:84cqw;--vc-w1:48px;--vc-w2:32px;--vc-w3:20px;--vc-w4:0px}
  .vm-prow-type,.vm-prow-dur{display:none}
  .vm-window{width:calc(100vw - 16px);height:auto;left:8px!important}
  .vm-tools .vs-btn,.vm-tools .vs-input,.vm-tools .vs-select{min-height:32px}.vm-tools .vs-btn{padding:0 var(--sp-4)}
  .vm-track{flex-wrap:wrap;padding-top:var(--sp-2);padding-bottom:var(--sp-2)}
}
@media(prefers-reduced-motion:reduce){.vm-workspace *{transition:none!important;scroll-behavior:auto!important}}
/* Renommage sur place dans l'arbre des playlists (Entrée, comme le Finder). */
.vm-tree-rename{width:100%;min-width:0;box-sizing:border-box;font:inherit;padding:1px 4px;border:1px solid var(--accent,#9a6b3f);border-radius:4px;background:var(--surface,#fff);color:inherit}