#section-editor .hp-intro{max-width:80ch}#section-editor .hp-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:16px}#section-editor .hp-panel{padding:14px;border:1px solid #867347;border-radius:12px;background:#102b25;color:#f4efdc}#section-editor .hp-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}#section-editor label{display:block;font-size:1rem;margin:8px 0}#section-editor input,#section-editor select,#section-editor textarea{color:#f4efdc;background:#153b30;border:1px solid #a38c51;border-radius:5px;padding:8px;max-width:100%;box-sizing:border-box}#section-editor input[type=number]{width:110px}#section-editor button{padding:9px 12px;border:1px solid #c5a65c;border-radius:6px;background:#254b39;color:#fff5d5;cursor:pointer}#section-editor button:disabled{opacity:.5}#section-editor canvas{width:100%;height:auto;display:block;touch-action:none;border-radius:8px;background:#f4efdc}#section-editor .hp-note{font-size:1rem;line-height:1.5}#section-editor .hp-fields{display:flex;gap:12px;flex-wrap:wrap}#section-editor textarea{width:100%;min-height:100px}#section-editor [role=status]{min-height:1.5em;color:#f1d488}#section-editor button:focus-visible,#section-editor input:focus-visible,#section-editor select:focus-visible,#section-editor textarea:focus-visible{outline:3px solid #efd692;outline-offset:3px}@media(max-width:700px){#section-editor .hp-layout{display:flex;flex-direction:column}#section-editor .hp-panel{padding:10px}#section-editor .hp-toolbar{gap:6px}#section-editor canvas{position:static}#section-editor .hp-note{font-size:1rem}}
/* La prévisualisation reste près des commandes sur petit écran. */
@media(max-width:700px){#section-editor .hp-layout>.hp-panel:first-child{display:contents}#section-editor #hp-canvas{position:sticky;top:0;z-index:3;align-self:flex-start;box-shadow:0 3px 10px #081b15aa}#section-editor .hp-layout>.hp-panel:nth-child(2){width:100%;box-sizing:border-box}#section-editor .hp-layout>.hp-panel:nth-child(2) input,#section-editor .hp-layout>.hp-panel:nth-child(2) select,#section-editor .hp-layout>.hp-panel:nth-child(2) button{scroll-margin-top:375px}#section-editor .hp-screen-legend{width:100%;font-size:1rem}#section-editor #hp-geometry{margin:0;font-size:.95rem}#section-editor #hp-status{margin:0}}
#section-editor button,.tool-actions button,.tool-switch button{touch-action:manipulation}