*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:#0f172a;color:#f1f5f9;display:flex;height:100vh;overflow:hidden}#sidebar{width:320px;flex-shrink:0;background:#1e293b;padding:1rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}h1{font-size:1rem;font-weight:700;color:#38bdf8}label{font-size:.75rem;color:#94a3b8;display:block;margin-bottom:.25rem}input[type=number],input[type=text],select,textarea{width:100%;padding:.4rem .6rem;background:#0f172a;border:1px solid #334155;color:#f1f5f9;border-radius:4px;font-size:.85rem;font-family:inherit}textarea{font-family:monospace;font-size:.72rem;color:#86efac;resize:vertical;min-height:120px}.row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}button{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;font-weight:600}.btn-primary{background:#0ea5e9;color:#fff}.btn-secondary{background:#334155;color:#f1f5f9}#yaml-output{background:#0f172a;border:1px solid #334155;border-radius:6px;padding:.75rem;font-family:monospace;font-size:.75rem;color:#86efac;white-space:pre;min-height:120px;cursor:pointer;position:relative}#yaml-output:after{content:"Clic pour copier";position:absolute;top:.4rem;right:.4rem;font-size:.65rem;color:#475569;font-family:system-ui}.preview-box{border:1px solid #334155;border-radius:6px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;min-height:80px}#preview-canvas{display:block}hr{border:none;border-top:1px solid #334155}.hint{font-size:.7rem;color:#475569;line-height:1.4}.coords-accordion summary{cursor:pointer;font-size:.75rem;color:#94a3b8;padding:.4rem 0;user-select:none}.coords-accordion summary:hover{color:#cbd5e1}.coords-accordion[open] summary{color:#cbd5e1;margin-bottom:.5rem}.coords-accordion .row+.row{margin-top:.5rem}.coords-accordion #yaml-output{margin-top:.5rem}.id-input-group{display:flex;align-items:stretch;gap:0;background:#0f172a;border:1px solid #334155;border-radius:6px;overflow:hidden}.id-input-group input{flex:1;border:none;border-radius:0;text-align:center;font-weight:700;font-size:.9rem;background:transparent}.id-input-group input:focus{outline:1px solid #38bdf8;outline-offset:-1px}.id-step{background:#334155;color:#f1f5f9;border:none;width:32px;padding:0;font-size:1.05rem;font-weight:700;cursor:pointer;line-height:1;transition:background .1s}.id-step:hover{background:#475569}.id-step:active{background:#1e293b}.entries-list{max-height:320px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:5px;padding:6px;background:#0f172a;border:1px solid #334155;border-radius:6px;min-height:44px}.entries-empty{color:#64748b;font-size:.72rem;padding:.4rem .6rem;width:100%;text-align:center;line-height:1.4}.entry-chip{display:inline-flex!important;align-items:center;gap:10px;background:#0ea5e9!important;color:#fff!important;border:none!important;border-radius:14px!important;padding:5px 6px 5px 14px!important;font-family:ui-monospace,monospace!important;font-size:.78rem!important;font-weight:700!important;cursor:pointer!important;line-height:1!important;transition:all .12s ease;min-width:0!important;min-height:0!important}.entry-chip:hover{background:#0284c7!important;transform:translateY(-1px);box-shadow:0 2px 6px #0ea5e959}.entry-chip.active{background:#14b8a6!important;box-shadow:0 0 0 2px #14b8a666}.entry-chip-id{letter-spacing:.02em}.entry-chip-del{background:#ffffff38;color:#fff;width:22px;height:22px;border-radius:8px;font-size:1rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}.entry-chip-del:hover{background:#ef4444d9}.add-row{display:flex;gap:.4rem;align-items:stretch}.add-row .btn-primary{flex:1}.add-row .btn-secondary{padding:0 .7rem;font-size:.75rem;white-space:nowrap}.page-id-row{display:flex;gap:.6rem;align-items:flex-end}.page-id-col{flex:1;min-width:0}.detected-summary{display:flex;flex-direction:column;gap:.4rem;padding:.6rem;background:#22c55e14;border:1px solid rgba(34,197,94,.35);border-radius:6px}.detected-summary.hidden{display:none}#detected-count{font-size:.78rem;color:#86efac;font-weight:700}.detected-zone{position:absolute;border:2px solid #16a34a;background:#16653473;pointer-events:auto;cursor:move;z-index:4;transition:background .12s,border-color .12s}.detected-zone:hover{background:#1665348c}.detected-zone.active{border-color:#dc2626;background:#7f1d1db3;box-shadow:0 0 0 2px #dc2626}.detected-zone-handle{position:absolute;background:#fff;border:2px solid #dc2626;width:14px;height:14px;box-sizing:border-box;z-index:31;display:none}.detected-zone.active .detected-zone-handle{display:block}.detected-zone-handle.nw{top:-7px;left:-7px;cursor:nwse-resize}.detected-zone-handle.ne{top:-7px;right:-7px;cursor:nesw-resize}.detected-zone-handle.sw{bottom:-7px;left:-7px;cursor:nesw-resize}.detected-zone-handle.se{bottom:-7px;right:-7px;cursor:nwse-resize}.detected-zone-handle.n{top:-7px;left:50%;transform:translate(-50%);cursor:ns-resize}.detected-zone-handle.s{bottom:-7px;left:50%;transform:translate(-50%);cursor:ns-resize}.detected-zone-handle.w{left:-7px;top:50%;transform:translateY(-50%);cursor:ew-resize}.detected-zone-handle.e{right:-7px;top:50%;transform:translateY(-50%);cursor:ew-resize}.detected-zone-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#16a34a;color:#fff;font:900 2rem ui-monospace,monospace;padding:10px 18px;border-radius:10px;box-shadow:0 4px 12px #00000059;pointer-events:auto;cursor:text;z-index:28;letter-spacing:.02em;white-space:nowrap;user-select:none}.detected-zone.active .detected-zone-label{background:#dc2626;box-shadow:0 4px 16px #00000080,0 0 0 2px #fff}.guided-active{cursor:crosshair!important}.guided-marker{position:absolute;height:2px;background:#f59e0b;box-shadow:0 0 0 1px #f59e0b66;pointer-events:none;z-index:5}.guided-marker-label{position:absolute;left:50%;transform:translate(-50%,-100%);background:#f59e0b;color:#0f172a;font:700 .65rem ui-monospace,monospace;padding:1px 6px;border-radius:3px;white-space:nowrap}#guided-toggle.active{background:#f59e0b;color:#0f172a}.detected-zone-del{position:absolute;top:-10px;left:-10px;background:#fff;color:#dc2626;border:2px solid #dc2626;border-radius:50%;width:24px;height:24px;font:700 1.05rem/1 sans-serif;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:background .12s;z-index:30}.detected-zone-del:hover{background:#dc2626;color:#fff}.list-actions{display:flex;gap:.4rem}.list-action-btn{flex:1;padding:.5rem;font-size:1rem;line-height:1}#viewer{flex:1;overflow:auto;position:relative;background:#1a1a2e}#pdf-canvas{display:block}#limits-box{position:absolute;border:2px dashed #94a3b8;background:transparent;pointer-events:none;z-index:2}#limits-box:before{content:"Limites étiquettes";position:absolute;top:-18px;left:0;background:#475569;color:#fff;font:700 .65rem ui-monospace,monospace;padding:2px 6px;border-radius:3px 3px 0 0}.snap-line{position:absolute;background:#a855f759;pointer-events:none;z-index:2}.snap-line.snap-x{width:1px}.snap-line.snap-y{height:1px}.snap-line.active{background:#a855f7;box-shadow:0 0 0 1px #a855f766}.nav-bar{display:flex;gap:.5rem;align-items:center;justify-content:center}#page-info{font-size:.8rem;color:#94a3b8}