:root{color-scheme:light;--ink:#152535;--muted:#697e90;--primary:#126ca8;--border:#dae3ea;--background:#f3f6f9;--card:#fff;--blue:#1c6fa9}*{box-sizing:border-box}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--background);-webkit-text-size-adjust:100%}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,.import-button:focus-within{outline:3px solid #5cb5ed;outline-offset:2px}.site-header{background:#142334;color:#fff}.header-inner{max-width:1480px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:22px 26px;gap:20px}.brand{display:flex;align-items:center;gap:15px}.brand-mark{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid #5f829b;border-radius:12px;font-size:20px;font-weight:800;letter-spacing:-4px;padding-right:4px;color:#fff}.brand-mark span{color:#73b0dc}.brand-kicker{font-weight:650;color:#96b4c8;letter-spacing:.19em;font-size:10px}.brand h1{margin:2px 0 0;font-size:25px;letter-spacing:-.02em}.header-end{display:flex;align-items:center;gap:16px}.online-indicator{color:#c4d3df;font-size:12px}.online-indicator:before{content:"";display:inline-block;width:7px;height:7px;background:#63bb9a;border-radius:50%;margin-right:7px}.app-version{border:1px solid #456073;border-radius:7px;padding:5px 9px;color:#c9d7e1;font-size:11px;font-weight:700}.main{max-width:1480px;margin:0 auto;padding:24px 26px 32px}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 10px #172b3d06}.project-bar{display:flex;align-items:end;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:15px 17px}.project-field{display:flex;flex-direction:column;gap:5px;flex:1;min-width:200px;max-width:360px}label,.field-label{font-size:12px;font-weight:700;color:#475d70}.project-field label{text-transform:uppercase;letter-spacing:.08em;font-size:10px}.project-actions{display:flex;gap:7px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:8px;min-height:38px;padding:9px 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;white-space:nowrap}.btn-primary{background:#126ca8;color:#fff}.btn-light{background:#eff4f8;border-color:#dce6ed;color:#254b65}.btn-ghost{background:#fff;border-color:#dce6ed;color:#687c8b}.btn-danger{background:#fff4f3;border-color:#ffd6d2;color:#a33831}.btn:hover{filter:brightness(.97)}input,select{border:1px solid #cdd9e2;background:#fff;border-radius:8px;padding:9px 11px;color:#183045;min-width:0;max-width:100%;width:100%;min-height:39px}input:focus,select:focus{border-color:#4ba0d9}.summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:17px 0 24px}.summary-item{padding:15px 16px;border:1px solid var(--border);border-radius:11px;background:#fff;min-width:0}.summary-caption{font-size:11px;letter-spacing:.025em;color:var(--muted);font-weight:650}.summary-value{font-size:23px;font-weight:760;letter-spacing:-.04em;margin-top:8px;font-variant-numeric:tabular-nums;white-space:nowrap}.summary-sub{font-size:11px;color:#7690a2;margin-top:3px}.summary-item.alert-stat{background:#fff5f3;border-color:#f2b9b0}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;align-items:start;gap:18px}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.section-title h2{margin:0;font-size:19px}.section-title p{margin:5px 0 0;color:var(--muted);font-size:12px}.screen-card{padding:18px;margin-bottom:17px}.screen-titlebar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}.screen-title{display:flex;align-items:center;gap:10px;min-width:0}.number-badge{background:#e4eff8;color:#125e8f;border-radius:7px;padding:6px 9px;font-size:12px;font-weight:750}.screen-title input{font-size:16px;font-weight:750;border:1px solid transparent;width:min(250px,45vw);padding:5px 6px}.screen-title input:hover,.screen-title input:focus{border-color:#d1e0ea}.screen-actions{display:flex;gap:6px;flex-wrap:wrap}.screen-actions .btn{min-height:32px;padding:6px 9px}.screen-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:13px}.control{display:flex;flex-direction:column;gap:6px;min-width:0}.control label{font-size:11px;min-height:15px}.control input[type=number]{width:100%}.control.estimate{grid-column:span 2}.estimate-line{display:flex;align-items:center;gap:10px}.estimate-line input{flex:1}.estimate-line output{font-size:12px;font-weight:750;min-width:35px;text-align:right}.presets{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}.preset{font-size:11px;font-weight:700;color:#436278;border:1px solid #dbe6ee;background:#f7fafc;border-radius:6px;padding:5px 9px}.preset:hover{background:#e5f0f8}.screen-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr);gap:15px;align-items:stretch}.preview-container{background:#111c2b;border:1px solid #263d52;border-radius:10px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:270px;overflow:hidden}.screen-svg{display:block;max-width:100%;height:auto;max-height:265px;filter:drop-shadow(0 6px 10px #0005)}.preview-label{color:#dce9f3;font-size:12px;font-weight:750;text-align:center}.preview-hint{color:#8da6ba;font-size:11px;text-align:center;max-width:360px}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:start}.metric{border:1px solid #e0e8ef;background:#f7fafc;border-radius:8px;padding:10px;min-width:0}.metric-label{font-size:11px;color:var(--muted);font-weight:650}.metric-value{font-size:16px;font-weight:750;margin-top:6px;font-variant-numeric:tabular-nums;line-height:1.35;overflow-wrap:anywhere}.metric-note{font-size:11px;color:#768a9a;margin-top:4px;line-height:1.35}.mode-details{margin-top:12px;background:#eef5fa;color:#38566b;border-radius:7px;padding:10px 12px;font-size:12px;line-height:1.5}.sidebar-panel{padding:17px;margin-bottom:14px}.sidebar-panel h2{font-size:15px;margin:0 0 14px}.sidebar-panel p{line-height:1.6;font-size:12px;color:#566e80;margin:10px 0}.side-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1px solid #edf1f5;padding:9px 0;font-size:12px}.side-row:last-child{border:0}.side-row span{color:#718598}.side-row strong{text-align:right}.caution{border-color:#e8ded1;background:#fffcf7}.caution h2{color:#9a6c2d}.notice{padding:11px 14px;border-radius:8px;margin:12px 0;font-size:13px;font-weight:600}.notice-error{background:#fff0ee;color:#ab3026;border:1px solid #f2c8c2}.notice-info{background:#eff7fb;color:#27668d;border:1px solid #bfdfec}.site-footer{text-align:center;color:#81909c;font-size:11px;padding:9px 16px 25px}.print-header{display:none}@media(max-width:1180px){.content-layout{grid-template-columns:minmax(0,1fr) 235px}.screen-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.screen-body{grid-template-columns:1fr}}@media(max-width:800px){.content-layout{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.side-column .sidebar-panel{margin:0}.side-column .sidebar-panel:first-child{grid-column:span 2}}@media(max-width:600px){.header-inner{padding:15px}.brand-mark{width:43px;height:43px;font-size:16px}.brand h1{font-size:21px}.brand-kicker{font-size:9px}.online-indicator{display:none}.main{padding:12px}.project-bar{padding:12px}.project-field{max-width:none}.project-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.project-actions .btn{font-size:11px;padding:9px 5px;white-space:normal;text-align:center}.project-actions .btn:first-child{grid-column:span 2}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 20px}.summary-item{padding:11px}.summary-value{font-size:20px}.section-title h2{font-size:17px}.screen-card{padding:12px}.screen-titlebar{align-items:flex-start}.screen-actions{width:100%}.screen-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.control.estimate{grid-column:span 2}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:9px}.metric-value{font-size:14px}.preview-container{min-height:200px;padding:10px}.side-column{display:block}.side-column .sidebar-panel{margin-bottom:12px}}@page{size:A4 landscape;margin:12mm}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}html,body{background:#fff}.site-header{background:#fff;color:#132539;border-bottom:1px solid #d1dbe4}.header-inner{padding:6px 0}.brand-kicker,.app-version,.online-indicator,.project-actions,.screen-actions,.screen-controls,.presets,.site-footer,.sidebar-panel:nth-child(n+2){display:none!important}.main{padding:12px 0}.project-bar{border:none;box-shadow:none;padding:0}.project-field label{display:none}.project-field input{border:0;padding:0;font-weight:700;font-size:17px}.summary-grid{grid-template-columns:repeat(5,1fr);margin:12px 0}.summary-item{padding:8px}.summary-value{font-size:18px}.content-layout{display:block}.sidebar-panel{margin-top:14px}.screen-card{break-inside:avoid;page-break-inside:avoid;box-shadow:none;margin-bottom:15px;border:1px solid #999}.screen-body{grid-template-columns:1fr 1fr}.preview-container{min-height:190px}.metric{padding:6px}.metric-value{font-size:12px}.mode-details{padding:6px}.screen-title input{border:0;padding:0}.side-column{display:block}}

/* V2 : positionnement du contenu, edition de la grille et formats metriques */
.video-position{border:1px solid #d9e5ed;background:#f4f8fb;border-radius:9px;padding:11px 13px;margin-bottom:13px}
.position-heading{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;font-weight:750;color:#2e546f;margin-bottom:10px}
.position-heading .muted{font-weight:400;font-size:11px;color:#698396}
.position-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.position-grid label{font-size:12px;display:flex;flex-direction:column;gap:6px}
.position-slider{display:flex;gap:10px;align-items:center}
.position-slider input{flex:1;min-height:20px;padding:0;accent-color:#126ca8}
.position-slider output{font-weight:750;font-size:12px;min-width:37px;text-align:right}
.estimate-line input{min-height:20px;padding:0;accent-color:#126ca8}
.mode-mixed{background:#fff8e9;color:#795522;border:1px solid #ecdabb}
.editable-tile{cursor:pointer;transition:stroke .14s,fill .14s;outline:none}
.editable-tile:hover,.editable-tile:focus-visible{stroke:#fff;stroke-width:2.4;fill:#1b496c}
.draggable-video{cursor:grab;touch-action:none}
.draggable-video:active{cursor:grabbing}
@media(max-width:600px){.position-grid{grid-template-columns:1fr}.video-position{padding:10px}.position-heading{line-height:1.5}}
@media print{.video-position{display:none!important}}