.notice-app{max-width:1800px;margin:0 auto;padding:14px}.notice-topbar{display:flex;justify-content:space-between;gap:16px;align-items:end;background:#fff;border:1px solid #d7dee5;border-radius:14px;padding:14px;margin-bottom:8px}.notice-title-area{display:flex;align-items:end;gap:20px;flex-wrap:wrap}.notice-title-area h1{margin:.1rem 0}.notice-doc-title{min-width:280px}.notice-doc-title input{font-weight:600}.notice-file-actions{display:flex;gap:7px;flex-wrap:wrap}.notice-ribbon{position:sticky;top:0;z-index:50;display:flex;gap:4px;align-items:stretch;flex-wrap:wrap;background:#eef2f5;border:1px solid #cfd8df;border-radius:10px;padding:5px;margin-bottom:8px}.ribbon-group{display:flex;gap:4px;align-items:center;flex-wrap:wrap;border-right:1px solid #cbd5dd;padding:18px 6px 4px;position:relative}.ribbon-label{position:absolute;top:1px;left:7px;font-size:.67rem;color:#637381;text-transform:uppercase;letter-spacing:.06em}.ribbon-group button,.ribbon-group select,.check-ribbon{height:32px;border:1px solid #bcc8d2;background:#fff;border-radius:5px;padding:4px 7px}.check-ribbon{display:flex;align-items:center;gap:4px;font-size:.82rem}.notice-workspace{display:grid;grid-template-columns:200px minmax(0,1fr) 260px;gap:8px;align-items:start}.notice-sidebar{background:#fff;border:1px solid #d6dee5;border-radius:10px;padding:12px;position:sticky;top:92px}.notice-sidebar h2{font-size:.96rem;margin:0 0 8px}.notice-sidebar label{display:block;margin:8px 0;font-size:.82rem}.notice-sidebar input,.notice-sidebar select{width:100%;margin-top:3px}.notice-sidebar .check-row{display:flex;align-items:center;gap:6px}.notice-sidebar .check-row input{width:auto;margin:0}.field-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:6px}.page-actions-compact{display:flex;gap:5px;margin-top:6px}.page-list{display:flex;flex-direction:column;gap:5px}.page-thumb{width:100%;display:flex;justify-content:space-between;border:1px solid #d3dce4;background:#f8fafb;border-radius:6px;padding:7px;cursor:pointer}.page-thumb.active{background:#e3eff7;border-color:#3d7ea6}.notice-canvas-shell{min-width:0}.canvas-toolbar{display:flex;justify-content:space-between;gap:10px;background:#39434b;color:#fff;padding:7px 10px;border-radius:8px 8px 0 0;font-size:.8rem}.notice-canvas-wrap{min-height:850px;background:#9aa3aa;padding:34px 26px;overflow:auto;border-radius:0 0 10px 10px}.notice-pages{display:flex;flex-direction:column;align-items:center;gap:24px}.notice-page{box-sizing:border-box;background:#fff;box-shadow:0 5px 18px #0005;position:relative;overflow:hidden;print-color-adjust:exact;-webkit-print-color-adjust:exact;background-size:5mm 5mm}.notice-page.active{outline:3px solid #246f9e}.notice-page.show-grid{background-image:linear-gradient(to right,#00000012 1px,transparent 1px),linear-gradient(to bottom,#00000012 1px,transparent 1px)}.notice-page.show-bleed:after{content:"";position:absolute;inset:3mm;border:1px dashed #d12b2b;pointer-events:none;z-index:9998}.page-badge{position:absolute;top:3mm;left:3mm;z-index:9999;background:#111a;color:#fff;border-radius:4px;padding:2px 5px;font-size:7pt;pointer-events:none}.page-objects{position:absolute;inset:0}.layout-object{position:absolute;box-sizing:border-box;border-style:solid;cursor:move;transform-origin:center center;user-select:none}.layout-object.selected{outline:1.5px solid #1473b8;outline-offset:1px}.layout-object .obj-label{display:none;position:absolute;left:0;top:-17px;background:#1473b8;color:#fff;font-size:8px;padding:2px 4px;white-space:nowrap}.layout-object.selected .obj-label{display:block}.resize-handle{display:none;position:absolute;width:9px;height:9px;background:#fff;border:1.5px solid #1473b8;z-index:5}.selected .resize-handle{display:block}.resize-handle.nw{left:-5px;top:-5px;cursor:nwse-resize}.resize-handle.ne{right:-5px;top:-5px;cursor:nesw-resize}.resize-handle.sw{left:-5px;bottom:-5px;cursor:nesw-resize}.resize-handle.se{right:-5px;bottom:-5px;cursor:nwse-resize}.text-frame-content{width:100%;height:100%;box-sizing:border-box;overflow:hidden;white-space:pre-wrap;word-break:break-word;user-select:text;cursor:text}.text-frame-content[contenteditable=true]{outline:2px inset #52a1d3;background:#fff8}.obj-image{overflow:hidden}.obj-image img{width:100%;height:100%;display:block;pointer-events:none}.obj-line{min-height:1px}.inspector-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:10px}.inspector-tabs button{border:1px solid #cbd5df;background:#f5f7f9;padding:6px}.inspector-tabs button.active{background:#dcebf5;border-color:#5892b8}.inspector-panel{display:none}.inspector-panel.active{display:block}.object-tools label{display:block}.text-button-row{display:flex;gap:4px;margin:7px 0}.text-button-row button{flex:1}.notice-status{margin-top:10px;border-radius:8px;background:#eef4f8;padding:9px;font-size:.82rem}.notice-status.error{background:#fff0f0;color:#982020}.notice-status.ok{background:#edf8ef;color:#216532}.tiny{font-size:.76rem}.muted{color:#687785}.notice-modal{position:fixed;inset:0;z-index:100;background:#0d1c2b99;display:grid;place-items:center;padding:20px}.notice-modal[hidden]{display:none}.notice-modal-card{width:min(720px,95vw);max-height:80vh;overflow:auto;background:#fff;border-radius:16px;padding:18px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head button{font-size:1.8rem;border:0;background:none}.saved-notice-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;border-top:1px solid #e2e8f0;padding:9px 0}.saved-notice-row small{display:block;color:#667085}.gate-card{text-align:center;max-width:520px}.gate-logo{width:70px}
@media(max-width:1180px){.notice-workspace{grid-template-columns:180px minmax(0,1fr)}.right-side{position:static;grid-column:1/-1}}@media(max-width:760px){.notice-app{padding:6px}.notice-topbar{flex-direction:column;align-items:stretch}.notice-workspace{display:block}.notice-sidebar{position:static;margin-bottom:8px}.notice-canvas-wrap{padding:14px;min-height:600px}.notice-ribbon{position:static}.ribbon-group{border-right:0;border-bottom:1px solid #cbd5dd;width:100%}.canvas-toolbar{font-size:.7rem}}
@media print{body>*:not(.notice-app){display:none!important}.top,.notice-topbar,.notice-ribbon,.notice-sidebar,.canvas-toolbar,footer{display:none!important}.notice-app,.notice-workspace,.notice-canvas-shell,.notice-canvas-wrap,.notice-pages{display:block!important;margin:0!important;padding:0!important;background:none!important;max-width:none!important;overflow:visible!important}.notice-pages{transform:none!important;margin-bottom:0!important}.notice-page{box-shadow:none!important;outline:0!important;margin:0!important;break-after:page;page-break-after:always;background-image:none!important}.notice-page:last-child{break-after:auto;page-break-after:auto}.page-badge,.resize-handle,.obj-label{display:none!important}.layout-object.selected{outline:0!important}.notice-page.show-bleed:after{display:none!important}}
.image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;padding:8px;box-sizing:border-box;color:#52606c;background:repeating-linear-gradient(135deg,#f7f9fa,#f7f9fa 8px,#eef2f4 8px,#eef2f4 16px)}.image-placeholder span{font-size:24px}.image-placeholder strong{font-size:10pt}.image-placeholder small{font-size:8pt}.template-card{width:min(880px,96vw)}.template-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.template-preset{border:1px solid #cbd5df;background:#f5f7f9;border-radius:8px;padding:10px;cursor:pointer}.template-preset.active{background:#dcebf5;border-color:#5892b8}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-grid label{font-size:.86rem}.template-grid .span-2{grid-column:1/-1}.template-grid input,.template-grid textarea{width:100%;box-sizing:border-box;margin-top:4px}.template-options{display:grid;gap:6px;margin:14px 0}.template-options .check-row{display:flex;align-items:center;gap:7px}.template-actions{display:flex;justify-content:flex-end;gap:8px}.notice-ribbon .ribbon-group:first-child{max-width:560px}
@media(max-width:760px){.template-presets,.template-grid{grid-template-columns:1fr}.template-grid .span-2{grid-column:auto}}

/* v0.5.3 — édition de texte fiabilisée */
.right-side{min-width:0}
.text-content-editor textarea{width:100%;min-height:132px;box-sizing:border-box;resize:vertical;margin-top:4px;padding:8px;border:1px solid #bcc8d2;border-radius:6px;font:inherit;line-height:1.35;background:#fff;color:#17212b}
.text-content-editor textarea:focus{outline:2px solid #6aa8cf;outline-offset:1px}
.text-frame-content[contenteditable=true]{user-select:text;cursor:text}
@media(min-width:1181px){.notice-workspace{grid-template-columns:200px minmax(0,1fr) 300px}}


/* v0.6.12 — espace de travail adaptatif, tablette et fenêtres détachables */
.notice-app{max-width:1920px}
.notice-ribbon{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.ribbon-group{flex:0 0 auto;flex-wrap:nowrap}
.ribbon-workspace{border-right:0}
.notice-workspace{grid-template-columns:190px minmax(0,1fr) 300px;grid-template-areas:"pages canvas inspector"}
.left-side{grid-area:pages}.notice-canvas-shell{grid-area:canvas}.right-side{grid-area:inspector}
.notice-sidebar{max-height:calc(100vh - 210px);overflow:auto;overscroll-behavior:contain}
.notice-canvas-wrap{min-height:calc(100vh - 235px)}
.notice-mobile-dock{display:none}
.notice-app.left-panel-collapsed .notice-workspace{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"canvas inspector"}
.notice-app.left-panel-collapsed .left-side{display:none}
.notice-app.right-panel-collapsed .notice-workspace,.notice-app.inspector-detached .notice-workspace{grid-template-columns:190px minmax(0,1fr);grid-template-areas:"pages canvas"}
.notice-app.right-panel-collapsed .right-side,.notice-app.inspector-detached .right-side{display:none}
.notice-app.left-panel-collapsed.right-panel-collapsed .notice-workspace,.notice-app.left-panel-collapsed.inspector-detached .notice-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"canvas"}
.notice-app.toolbar-detached .notice-ribbon,.notice-app.toolbar-detached .notice-file-actions{display:none}
.notice-app.toolbar-detached .notice-topbar{padding:8px 12px;align-items:center}
.notice-app.toolbar-detached .notice-title-area h1{font-size:1.25rem}
.layout-object{touch-action:none}
.text-frame-content[contenteditable=true]{touch-action:manipulation}

@media(max-width:1450px) and (min-width:1051px){
  .notice-app{padding:8px}
  .right-side{position:sticky;grid-column:auto}
  .notice-topbar{padding:10px}
  .notice-doc-title{min-width:210px}
  .notice-workspace{grid-template-columns:165px minmax(0,1fr) 275px}
  .notice-app.left-panel-collapsed .notice-workspace{grid-template-columns:minmax(0,1fr) 275px}
  .notice-app.right-panel-collapsed .notice-workspace,.notice-app.inspector-detached .notice-workspace{grid-template-columns:165px minmax(0,1fr)}
  .ribbon-group{padding:17px 4px 4px}
  .ribbon-group button,.ribbon-group select,.check-ribbon{font-size:.78rem;padding:3px 6px}
  .notice-sidebar{padding:9px}
}

@media(max-width:1050px){
  .notice-app{padding:6px}
  .notice-topbar{padding:9px;margin-bottom:6px;align-items:stretch}
  .notice-title-area{gap:8px;align-items:stretch}
  .notice-title-area h1{font-size:1.35rem}
  .notice-doc-title{min-width:180px;flex:1}
  .notice-file-actions{gap:5px}
  .notice-ribbon{position:sticky;top:0;z-index:80;border-radius:8px;padding:4px;margin-bottom:6px}
  .ribbon-group{width:auto;border-right:1px solid #cbd5dd;border-bottom:0;padding:18px 4px 4px}
  .ribbon-group button,.ribbon-group select,.check-ribbon{min-height:38px;height:38px;font-size:.8rem}
  .notice-mobile-dock{display:flex;position:sticky;top:52px;z-index:75;gap:5px;background:#fff;border:1px solid #d6dee5;border-radius:9px;padding:5px;margin-bottom:6px;box-shadow:0 2px 7px #0001}
  .notice-mobile-dock button{flex:1;min-height:40px;border:1px solid #bcc8d2;background:#f7f9fb;border-radius:7px}
  .notice-mobile-dock button.active{background:#dcebf5;border-color:#5892b8}
  .notice-workspace,.notice-app.left-panel-collapsed .notice-workspace,.notice-app.right-panel-collapsed .notice-workspace,.notice-app.inspector-detached .notice-workspace,.notice-app.left-panel-collapsed.inspector-detached .notice-workspace{display:block}
  .notice-sidebar{display:block!important;position:fixed;top:78px;bottom:10px;z-index:140;width:min(360px,88vw);max-height:none;overflow:auto;margin:0;border-radius:12px;box-shadow:0 15px 45px #0005;transition:transform .18s ease,visibility .18s ease;background:#fff}
  .left-side{left:8px;transform:translateX(calc(-100% - 20px));visibility:hidden}
  .right-side{right:8px;transform:translateX(calc(100% + 20px));visibility:hidden}
  .notice-sidebar.mobile-open{transform:translateX(0);visibility:visible}
  .notice-app.inspector-detached .right-side{display:none!important}
  .notice-canvas-wrap{padding:12px 8px;min-height:calc(100vh - 210px);overscroll-behavior:auto}
  .canvas-toolbar{position:sticky;top:101px;z-index:20;flex-wrap:wrap;padding:6px 8px}
  .resize-handle{width:14px;height:14px}
  .resize-handle.nw{left:-7px;top:-7px}.resize-handle.ne{right:-7px;top:-7px}.resize-handle.sw{left:-7px;bottom:-7px}.resize-handle.se{right:-7px;bottom:-7px}
}

@media(max-width:700px){
  .notice-topbar{flex-direction:column}
  .notice-file-actions{display:grid;grid-template-columns:repeat(4,1fr)}
  .notice-file-actions .btn{padding:7px 4px;font-size:.78rem;min-width:0}
  .notice-title-area{display:block}
  .notice-doc-title{display:block;width:100%;margin-top:7px}
  .notice-ribbon{top:0}
  .notice-mobile-dock{top:47px}
  .canvas-toolbar{top:95px;font-size:.68rem}
  .notice-canvas-wrap{padding:8px 4px;min-height:520px}
  .page-badge{font-size:6.5pt}
  .template-presets,.template-grid{grid-template-columns:1fr}
}

@media(pointer:coarse){
  .notice-ribbon button,.notice-ribbon select,.check-ribbon,.notice-sidebar button,.notice-sidebar input,.notice-sidebar select,.notice-mobile-dock button{min-height:42px}
  .inspector-tabs button{min-height:44px}
  .text-content-editor textarea{min-height:180px;font-size:16px}
  .resize-handle{width:18px;height:18px}
  .resize-handle.nw{left:-9px;top:-9px}.resize-handle.ne{right:-9px;top:-9px}.resize-handle.sw{left:-9px;bottom:-9px}.resize-handle.se{right:-9px;bottom:-9px}
}