.outil-page{max-width:1040px;padding-top:58px;padding-bottom:140px}
.outil-page h1{font-size:clamp(30px,5vw,52px);line-height:1.05;margin:0 0 18px;letter-spacing:-.025em}
.outil-page .lead{max-width:65ch;color:#333;font-size:17px}
.outil-depot{position:relative;margin-top:32px;border:2px dashed var(--line);padding:42px 22px;text-align:center;background:#fff}
.outil-depot.survol{border-color:var(--ink);background:var(--soft)}
.outil-depot input{position:absolute;width:1px;height:1px;opacity:0}
.outil-depot:focus-within{outline:3px solid #315eea;outline-offset:4px;border-color:#111}
.outil-limite{font-size:13px;color:var(--muted);margin:14px 0}
.outil-options{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.outil-champ{display:flex;flex-direction:column;gap:5px;min-width:180px;font-size:13px;color:#444}
.outil-champ input,.outil-champ select{box-sizing:border-box;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;padding:10px 11px;min-height:44px}
.outil-champ input:focus-visible,.outil-champ select:focus-visible{outline:3px solid #315eea;outline-offset:2px;border-color:#111}
.outil-source-list{display:none!important}
.outil-mini{border:1px solid #bbb;background:#fff;color:var(--ink);padding:8px 10px;min-height:38px;cursor:pointer;font:700 12px/1.15 inherit}
.outil-mini:hover,.outil-mini:focus-visible{background:var(--ink);color:#fff}
.outil-mini:focus-visible,.outil-page-card:focus-visible{outline:3px solid #315eea;outline-offset:3px}
.outil-mini[disabled]{opacity:.4;cursor:not-allowed}
.outil-etat{min-height:1.6em;margin-top:15px;color:#444}
.outil-etat.ko{color:#a00020}
.outil-note{border-left:3px solid var(--ink);padding:12px 15px;margin:32px 0;color:#444;font-size:14px}
.outil-workspace{margin:28px 0 18px;padding:18px;border:1px solid var(--line);background:#f6f6f4}
.outil-workspace[hidden]{display:none}
.outil-work-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}
.outil-work-title{font:800 15px/1.2 inherit;letter-spacing:.06em;text-transform:uppercase}
.outil-counter{padding:6px 10px;border-radius:999px;background:#111;color:#fff;font-size:12px;white-space:nowrap}
.outil-progress{display:grid;grid-template-columns:minmax(130px,auto) 1fr;align-items:center;gap:12px;margin-bottom:16px;font-size:13px;color:#444}
.outil-progress[hidden]{display:none}
.outil-progress progress{width:100%;height:10px;accent-color:#111}
.outil-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;align-items:start}
.outil-page-card,.outil-image-card{position:relative;box-sizing:border-box;min-width:0;margin:0;padding:10px;border:2px solid transparent;border-radius:10px;background:#fff;color:#111;text-align:left;box-shadow:0 2px 9px rgba(0,0,0,.07)}
button.outil-page-card{cursor:pointer;font:inherit}
.outil-page-card:hover,.outil-page-card.selected{border-color:#111}
.outil-page-card.selected:after{content:"✓";position:absolute;top:7px;right:7px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#111;color:#fff;font-weight:900}
body[data-outil="supprimer"] .outil-page-card.selected{border-color:#a00020;background:#fff5f6}
body[data-outil="supprimer"] .outil-page-card.selected:after{content:"×";background:#a00020}
.outil-page-paper{position:relative;display:grid;place-items:center;overflow:hidden;min-height:170px;background:#e9e9e6;border:1px solid #ddd}
.outil-page-paper canvas{display:block;max-width:100%;height:auto;max-height:210px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.outil-page-label{display:block;margin-top:8px;text-align:center;font-size:12px;font-weight:750}
.outil-overlay{position:absolute;z-index:2;max-width:90%;padding:2px 4px;overflow:hidden;color:#222;font:800 10px/1.1 Arial,sans-serif;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}
.outil-overlay.numero.pos-bl{left:8%;bottom:7%}.outil-overlay.numero.pos-bc{left:50%;bottom:7%;transform:translateX(-50%)}.outil-overlay.numero.pos-br{right:8%;bottom:7%}.outil-overlay.numero.pos-tl{left:8%;top:7%}.outil-overlay.numero.pos-tr{right:8%;top:7%}
.outil-overlay.filigrane{left:50%;top:50%;font-size:18px;transform:translate(-50%,-50%) rotate(-35deg)}
.outil-overlay.filigrane.pos-center{transform:translate(-50%,-50%)}.outil-overlay.filigrane.pos-top{top:12%;transform:translate(-50%,0)}.outil-overlay.filigrane.pos-bottom{top:auto;bottom:12%;transform:translate(-50%,0)}.outil-overlay.filigrane.pos-mosaic{max-width:100%;white-space:normal;text-align:center;line-height:2.5;transform:translate(-50%,-50%)}
.outil-image-card{display:flex;flex-direction:column;gap:9px;cursor:grab}
.outil-image-card.dragging{opacity:.45}
.outil-image-card img{display:block;width:100%;height:160px;object-fit:contain;background:#e9e9e6}
.outil-order{position:absolute;top:16px;left:16px;z-index:2;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#111;color:#fff;font-weight:800}
.outil-image-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}
.outil-card-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.outil-card-actions .outil-mini{padding:6px 4px;font-size:10px}
.outil-source-badge{display:block;margin-top:8px;color:#555;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.outil-file-source-card{display:flex;flex-direction:column;gap:7px;min-height:92px;padding:14px;border:2px solid #888;border-radius:10px;background:#fff}
.outil-file-source-card .outil-source-badge{margin:0}.outil-source-name{overflow-wrap:anywhere;font-size:13px}.outil-source-pages{color:#555;font-size:12px}
.source-main{border-color:#888}.source-extra{border-color:#315eea;background:#f4f7ff}
.outil-insert-marker{grid-column:1/-1;padding:12px;border:2px dashed #315eea;border-radius:8px;background:#eef2ff;color:#173b9a;text-align:center;font-weight:800}
.outil-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.outil-actions-sticky{position:sticky;z-index:30;bottom:12px;margin-top:18px;padding:12px 86px 12px 12px;border:1px solid #bbb;border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 8px 28px rgba(0,0,0,.14);backdrop-filter:blur(8px)}
.outil-actions-sticky .btn{min-height:48px}
.outil-lien-retour{font-size:13px;color:var(--muted)}
body.outil-workspace-active{--pph-feedback-toolbar-offset:76px}
body.outil-workspace-active .pph-consent-manage{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
.outil-hub{padding-top:62px;padding-bottom:92px}.outil-hub h1{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:0 0 20px}.outil-cartes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px}.outil-carte{border:1px solid var(--line);padding:22px;text-decoration:none;background:#fff}.outil-carte:hover,.outil-carte:focus-visible{border-color:var(--ink);transform:translateY(-2px)}.outil-carte h2{font-size:19px;margin:0 0 8px}.outil-carte p{font-size:14px;color:#555;margin:0}.outil-badge{display:inline-block;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
@media(max-width:760px){.outil-cartes{grid-template-columns:repeat(2,minmax(0,1fr))}.outil-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.outil-page,.outil-hub{padding-top:38px}.outil-cartes{grid-template-columns:1fr}.outil-depot{padding:30px 14px}.outil-champ{min-width:100%}.outil-workspace{margin-left:-8px;margin-right:-8px;padding:12px}.outil-work-head{align-items:flex-start;flex-direction:column;gap:8px}.outil-progress{grid-template-columns:1fr}.outil-actions-sticky{bottom:8px;padding:9px 68px 9px 9px}.outil-actions-sticky .btn{flex:1 1 100%;width:100%}.outil-actions-sticky .outil-lien-retour{display:none}.outil-page-paper{min-height:145px}.outil-card-actions{grid-template-columns:1fr}.outil-card-actions .outil-mini{font-size:11px;min-height:36px}}
@media(max-width:350px){.outil-preview-grid{grid-template-columns:1fr}.outil-image-card img{height:190px}}
@media(prefers-reduced-motion:reduce){.outil-page-card,.outil-image-card,.outil-carte{transition:none}}

/* Professional merge and organize workflows. */
.outil-pro{max-width:1080px;padding-top:58px;padding-bottom:140px}
.outil-pro h1{font-size:clamp(30px,5vw,52px);line-height:1.05;margin:0 0 18px;letter-spacing:-.025em}
.outil-pro .lead{max-width:68ch;color:#333;font-size:17px}
.outil-pro-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:26px 0 8px}
.outil-pro-spacer{flex:1 1 auto}
.outil-pro-summary{font-size:13.5px;color:#444;font-weight:800}
.outil-pro-tool{min-height:44px;border:1px solid #bbb;background:#fff;color:#111;padding:8px 12px;font:700 12.5px/1.2 inherit;cursor:pointer}
.outil-pro-tool:not(:disabled):hover,.outil-pro-tool:focus-visible{border-color:#111;background:#111;color:#fff}
.outil-pro-tool:focus-visible,.outil-pro-zoom button:focus-visible,.outil-pro-mini:focus-visible,.outil-pro-card:focus-visible{outline:3px solid #315eea;outline-offset:2px}
.outil-pro-tool:disabled{opacity:.4;cursor:not-allowed}
.outil-pro-zoom{display:inline-flex;border:1px solid #bbb;background:#fff}
.outil-pro-zoom button{min-width:50px;min-height:42px;border:0;background:none;color:#555;padding:7px 10px;font:700 12px/1 inherit;cursor:pointer}
.outil-pro-zoom button.active{background:#111;color:#fff}
.outil-pro-help{margin:4px 0 0;color:var(--muted);font-size:12.5px}
.outil-pro-alert{border-left:3px solid #9b6b00;background:#fff8e8;padding:11px 14px;font-size:13.5px;margin:16px 0}
.outil-pro-alert[hidden]{display:none}
.outil-pro-grid{--pph-pro-thumb:168px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--pph-pro-thumb),1fr));gap:16px;align-items:start;margin:18px 0 26px;touch-action:pan-y}
.outil-pro-grid.moving{cursor:grabbing;user-select:none}
.outil-pro-card{position:relative;box-sizing:border-box;min-width:0;padding:9px;border:2px solid transparent;border-radius:10px;background:#fff;color:#111;cursor:grab;box-shadow:0 2px 9px rgba(0,0,0,.07);transition:border-color .12s,box-shadow .12s,opacity .12s}
.outil-pro-card:hover{border-color:#999;box-shadow:0 4px 14px rgba(0,0,0,.11)}
.outil-pro-card.dragged{z-index:25;cursor:grabbing;opacity:.88;box-shadow:0 12px 28px rgba(0,0,0,.22)}
.outil-pro-card.target-before{box-shadow:-4px 0 0 #315eea}.outil-pro-card.target-after{box-shadow:4px 0 0 #315eea}
.outil-pro-view{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:1/1.414;background:#e9e9e6;border:1px solid #ddd}
.outil-pro-view img{display:block;max-width:100%;max-height:100%;background:#fff;transition:transform .15s}
.outil-pro-rank{position:absolute;top:0;left:0;padding:6px 8px;background:#111;color:#fff;font-size:11px;line-height:1;letter-spacing:.04em}
.outil-pro-source{position:absolute;right:0;bottom:0;padding:4px 7px;background:rgba(255,255,255,.94);color:#444;font-size:10.5px}
.outil-pro-name{display:-webkit-box;overflow:hidden;margin:9px 0 2px;overflow-wrap:anywhere;font-size:12.5px;font-weight:800;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.outil-pro-meta{margin:0;color:var(--muted);font-size:11.5px}
.outil-pro-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:9px}
.outil-pro-controls.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.outil-pro-mini{min-width:0;min-height:44px;border:1px solid #bbb;background:#fff;color:#222;padding:6px 3px;font:800 11px/1.1 inherit;cursor:pointer}
.outil-pro-mini:hover,.outil-pro-mini:focus-visible{border-color:#111;background:#111;color:#fff}
.outil-pro-mini.danger:hover,.outil-pro-mini.danger:focus-visible{border-color:#a00020;background:#a00020;color:#fff}
.outil-pro-card.removed{opacity:.45}.outil-pro-card.removed .outil-pro-view{filter:grayscale(1)}
.outil-pro-card.removed .outil-pro-view:after{content:"Retirée";position:absolute;inset:auto 0 0;padding:5px;background:#a00020;color:#fff;text-align:center;font-size:11px;font-weight:800;letter-spacing:.05em}
.outil-pro-actions{position:sticky;z-index:30;bottom:12px;margin-top:18px;padding:12px 86px 12px 12px;border:1px solid #bbb;border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 8px 28px rgba(0,0,0,.14);backdrop-filter:blur(8px)}
.outil-pro-actions .btn{min-height:48px}
.outil-pro-modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:26px;background:rgba(10,10,10,.92)}
.outil-pro-modal.open{display:flex}
.outil-pro-modal figure{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:min(94vw,760px);max-height:88vh;margin:0}
.outil-pro-modal img{max-width:100%;max-height:78vh;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.5);transition:transform .15s}
.outil-pro-modal figcaption{color:#fff;text-align:center;font-size:13px}
.outil-pro-modal-close{position:absolute;top:14px;right:16px;min-width:48px;min-height:48px;border:0;background:none;color:#fff;font-size:34px;line-height:1;cursor:pointer}
.outil-pro-modal-nav{min-width:48px;min-height:56px;margin:0 8px;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:34px;line-height:1;cursor:pointer}
.outil-pro-modal-nav:hover,.outil-pro-modal-nav:focus-visible{background:rgba(255,255,255,.28);outline:3px solid #fff}
body[data-outil="fusionner"].outil-workspace-active,body[data-outil="organiser"].outil-workspace-active{--pph-feedback-toolbar-offset:76px}
@media(max-width:760px){.outil-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.outil-pro-toolbar{gap:6px}.outil-pro-tool{flex:1 1 auto}.outil-pro-controls.five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:500px){.outil-pro{padding-top:38px}.outil-pro-toolbar{align-items:stretch}.outil-pro-summary{flex:1 1 100%}.outil-pro-spacer{display:none}.outil-pro-tool{flex:1 1 calc(50% - 6px)}.outil-pro-zoom{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.outil-pro-grid{gap:10px}.outil-pro-card{padding:7px}.outil-pro-controls,.outil-pro-controls.five{grid-template-columns:repeat(2,minmax(0,1fr))}.outil-pro-actions{bottom:8px;padding:9px 68px 9px 9px}.outil-pro-actions .btn{width:100%}.outil-pro-modal{padding:10px}.outil-pro-modal-nav{margin:0 2px;padding:8px}}
@media(max-width:350px){.outil-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.outil-pro-card{padding:5px}.outil-pro-mini{font-size:10px}.outil-pro-name{font-size:11.5px}}
@media(prefers-reduced-motion:reduce){.outil-pro-card,.outil-pro-view img{transition:none}}

/* V49: aide éditoriale des outils, lisible sans gêner le parcours principal. */
.outil-contenu,.outil-hub-contenu{max-width:860px;margin-top:72px;padding-top:40px;border-top:1px solid var(--line)}
.outil-contenu h2,.outil-hub-contenu h2{margin:38px 0 14px;font-size:clamp(23px,3vw,32px);line-height:1.15}
.outil-contenu h3,.outil-hub-contenu h3{margin:26px 0 8px;font-size:18px;line-height:1.3}
.outil-contenu p,.outil-contenu li,.outil-hub-contenu p,.outil-hub-contenu li{max-width:78ch;line-height:1.68}
.outil-contenu .updated{margin:0;color:var(--muted);font-size:13px}
.outil-contenu .box,.outil-hub-contenu .box{margin:28px 0;padding:18px 20px;border-left:3px solid var(--ink);background:#f6f6f4}
.outil-contenu .related{margin-top:34px}
@media(max-width:600px){.outil-contenu,.outil-hub-contenu{margin-top:48px;padding-top:30px}.outil-contenu .box,.outil-hub-contenu .box{padding:15px}}