@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;src:url(/outils/fonts/archivo-latin.woff2) format("woff2-variations"),url(/outils/fonts/archivo-latin.woff2) format("woff2")}@font-face{font-family:Alfa Slab One;font-style:normal;font-weight:400;font-display:swap;src:url(/outils/fonts/alfa-slab-one-latin.woff2) format("woff2")}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tool :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}.tool{padding:48px 0 96px;--fs-label: 12px;--fs-help: 13px;--fs-body: 14px;--fs-lg: 16px}@media (max-width: 700px){.tool{padding:28px 0 64px}}.tool-head{max-width:720px;margin-bottom:36px}.tool-head .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-label);font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--ha-violet-300);background:color-mix(in oklab,var(--ha-violet-500) 12%,transparent);border:1px solid color-mix(in oklab,var(--ha-violet-500) 30%,transparent);padding:6px 14px;border-radius:var(--r-full);margin-bottom:18px}html[data-theme=light] .tool-head .eyebrow{color:var(--ha-violet-700)}.tool-head h1{font-size:clamp(30px,4.5vw,46px);font-weight:800;letter-spacing:-.025em;line-height:1.1;margin-bottom:14px;text-wrap:balance}.tool-head h1 .accent{color:var(--ha-violet-300)}html[data-theme=light] .tool-head h1 .accent{color:var(--ha-violet-700)}.tool-head .lede{font-size:var(--fs-lg);color:var(--text-dim);line-height:1.65;text-wrap:pretty}.tool-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 16px;margin-bottom:24px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-md);font-size:var(--fs-body)}.crumb-current{color:var(--text);font-weight:700}.tool-step{max-width:760px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}@media (max-width: 600px){.tool-step{padding:18px}}.field-label{display:block;font-size:var(--fs-label);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:8px}.field-row{display:flex;gap:10px;flex-wrap:wrap}.field-input{flex:1 1 320px;min-width:0;background:color-mix(in oklab,var(--text) 6%,transparent);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--r-sm);padding:12px 14px;font-size:var(--fs-lg);font-family:inherit;min-height:44px;transition:border-color .15s,box-shadow .15s}.field-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 22%,transparent)}.field-input[aria-invalid=true]{border-color:var(--danger)}.field-input:disabled{opacity:.6}.field-help{margin-top:10px;font-size:var(--fs-help);line-height:1.6;color:var(--text-dim)}.field-help a{color:var(--ha-violet-400);text-decoration:underline;text-underline-offset:2px}html[data-theme=light] .field-help a{color:var(--ha-violet-700)}.field-problem{margin-top:10px;font-size:var(--fs-body);font-weight:600;color:var(--danger-text)}.field-example{margin-top:8px;overflow-x:auto}.field-example code{display:block;font-family:var(--font-mono);font-size:var(--fs-label);line-height:1.6;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--r-sm);padding:10px 12px;white-space:nowrap}.team-picker{border:0;padding:0;margin:0;min-width:0}.team-picker>legend.field-label{padding:0}.team-list{list-style:none;padding:0;margin-top:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.team-option{display:flex;align-items:center;gap:12px;padding:10px 14px;min-height:56px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:border-color .14s,background .14s}.team-option:hover{border-color:var(--accent)}.team-option:has(input:checked),.team-option.is-selected{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,transparent)}.team-option input{position:absolute;opacity:0;width:1px;height:1px}.team-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.team-name{font-size:var(--fs-body);font-weight:600;line-height:1.35}.crest{flex-shrink:0;border-radius:var(--r-sm);object-fit:contain}.crest-mono{display:grid;place-items:center;color:#fff;font-weight:800;letter-spacing:.02em;border-radius:var(--r-full)}.tool-result{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}@media (max-width: 900px){.tool-result{grid-template-columns:minmax(0,1fr)}}.tool-canvas{min-width:0}.tool-tabs{display:flex;gap:4px;margin-bottom:16px;padding:4px;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--r-md);overflow-x:auto}.tool-tab{flex:1 1 auto;padding:9px 14px;border-radius:var(--r-sm);font-size:var(--fs-body);font-weight:600;text-align:center;white-space:nowrap;color:var(--text-dim);text-decoration:none;transition:background .15s,color .15s}.tool-tab:hover{color:var(--text);background:var(--surface)}.tool-tab[aria-current=page]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014;cursor:default}.settings-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;position:sticky;top:88px;max-height:calc(100vh - 108px);overflow-y:auto;overflow-x:hidden}@media (max-width: 900px){.settings-panel{position:fixed;inset:auto 0 0 0;z-index:30;max-height:62dvh;border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:0;box-shadow:var(--shadow-lg);transform:translateY(101%);transition:transform .28s cubic-bezier(.22,1,.36,1);visibility:hidden}.settings-panel[data-open]{transform:translateY(0);visibility:visible}.tool{padding-bottom:96px}}@media (max-width: 900px) and (prefers-reduced-motion: reduce){.settings-panel{transition:none}}.settings-fab,.settings-close{display:none}@media (max-width: 900px){.settings-fab{display:inline-flex;align-items:center;gap:var(--s-2);position:fixed;right:var(--s-4);bottom:var(--s-4);z-index:31;min-height:var(--touch-min, 44px);padding:0 var(--s-5);border:1px solid var(--border-strong);border-radius:var(--r-full);background:var(--accent-fill, var(--accent));color:var(--w-on-accent, #fff);font:inherit;font-size:var(--fs-body);font-weight:700;box-shadow:var(--shadow-lg);cursor:pointer}.settings-panel[data-open]~.settings-fab,.settings-fab[aria-expanded=true]{display:none}.settings-close{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:var(--s-3);right:var(--s-3);width:var(--touch-min, 44px);height:var(--touch-min, 44px);border:1px solid var(--border-strong);border-radius:var(--r-full);background:var(--surface-2);color:var(--text);font:inherit;font-size:var(--fs-lg);line-height:1;cursor:pointer}}.settings-title{font-size:var(--fs-lg);font-weight:800;letter-spacing:-.01em;margin-bottom:16px}.settings-section+.settings-section{margin-top:22px;padding-top:22px;border-top:1px solid var(--border-soft)}.settings-section fieldset,.settings-group fieldset{border:0;padding:0;margin:0;min-width:0}.settings-section legend.field-label,.settings-group legend.field-label{padding:0}.settings-field+.settings-field{margin-top:18px}.settings-group{margin-top:var(--s-5);padding-top:var(--s-5);border-top:1px solid var(--border-soft)}.settings-group__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-height:var(--touch-min, 44px);font-size:var(--fs-label);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);cursor:pointer;list-style:none}.settings-group__head::-webkit-details-marker{display:none}.settings-group__title{margin:0;font-size:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit}.settings-group__meta{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-mono);font-size:var(--fs-label);font-weight:500;text-transform:none;letter-spacing:0;color:var(--text-muted)}.settings-group__meta:after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .18s cubic-bezier(.22,1,.36,1)}.settings-group[open]>.settings-group__head .settings-group__meta:after{transform:rotate(-135deg) translate(-2px,-2px)}@media (prefers-reduced-motion: reduce){.settings-group__meta:after{transition:none}}.settings-group__body{padding-top:var(--s-2);padding-bottom:var(--s-2)}.check-row{display:flex;align-items:flex-start;gap:10px;padding:8px 0;min-height:44px;cursor:pointer}.check-row input[type=checkbox]{flex-shrink:0;width:18px;height:18px;margin-top:2px;accent-color:var(--accent);cursor:pointer}.check-label{display:block;font-size:var(--fs-body);font-weight:600}.check-hint{display:block;font-size:var(--fs-label);color:var(--text-muted);line-height:1.45}.color-row{display:flex;align-items:center;gap:var(--s-3)}.control-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2)}.range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:var(--touch-min, 44px);margin:0;background:transparent;cursor:pointer}.range-input::-webkit-slider-runnable-track{height:6px;border-radius:var(--r-full);border:1px solid var(--border-strong);background:linear-gradient(90deg,var(--surface-2),color-mix(in oklab,var(--text) 55%,transparent))}.range-input::-moz-range-track{height:6px;border-radius:var(--r-full);border:1px solid var(--border-strong);background:linear-gradient(90deg,var(--surface-2),color-mix(in oklab,var(--text) 55%,transparent))}.range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:var(--r-full);border:2px solid var(--surface);background:var(--accent);box-shadow:var(--shadow-sm)}.range-input::-moz-range-thumb{width:22px;height:22px;border-radius:var(--r-full);border:2px solid var(--surface);background:var(--accent);box-shadow:var(--shadow-sm)}.swatch{width:var(--touch-min, 44px);height:var(--touch-min, 44px);padding:0;border-radius:var(--r-sm);border:1px solid var(--border-strong);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-lg);line-height:1;cursor:pointer}.range-value{font-family:var(--font-mono);font-size:var(--fs-label);font-weight:500;text-transform:none;letter-spacing:0;color:var(--text-muted)}.color-input{width:52px;height:44px;padding:2px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);cursor:pointer}.color-value{font-family:var(--font-mono);font-size:var(--fs-help);color:var(--text-dim);text-transform:uppercase}.btn-link{background:none;border:0;padding:4px 2px;font:inherit;font-size:var(--fs-help);font-weight:600;color:var(--ha-violet-400);text-decoration:underline;text-underline-offset:2px;cursor:pointer}html[data-theme=light] .btn-link{color:var(--ha-violet-700)}.btn-link-quiet{color:var(--text-muted)}.btn-sm{padding:9px 16px;font-size:var(--fs-help)}.logo-list{list-style:none;padding:0;margin-top:12px;display:flex;flex-direction:column}.logo-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:8px 0;border-top:1px solid var(--border-soft)}.logo-problem{flex-basis:100%;margin:2px 0 4px;font-size:var(--fs-help);font-weight:600;line-height:1.5;color:var(--danger-text)}.logo-row:first-child{border-top:0}.logo-meta{flex:1 1 auto;min-width:0}.logo-club{display:block;font-size:var(--fs-help);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-state{display:block;font-size:var(--fs-label);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-actions{display:flex;gap:8px;flex-shrink:0}.share-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}.share-note{flex:1 1 100%;font-size:var(--fs-label);color:var(--text-muted)}.feedback{margin-top:16px;padding:16px 18px;border-radius:var(--r-md);font-size:var(--fs-body)}.feedback-loading{display:flex;align-items:center;gap:12px;background:var(--surface-2);border:1px solid var(--border-soft);color:var(--text-dim)}.feedback-slow{display:block;margin-top:6px;max-width:52ch;font-size:var(--fs-label);line-height:1.55;color:var(--text-muted)}.spinner{width:16px;height:16px;flex-shrink:0;border:2px solid color-mix(in oklab,var(--accent) 30%,transparent);border-top-color:var(--accent);border-radius:50%;animation:outil-spin .8s linear infinite}@keyframes outil-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{border-top-color:var(--accent);border-right-color:var(--accent)}}.feedback-error{background:color-mix(in oklab,var(--danger) 10%,transparent);border:1px solid color-mix(in oklab,var(--danger) 32%,transparent)}.feedback-title{font-weight:700;color:var(--danger-text)}.feedback-hint{margin-top:6px;color:var(--text-dim);line-height:1.6}.feedback-error .btn{margin-top:12px}.feedback-empty{color:var(--text-muted)}.map-island{--island-ink: #eef1f8;--island-ink-dim: #9aa4bd;background:#101726;border:1px solid #24304a;border-radius:var(--r-lg);color:var(--island-ink);overflow:hidden;min-height:420px;display:grid;place-items:center}@media (max-width: 600px){.map-island{min-height:320px}}.visuels-workshop{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);min-height:420px;display:grid;place-items:center}