:root{--brand:#123d8d;--brand-2:#0a5ac2;--lime:#8bd600;--yellow:#ffc400;--ink:#15243a;--muted:#5e6b7c;--surface:#fff;--soft:#eef3f8;--line:#cbd5e1}*{letter-spacing:0}.site-header{height:64px;padding:7px max(20px,calc((100vw - 1480px)/2));background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 12px #172b4d12}.brand-logo{display:block;width:300px;height:48px;overflow:hidden}.brand-logo img{width:100%;height:100%;object-fit:cover;object-position:center}.site-header nav{margin-left:auto;display:flex;gap:4px}.site-header nav a{padding:10px 12px;color:var(--ink);font-weight:700;border-bottom:3px solid transparent}.site-header nav a:hover{color:var(--brand);border-color:var(--lime)}.release-badge{margin-left:8px;padding:6px 9px;background:var(--brand);color:#fff;font:800 12px/1 system-ui;border-radius:4px}.hero{padding:22px max(20px,calc((100vw - 1480px)/2)) 18px;background:#e7edf3;border-bottom:1px solid var(--line)}.hero .inner{max-width:none}.hero h1{font-size:46px;margin:2px 0}.hero .search{max-width:820px;margin-top:14px}.ad-slot{display:grid;place-items:center;min-height:90px;border:1px dashed #9aa9ba;background:repeating-linear-gradient(135deg,#f7f9fb,#f7f9fb 12px,#eef2f6 12px,#eef2f6 24px);color:#526174;text-align:center}.ad-slot span{font-size:11px;font-weight:800;text-transform:uppercase}.ad-slot b{display:block;margin-top:4px;color:var(--brand)}.ad-top{margin:12px auto;max-width:970px}.catalog-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;max-width:1480px;margin:auto;padding:0 20px 24px}.catalog-shell .tools{padding:18px 0 0}.ad-rail{width:300px;height:600px;min-height:600px;margin-top:18px;position:sticky;top:82px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tool{min-height:132px;padding:16px}.trust,.yoor{max-width:1480px;margin:auto}.workspace{padding-top:18px}.workspace>.ad-slot{max-width:970px;margin:0 auto 14px}.panel+.ad-slot{max-width:300px;min-height:250px;margin:16px auto 0}footer b{margin-left:auto;color:var(--yellow)}@media(max-width:1000px){.catalog-shell{grid-template-columns:1fr}.ad-rail{width:100%;height:100px;min-height:100px;margin-top:0;position:static}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.site-header{height:auto;min-height:58px;padding:6px 12px;flex-wrap:wrap}.brand-logo{width:225px;height:40px}.site-header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line)}.site-header nav a{padding:8px 4px;font-size:13px}.release-badge{margin-left:auto}.hero{padding:14px 12px}.hero h1{font-size:30px}.catalog-shell{padding:0 12px 18px}.grid{grid-template-columns:1fr}.ad-top{margin:8px 12px;min-height:80px}.tool{min-height:112px}.trust,.yoor{margin-inline:12px}}

/* Batch 113: wide dual-rail advertising layout. */
:root{--brand:#123d8d;--brand-2:#0a5ac2;--lime:#74bf00;--yellow:#f2c200;--ink:#102a43;--muted:#52677a;--surface:#fff;--canvas:#edf2f5;--soft:#dfe9f0;--line:#c7d4df;--ad-surface:#e5edf3;--ad-hero:#f8fbfd}
body{background:var(--canvas);color:var(--ink)}
.site-header{padding-inline:max(20px,calc((100vw - 1680px)/2))}
.hero,.intro-band{background:#dfe9f1}
.hero .inner,.intro-inner{display:grid;grid-template-columns:minmax(440px,.9fr) minmax(560px,1.1fr);align-items:center;gap:28px;width:100%;max-width:1680px;margin-inline:auto;padding:22px 20px}
.hero h1,.intro-inner h1{color:#0f2d4a}
.hero .search,.search-box{width:100%;max-width:none}
.ad-slot{display:grid;place-items:center;border:1px solid #a9bac8;border-left:4px solid var(--lime);border-radius:3px;background:var(--ad-surface);color:#536a7d;text-align:center}
.ad-slot span{font-size:11px;font-weight:800;text-transform:uppercase}
.ad-slot b{display:block;margin-top:5px;color:var(--brand)}
.ad-hero{width:100%;min-height:180px;background:var(--ad-hero);border-left-color:var(--yellow)}
.catalog-shell{display:grid;grid-template-columns:160px minmax(0,1fr) 160px;align-items:start;gap:16px;width:100%;max-width:1680px;margin-inline:auto;padding:20px}
.catalog-shell .tools,.catalog-shell .tools-section{width:100%;max-width:none;min-width:0;padding:0}
.ad-rail{position:sticky;top:82px;width:160px;height:600px;min-height:600px;margin:0}
.ad-rail-left{border-left-color:var(--lime)}
.ad-rail-right{border-left-color:var(--yellow)}
.ad-slot .ad-format-responsive{display:none}
.grid,.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tool,.tool-item:nth-child(n){min-height:122px;border-color:#c8d5df;background:var(--surface);box-shadow:0 2px 7px rgba(23,55,82,.05)}
.tool:hover,.tool-item:hover{border-color:#8fa8bb;box-shadow:0 5px 16px rgba(23,55,82,.10)}
.ad-bottom{width:calc(100% - 40px);max-width:970px;min-height:180px;margin:0 auto 24px;border-left-color:var(--yellow);background:#f7fafc}
.trust,.yoor,.trust-band,.ecosystem-band{max-width:1680px}
.workspace-page{background:var(--canvas)}
.workspace-shell{display:grid;grid-template-columns:160px minmax(0,1fr) 160px;align-items:start;gap:16px;width:100%;max-width:1680px;margin-inline:auto;padding:20px}
.workspace-shell>.workspace,.workspace-core{width:100%;min-width:0;max-width:none}
.workspace-shell>.workspace{padding:0}
.workspace-head{width:100%;max-width:none;padding:12px 8px 18px}
.workspace-head h1,.workspace h1{color:#0f2d4a}
.workspace-panel,.workspace-shell .panel{width:100%;max-width:none;margin:0 0 24px;border-color:#c5d3de;box-shadow:0 7px 22px rgba(23,55,82,.08)}
.workspace-shell textarea{min-height:220px;background:#fcfdfd}
.workspace-page>footer{margin-top:0}
@media(max-width:1250px){.catalog-shell,.workspace-shell{grid-template-columns:1fr}.ad-rail{position:static;width:100%;height:120px;min-height:120px}.ad-rail .ad-format-desktop{display:none}.ad-rail .ad-format-responsive{display:block}.grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.hero .inner,.intro-inner{grid-template-columns:1fr}.ad-hero{min-height:150px}}
@media(max-width:680px){.hero .inner,.intro-inner{padding:14px 12px;gap:14px}.catalog-shell,.workspace-shell{padding:12px;gap:12px}.grid,.tool-grid{grid-template-columns:1fr}.ad-hero,.ad-bottom{min-height:120px}.ad-rail{height:96px;min-height:96px}.ad-bottom{width:calc(100% - 24px);margin-bottom:14px}.workspace-head{padding:8px 2px 12px}.workspace-panel,.workspace-shell .panel{padding:16px}}
.site-header{position:sticky;top:0;z-index:50}
#tools,#privacy,#yoor,#outils,#confidentialite,#ecosysteme{scroll-margin-top:76px}
#main-content,#app{scroll-margin-top:76px}
@media(max-width:680px){#tools,#privacy,#yoor,#outils,#confidentialite,#ecosysteme{scroll-margin-top:108px}}
@media(max-width:680px){#main-content,#app{scroll-margin-top:108px}}
footer{gap:18px}
.error-workspace{width:100%;max-width:1180px}
.error-recovery{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(520px,1.28fr);align-items:stretch;gap:16px;margin-top:24px}
.error-links{display:grid;grid-template-columns:minmax(0,1fr);order:initial;gap:1px;width:100%;padding:0;border:1px solid var(--line);background:var(--line)}
.error-links a{display:flex;flex:none;width:100%;min-height:54px;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--surface);color:var(--ink)}
.error-links a:first-child{color:#08734f;font-weight:800}
.error-links a:hover,.error-links a:focus-visible{background:#f2f7fa;color:var(--brand)}
.error-links span{color:var(--muted);font-size:13px}
.ad-error{min-height:230px;border-left-color:var(--yellow);background:var(--ad-hero)}
@media(max-width:900px){.error-recovery{grid-template-columns:1fr}.ad-error{min-height:150px}}
@media(max-width:680px){footer{gap:8px}.error-links a{align-items:flex-start;flex-direction:column}.ad-error{min-height:120px}}
.workspace-actions{display:flex;align-items:center;gap:8px;margin:16px 0}.workspace-actions .action,.workspace-actions .clear{margin:0}.clear{min-height:44px;padding:0 18px;border:1px solid #aebdca;border-radius:5px;background:#f4f7f9;color:#173753;cursor:pointer;font-weight:700}.clear:hover{border-color:var(--brand);color:var(--brand);background:#fff}
.clear:disabled{opacity:.48;cursor:not-allowed;border-color:#c8d1d9;color:#667789;background:#eef2f5}
.action:disabled{opacity:.48;cursor:not-allowed;background:#59766d}
+
/* Major product layout: dense commercial platform candidate. */
:root{--brand:#123d8d;--brand-2:#075985;--lime:#74bf00;--yellow:#f2c200;--ink:#102a43;--muted:#52677a;--surface:#fff;--canvas:#e9eff3;--soft:#dce7ed;--line:#bdccd7;--header:#122f3f;--ad-surface:#dfe8ee;--ad-hero:#eef3f6}
body{background:var(--canvas)}
.site-header{height:76px;min-height:76px;padding:8px max(18px,calc((100vw - 1680px)/2));background:var(--header);border-bottom:4px solid var(--lime);box-shadow:0 4px 16px rgba(10,32,44,.22)}
.brand-logo{width:300px;height:52px;padding:3px 9px;background:#fff;border-radius:3px}
.site-header nav{gap:2px;color:#e8f0f3}
.site-header nav a{min-height:44px;padding:0 13px;color:#e8f0f3;border-bottom:2px solid transparent}
.site-header nav a:hover,.site-header nav a:focus-visible{color:#fff;border-color:var(--yellow)}
.release-badge{margin-left:8px;background:var(--yellow);color:#102a43}
.hero,.intro-band{background:var(--soft);border-bottom:1px solid #afc1cd}
.hero .inner,.intro-inner{grid-template-columns:minmax(460px,.92fr) minmax(560px,1.08fr);gap:18px;padding:12px 20px 16px}
.hero h1,.intro-inner h1{margin:2px 0 8px;color:#102a43;font-size:42px;line-height:1}
.hero-copy>p:not(.eyebrow),.lede{max-width:700px;margin:0 0 12px;color:#40586a;font-size:16px;line-height:1.45}
.hero-copy,.intro-copy{display:flex;flex-direction:column}
.hero .search,.search-box{order:-1;height:52px;margin:0 0 12px;border:2px solid #5f7f92;background:#fff;box-shadow:0 3px 10px rgba(16,42,67,.08)}
.search-box-primary{margin:0 0 12px;border-width:2px;border-color:#5f7f92;background:#fff}
.hero-kpis{display:flex;flex-wrap:wrap;gap:7px 16px;margin-top:10px;color:#40586a;font-size:12px}
.hero-kpis span{display:inline-flex;align-items:baseline;gap:5px}
.hero-kpis strong{color:var(--brand);font-size:15px}
.ad-slot{border:1px solid #97acba;border-left:4px solid var(--lime);border-radius:2px;background:var(--ad-surface);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.ad-slot span{letter-spacing:0;color:#496172}
.ad-slot b{color:var(--brand)}
.ad-hero{min-height:180px;background:var(--ad-hero);border-left-color:var(--yellow)}
.catalog-shell{grid-template-columns:160px minmax(0,1fr) 160px;gap:12px;max-width:1680px;padding:14px 20px 20px}
.catalog-shell .tools,.catalog-shell .tools-section{padding:0}
.tools-head,.section-heading{min-height:52px;align-items:center;padding:0 2px 8px;border-bottom:1px solid var(--line)}
.tools-head h2,.section-heading h2{font-size:25px}
.local,.privacy-note{padding:6px 9px;border:1px solid #b6c8d3;background:#f7fafb;color:#40586a;border-radius:3px}
.tabs,.category-tabs{gap:5px;margin:9px 0}
.tabs button,.category-tabs button{min-height:38px;padding:7px 13px;border-color:#aebfca;background:#f7fafb;color:#314d60;border-radius:3px}
.tabs button.active,.category-tabs button[aria-pressed="true"]{background:var(--header);border-color:var(--header);color:#fff}
.grid,.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.tool,.tool-item:nth-child(n){min-height:94px;margin:0;padding:11px 12px;border:1px solid #bccbd5;border-top:3px solid var(--brand);border-radius:3px;background:var(--surface);box-shadow:none}
.tool:hover,.tool:focus-visible,.tool-item:hover,.tool-item:focus-visible{transform:translateY(-1px);border-color:#7895a8;border-top-color:var(--lime);box-shadow:0 5px 14px rgba(21,58,82,.11)}
.tool .icon,.tool-icon{width:40px;height:40px;border-radius:4px}
.tool>span:nth-child(2),.tool-copy{min-width:0}
.tool em,.tool-copy em{display:block;margin-bottom:3px;color:#60798a;font-size:9px;font-style:normal;font-weight:800;text-transform:uppercase}
.tool strong,.tool-item strong{font-size:14px;line-height:1.2}
.tool small,.tool-item small{margin-top:3px;font-size:11px;line-height:1.3}
.ad-rail{top:90px;width:160px;height:600px;min-height:600px}
.ad-bottom{max-width:1180px;min-height:180px;margin-bottom:16px}
.trust,.trust-band{max-width:none;border:0;background:var(--header)}
.trust div,.trust-band>div{min-height:108px;padding:24px max(28px,5vw);background:transparent;color:#fff}
.trust span,.trust-band span{color:#c8d8df}
.yoor,.ecosystem-band{max-width:1680px;padding:38px 28px;gap:40px}
.workspace-shell{grid-template-columns:160px minmax(0,1fr) 160px;gap:12px;padding:14px 20px 20px}
.workspace-shell>.workspace{padding:0}
.workspace .back,.back-link{margin-bottom:8px}
.workspace h1,.workspace-head h1{font-size:32px}
.workspace .desc,.workspace-head>p:last-child{margin:5px 0 12px}
.workspace-shell .panel,.workspace-panel{padding:16px 18px;margin-bottom:14px;border-radius:3px;box-shadow:0 4px 14px rgba(16,42,67,.08)}
.workspace-shell textarea,.workspace-panel textarea{min-height:185px}
.workspace-actions{margin:10px 0}
.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;margin-bottom:5px;color:#263f51;font-weight:800}
.editor-toolbar>span{display:flex;align-items:baseline;gap:8px}
.editor-toolbar small{color:#6a7f8e;font-size:11px;font-weight:600}
.file-action,.download-action,.reuse-action{min-height:34px;padding:6px 10px;border:1px solid #9fb2bf;border-radius:3px;background:#f7fafb;color:#24465a;font-weight:750}
.file-action:hover,.download-action:hover,.reuse-action:hover{border-color:var(--brand);color:var(--brand)}
.result-actions,.copy-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.result-actions .copy-status,.copy-row .copy-status{margin-left:4px}
@media(max-width:1500px){.grid,.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1250px){.catalog-shell,.workspace-shell{grid-template-columns:1fr}.ad-rail{position:static;width:100%;height:100px;min-height:100px}.ad-rail .ad-format-desktop{display:none}.ad-rail .ad-format-responsive{display:block}.grid,.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.hero .inner,.intro-inner{grid-template-columns:1fr}.ad-hero{min-height:140px}.grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.site-header{height:auto;min-height:58px;padding:5px 10px}.brand-logo{width:215px;height:38px}.site-header nav{border-top:1px solid #3b5664}.site-header nav a{color:#e8f0f3}.hero .inner,.intro-inner{padding:12px 10px;gap:10px}.hero h1,.intro-inner h1{font-size:32px}.hero-copy>p:not(.eyebrow),.lede{font-size:14px}.hero-kpis{gap:5px 12px}.ad-hero{min-height:105px}.catalog-shell,.workspace-shell{padding:10px;gap:9px}.tools-head,.section-heading{align-items:flex-start}.tabs,.category-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.grid,.tool-grid{grid-template-columns:1fr;gap:6px}.tool,.tool-item:nth-child(n){min-height:82px;padding:9px 10px}.ad-rail{height:84px;min-height:84px}.ad-bottom{min-height:110px}.workspace h1,.workspace-head h1{font-size:28px}.workspace-shell .panel,.workspace-panel{padding:13px}.workspace-shell textarea,.workspace-panel textarea{min-height:170px}.editor-toolbar{align-items:flex-start;flex-direction:column;gap:5px}.file-action{width:100%}.result-actions>*,.copy-row>*{flex:1 1 100px}.result-actions .copy-status,.copy-row .copy-status{flex-basis:100%;margin-left:0}.trust div,.trust-band>div{padding:18px 16px}.yoor,.ecosystem-band{padding:28px 16px}}

/* v180: visible brand and above-the-fold layout refresh. */
.site-header{height:88px;min-height:88px;padding-block:10px;background:#142f35;border-bottom-color:#f2c200}
.brand-logo{width:390px;height:58px;padding:0;background:transparent;border-radius:0;overflow:visible}
.brand-logo img{width:100%;height:100%;object-fit:contain;object-position:left center}
.hero .inner,.intro-inner{grid-template-columns:minmax(480px,.82fr) minmax(660px,1.18fr);gap:20px;padding-top:14px}
.catalog-shell .tools,.catalog-shell .tools-section{margin:0}
.hero-copy,.intro-copy{align-self:stretch;justify-content:flex-start}
.hero .search,.search-box{height:56px;margin-bottom:10px;border-color:#426b7d;box-shadow:0 4px 14px rgba(16,42,67,.12)}
.ad-hero{min-height:196px;border-width:1px 1px 1px 5px;border-left-color:#f2c200;background:#f7fafc}
@media(max-width:1000px){.hero .inner,.intro-inner{grid-template-columns:1fr}.ad-hero{min-height:145px}}
@media(max-width:680px){.site-header{min-height:66px;padding:7px 10px}.brand-logo{width:min(270px,72vw);height:45px}.hero .inner,.intro-inner{padding-top:10px}.hero .search,.search-box{height:52px}.ad-hero{min-height:112px}}
