.layout-prototype-root{position:fixed;inset:0;z-index:2147483600;color:#eee;font:12px Arial,system-ui,sans-serif;background:#fff}.layout-prototype-root *{box-sizing:border-box}.layout-prototype-root button,.layout-prototype-root input,.layout-prototype-root textarea,.layout-prototype-root select{font:inherit}.layout-prototype-root button{cursor:pointer}.layout-prototype-root button:disabled{opacity:.35;cursor:default}.layout-prototype-root button:focus-visible,.layout-prototype-root textarea:focus-visible,.layout-prototype-root input:focus-visible{outline:2px solid #fa7b14;outline-offset:2px}.layout-prototype-root .workbench,.layout-prototype-root .workspace,.layout-prototype-root .preview-column,.layout-prototype-root .frame-scroll{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0}.layout-prototype-root iframe{display:block;height:100%;border:0;background:#fff}.layout-prototype-root .layout-header,.layout-prototype-root .preview-caption,.layout-prototype-root footer,.layout-prototype-root .general-comment{display:none}.layout-prototype-root .tools{position:absolute;right:40px;bottom:72px;z-index:4;width:256px;max-height:calc(100dvh - 100px);display:flex;flex-direction:column;gap:8px;background:#1c1c1c;color:#ddd;padding:16px 16px 12px;border-radius:16px;box-shadow:0 3px 20px #0003;border:0}.layout-prototype-root .palette-heading{font-size:12px;line-height:1.4;font-weight:600;margin:0;color:#fff}.layout-prototype-root .palette-description{font-size:10px;color:#818181;line-height:1.4;margin:0}.layout-prototype-root .wireframe-new{display:flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:7px;background:#ff7b0a;color:#fff;font-size:12px;height:34px;padding:7px}.layout-prototype-root .palette-context{display:block}.layout-prototype-root textarea{resize:none;display:block;background:#252525;border:1px solid #414141;color:#ddd;border-radius:6px;width:100%;padding:10px;font-size:11px;line-height:1.5;min-height:52px}.layout-prototype-root .tools>.eyebrow{display:none}.layout-prototype-root .block-buttons{max-height:246px;min-height:210px;overflow-y:auto;margin:0 -2px;scrollbar-width:thin;scrollbar-color:#505050 transparent}.layout-prototype-root .catalogue-label{font-size:11px;color:#999;padding:4px 2px 6px}.layout-prototype-root .block-buttons button{display:flex;align-items:center;gap:7px;width:100%;text-align:left;border:0;border-radius:4px;background:transparent;color:#ddd;font-size:12px;font-weight:500;padding:2px 3px;min-height:27px}.layout-prototype-root .block-buttons button svg{color:#666;flex-shrink:0}.layout-prototype-root .block-buttons button:hover{background:#303030}.layout-prototype-root .history{display:flex;align-items:center;gap:5px;border-top:1px solid #333;margin:0 -16px -12px;padding:8px 16px;color:#aaa;font-size:11px}.layout-prototype-root .history button{background:transparent;color:#888;border:0;font-size:15px;padding:3px;min-height:20px}.layout-prototype-root .history span{margin-left:auto}.layout-prototype-root .inspector{display:none}.layout-prototype-root .tools>small{display:none}.layout-prototype-root .layout-actionbar{position:absolute;right:36px;bottom:20px;display:flex;align-items:center;gap:4px;padding:5px 7px;z-index:5;background:#171717;border-radius:30px;box-shadow:0 2px 12px #0002}.layout-prototype-root .layout-actionbar button{width:34px;height:34px;display:grid;place-items:center;background:transparent;color:#bbb;border:0;border-radius:50%;padding:0}.layout-prototype-root .layout-actionbar button:hover{background:#333}.layout-prototype-root .layout-actionbar .active-layout{color:#ff7a0a;background:#6a3b15}.layout-prototype-root .toolbar-divider{height:20px;width:1px;background:#444;margin:0 3px}.layout-prototype-root .controls{position:absolute;left:24px;bottom:18px;width:132px;z-index:4;display:flex;flex-wrap:wrap;align-items:center;gap:3px;background:#ffffffb0;color:#999;font-size:9px;border-radius:5px;padding:0}.layout-prototype-root .controls label:not(.veil),.layout-prototype-root .controls .segmented{display:none}.layout-prototype-root .veil{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;color:#888;font-size:9px}.layout-prototype-root .veil output{margin-left:auto;font-size:8px}.layout-prototype-root .veil input{width:100%;height:16px;margin:0;accent-color:#ff7b0a}.layout-prototype-root .controls>button{font-size:9px;min-height:18px;background:transparent;color:#777;border:0;padding:2px 0;order:2}.layout-prototype-root .controls:after{content:"Les blocs sont des indications, pas le site final.";font-size:8px;line-height:1.4;order:3}.layout-prototype-root .controls.settings-open{width:300px;background:#191919;padding:14px;color:#ddd;border:1px solid #444}.layout-prototype-root .controls.settings-open label:not(.veil){display:flex;flex-direction:column;gap:5px;margin-right:8px}.layout-prototype-root .controls.settings-open .segmented{display:flex}.layout-prototype-root .controls.settings-open select,.layout-prototype-root .segmented button{padding:7px;background:#252525;border:1px solid #444;color:#ddd;border-radius:4px}.layout-prototype-root .segmented .active{color:#171717;background:#eee}.layout-prototype-root .export-backdrop{position:fixed;inset:0;background:#0007;z-index:10;display:grid;place-items:center;padding:20px}.layout-prototype-root .export-dialog{width:min(600px,100%);max-height:90dvh;overflow:auto;background:#191919;border:1px solid #444;border-radius:10px;padding:22px}.layout-prototype-root .export-dialog h2{font-size:16px;margin:0 0 14px}.layout-prototype-root .export-dialog p{font-size:12px;color:#bbb;line-height:1.5}.layout-prototype-root .export-dialog pre{max-height:230px;overflow:auto;font-size:11px;background:#111;padding:12px;white-space:pre-wrap;word-break:break-word}.layout-prototype-root .export-dialog>div{display:flex;flex-wrap:wrap;gap:8px}.layout-prototype-root .export-dialog button{padding:10px 12px;background:#333;border:1px solid #555;color:#fff;border-radius:6px}.layout-prototype-root .export-dialog .primary{background:#eee;color:#171717}.layout-prototype-root .frame-scroll{overflow:auto}@media(pointer:coarse){.layout-prototype-root .block-buttons button{min-height:44px}.layout-prototype-root .block-buttons{max-height:320px}.layout-prototype-root .layout-actionbar button{height:40px;width:40px}.layout-prototype-root .tools{bottom:83px}.layout-prototype-root .controls>button{min-height:32px}.layout-prototype-root .veil input{height:30px}.layout-prototype-root .inspector{display:block;font-size:11px}.layout-prototype-root .inspector h2{font-size:12px;margin:8px 0}.layout-prototype-root .inspector summary{color:#888;cursor:pointer}.layout-prototype-root .inspector button{background:#333;border:1px solid #444;color:#eee;padding:8px;width:100%}.layout-prototype-root .inspector p{font-size:10px;color:#aaa}}@media(max-width:600px){.layout-prototype-root .tools{right:12px;width:256px;max-height:calc(100dvh - 102px);bottom:83px}.layout-prototype-root .block-buttons{max-height:265px;min-height:180px}.layout-prototype-root .layout-actionbar{right:12px;bottom:20px;gap:0;padding:4px}.layout-prototype-root .layout-actionbar button{width:36px;height:40px}.layout-prototype-root .controls{left:14px;bottom:75px;width:95px}.layout-prototype-root .controls.settings-open{bottom:80px;width:280px}.layout-prototype-root .veil{gap:3px}.layout-prototype-root .controls:after{font-size:7px}}@media(min-width:601px)and (pointer:fine){.layout-prototype-root .controls{width:220px;gap:3px;font-size:9px}.layout-prototype-root .veil{width:100%;height:18px;flex-wrap:nowrap;gap:8px}.layout-prototype-root .veil output{display:none}.layout-prototype-root .veil input{width:54px;height:14px;accent-color:#ed6f00}.layout-prototype-root .controls:after{content:"Drag components onto the canvas. Copied output includes the proposed layout.";max-width:215px}.layout-prototype-root .controls.settings-open .veil{flex-wrap:wrap;height:auto}.layout-prototype-root .controls.settings-open .veil output{display:block}}@media(min-width:601px)and (pointer:fine){.layout-prototype-root .controls>button{width:auto;flex:0 0 auto;min-width:0}.layout-prototype-root .controls>button:first-child{order:2}.layout-prototype-root .controls>button:nth-child(2){order:2}.layout-prototype-root .veil{order:1}}.layout-prototype-root .block-buttons button.chosen-kind{background:#ff7b0a;color:#fff}.layout-prototype-root .block-buttons button.chosen-kind svg{color:#ffcfaa}.layout-prototype-root .block-buttons button svg{color:#484848;stroke-width:1}.layout-prototype-root .layout-actionbar button{color:#c9c9c9}.layout-prototype-root .layout-actionbar button[aria-label="Copier la disposition"]:not(:disabled){color:#ff7b0a}.layout-prototype-root .cos-advanced{position:absolute;left:20px;top:20px;z-index:9;width:440px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 110px);overflow:auto;padding:18px;background:#191919;color:#ddd;border:1px solid #444;border-radius:12px;box-shadow:0 8px 30px #0004}.layout-prototype-root .cos-advanced header{display:flex;justify-content:space-between;align-items:center}.layout-prototype-root .cos-advanced h2{font-size:16px;margin:0}.layout-prototype-root .cos-advanced h3{font-size:12px;margin:16px 0 8px}.layout-prototype-root .cos-advanced p{font-size:11px;line-height:1.5;color:#aaa}.layout-prototype-root .cos-advanced label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:9px 0}.layout-prototype-root .cos-advanced input,.layout-prototype-root .cos-advanced select{background:#262626;border:1px solid #444;color:#eee;border-radius:5px;padding:7px;max-width:200px}.layout-prototype-root .cos-advanced button{background:#303030;border:1px solid #555;color:#eee;border-radius:6px;padding:8px 10px}.layout-prototype-root .cos-before-after{display:grid;grid-template-columns:1fr 1fr;gap:10px}.layout-prototype-root .cos-before-after svg{width:100%;height:150px;background:#111;border:1px solid #444}.layout-prototype-root .cos-advanced ul{padding-left:18px;font-size:11px;line-height:1.5}.layout-prototype-root .cos-advanced li{margin:8px 0}@media(max-width:600px){.layout-prototype-root .layout-actionbar button{width:32px}.layout-prototype-root .cos-advanced{left:12px;top:12px;max-width:calc(100vw - 24px)}.layout-prototype-root .cos-advanced input,.layout-prototype-root .cos-advanced select{max-width:170px}}@media(min-width:601px)and (pointer:fine){.layout-prototype-root .tools{width:256px;padding:16px 16px 12px;gap:7px}.layout-prototype-root .palette-description{font-size:10px;line-height:1.3}.layout-prototype-root .palette-context textarea{height:52px;min-height:52px;padding:8px;line-height:1.3}.layout-prototype-root .block-buttons button{font-weight:600;min-height:27px}.layout-prototype-root .history span{margin-left:0;margin-right:auto}.layout-prototype-root .history button{font-size:11px}.layout-prototype-root .wireframe-new{height:34px}}.layout-prototype-root .cos-undo{position:absolute;left:24px;bottom:80px;z-index:4;display:flex;gap:4px}.layout-prototype-root .cos-undo button{background:#fff9;color:#777;border:0;border-radius:5px;width:28px;height:28px;font-size:18px}@media(max-width:600px){.layout-prototype-root .cos-undo{left:14px;bottom:155px}.layout-prototype-root .cos-undo button{height:44px;width:36px}}.cos-root{font:12px Arial,system-ui,sans-serif;color:#eee}.cos-root .cos-dock,.cos-root .cos-settings,.cos-root .cos-note{right:18px;bottom:18px;display:flex;gap:4px;background:#171717;border-radius:28px;padding:5px;box-shadow:0 3px 14px #0003}.cos-root .cos-dock button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#ddd}.cos-root button{cursor:pointer;font:inherit}.cos-root button:disabled{opacity:.4;cursor:default}.cos-root .cos-settings,.cos-root .cos-note{right:18px;bottom:78px;width:210px}.cos-root h3{font-size:12px;margin:0 0 8px}.cos-root .cos-settings button{display:block;width:100%;border:0;background:#252525;color:#eee;padding:8px;text-align:left;border-radius:7px;margin-top:4px}.cos-root button[aria-checked=true]{background:#444}.cos-root .cos-switch{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.cos-root .cos-note{width:280px;max-width:calc(100vw - 24px)}.cos-root textarea{box-sizing:border-box;resize:vertical;background:#252525;color:#eee;border:1px solid #444;border-radius:6px;padding:9px;font:inherit;width:100%;min-height:70px}.cos-root .cos-note small,.cos-root .cos-note>div{display:flex;justify-content:flex-end;gap:7px}.cos-root .cos-note button,.cos-root .cos-note button:last-child{background:#ff7b0a;color:#fff}.cos-root .cos-status{bottom:80px;left:18px;max-width:290px;background:#191919;padding:9px 12px;border-radius:7px}.cos-root .cos-pick-hint{top:12px;left:12px;background:#191919;border-radius:8px;padding:8px}.cos-root :focus-visible{outline:2px solid #ff7b0a;outline-offset:2px}@media(pointer:coarse){.cos-root .cos-dock button{height:44px;width:44px}.cos-root .cos-settings button{min-height:44px}}.cos-root .cos-dock,.cos-root .cos-settings,.cos-root .cos-note,.cos-root .cos-status,.cos-root .cos-pick-hint,.cos-root .cos-history{position:fixed;z-index:2147483590}.cos-root .cos-settings,.cos-root .cos-note{display:block;border-radius:12px;padding:14px;bottom:auto;max-height:calc(100dvh - 24px);overflow:auto}.cos-root .cos-settings{bottom:78px}.cos-root .cos-note{right:auto}.cos-root .cos-note small{display:block;margin:8px 0;line-height:1.4;color:#aaa}.cos-root .cos-note button{border:0;border-radius:5px;padding:8px 12px}.cos-root .cos-note button:first-child{background:#333}.cos-root .cos-dock button:first-child{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.cos-root .cos-history{right:18px;bottom:78px;width:350px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 110px);overflow:auto;background:#191919;border-radius:12px;padding:16px;box-shadow:0 3px 18px #0003}.cos-root .cos-history header{display:flex;align-items:center;justify-content:space-between}.cos-root .cos-history article{border-top:1px solid #444;padding:12px 0}.cos-root .cos-history p{line-height:1.5;white-space:pre-wrap;word-break:break-word}.cos-root .cos-history small{color:#aaa}.cos-root .cos-history code{display:block;word-break:break-all;color:#aaa}.cos-root .cos-history button{border:1px solid #444;border-radius:5px;background:#303030;color:#eee;padding:8px;margin-top:8px}.cos-root *{box-sizing:border-box}.cos-root .cos-note{width:300px}.cos-root .cos-settings{width:238px}.cos-root .cos-dock{right:20px;gap:2px;padding:5px 7px}.cos-root .cos-dock-closed{width:44px;height:44px;padding:0;align-items:center;justify-content:center;border-radius:50%}.cos-root .cos-dock-closed button{width:44px;height:44px}.cos-root .cos-dock-open button{width:34px;height:34px;color:#bdbdbd}.cos-root .cos-dock button[data-dock-move]{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.cos-root .cos-dock-divider{width:1px;height:20px;background:#444;margin:7px 5px}.cos-root .cos-layout-entry{position:fixed;right:24px;bottom:124px;z-index:2147483589;display:grid;place-items:center;width:34px;height:34px;background:#252525;color:#bbb;border:1px solid #555;border-radius:8px;box-shadow:0 2px 8px #0002}.cos-root .cos-settings,.cos-root .cos-history{bottom:122px}.cos-root .cos-marker{position:fixed;z-index:2147483588;background:#f47715;border:2px solid white;color:#fff;border-radius:50%;width:24px;height:24px;font-size:11px;box-shadow:0 1px 4px #0003}.cos-root .cos-pick-hint{pointer-events:none}.cos-root .cos-pick-hint button{pointer-events:auto}@media(pointer:coarse){.cos-root .cos-dock-open button{width:44px;height:44px}.cos-root .cos-dock-divider{margin-top:12px}.cos-root .cos-layout-entry{width:44px;height:44px;right:20px;bottom:134px}.cos-root .cos-settings,.cos-root .cos-history{bottom:134px}}.cos-root .cos-dock-closed{width:40px;height:40px;background:#363636}.cos-root .cos-dock-closed button{width:40px;height:40px}.cos-root .cos-dock-closed button svg{width:20px;height:20px}.cos-root .cos-dock-open{gap:6px;padding:5px 6px 5px 8px}.cos-root .cos-dock-open button[data-dock-move]{background:#363636;color:#fff}.cos-root .cos-dock-open button[aria-pressed=true]{color:#ddd}.cos-root .cos-dock-open button:not([data-dock-move]){width:34px}.cos-root .cos-dock-divider{margin-left:2px;margin-right:2px}.cos-root .cos-note{width:280px;border-radius:16px;padding:12px 16px;background:#191919;box-shadow:0 5px 18px #0004}.cos-root .cos-note h3{display:flex;gap:8px;align-items:center;color:#8f8f8f;font-weight:400;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 10px}.cos-root .cos-note h3>span{font-size:20px;line-height:16px}.cos-root .cos-note textarea{height:57px;min-height:57px;resize:none;padding:9px 10px;border:1px solid #555;border-radius:8px;font-size:13px;line-height:18px;outline:none}.cos-root .cos-note textarea:focus{border-color:#09f;outline:none}.cos-root .cos-note>div{margin-top:12px;align-items:center}.cos-root .cos-note button{font-size:13px;padding:7px 14px;line-height:16px}.cos-root .cos-note button:first-child{background:transparent;color:#888;padding:7px 10px}.cos-root .cos-note button:last-child{background:#09f;border-radius:999px}.cos-root .cos-target-outline{position:fixed;z-index:2147483589;border:2px solid #59b7ff;border-radius:2px;background:#0099ff08;pointer-events:none}.cos-root .cos-target-outline>span{position:absolute;left:calc(50% - 12px);top:calc(50% - 12px);width:24px;height:24px;text-align:center;line-height:24px;color:#fff;background:#09f;border-radius:50%;font-size:20px;box-shadow:0 1px 5px #0003}.cos-root .cos-settings{width:137px;padding:8px;border-radius:12px;right:78px;bottom:111px;background:#191919}.cos-root .cos-settings h3{font-weight:400;white-space:nowrap;font-size:12px;margin:0 0 6px}.cos-root .cos-settings button{font-size:13px;padding:6px 9px;margin-top:3px;line-height:16px;border-radius:7px;min-height:28px}.cos-root .cos-settings .cos-history-link{font-size:11px;min-height:24px;padding:5px;color:#aaa;border-top:1px solid #333;background:transparent}.cos-root .cos-dock-open button[aria-label*=settings],.cos-root .cos-dock-open button[aria-label*=Réglages]{border-radius:50%}@media(pointer:coarse){.cos-root .cos-settings{bottom:122px;right:72px}.cos-root .cos-settings button{min-height:32px}}.cos-root .cos-native-gear{color:#ff403d!important}.cos-root .cos-native-settings{position:fixed;right:90px;bottom:111px;z-index:2147483590;background:#191919;color:#999;width:253px;max-width:calc(100vw - 36px);padding:12px 16px;border-radius:16px;font:13px/1.5 Arial,sans-serif;box-shadow:0 6px 20px #0004}.cos-root .cos-native-settings header{display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #303030;color:#bbb}.cos-root .cos-native-settings header small{font-size:11px;color:#777}.cos-root .cos-native-settings header button{border:0;color:#888;background:transparent}.cos-root .cos-native-settings label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0}.cos-root .cos-native-settings select{background:transparent;border:0;color:#eee;font:inherit;max-width:100px}.cos-root .cos-native-settings input{accent-color:#0099ff;order:2;margin:0}.cos-root .cos-native-colors{border-top:1px solid #303030;border-bottom:1px solid #303030;padding:0 0 12px}.cos-root .cos-native-colors p{margin:8px 0}.cos-root .cos-native-colors>div{display:flex;gap:10px}.cos-root .cos-native-colors button{width:20px;height:20px;border:0;border-radius:50%;padding:0}.cos-root .cos-native-colors button[aria-pressed=true]{outline:2px solid #0099ff;outline-offset:2px}.cos-root .cos-native-connection{display:flex;justify-content:space-between;width:100%;border:0;border-top:1px solid #303030;margin-top:8px;padding:10px 0 0;color:#999;background:transparent}.cos-root.cos-light .cos-native-settings,.cos-root.cos-light .cos-settings,.cos-root.cos-light .cos-note{background:#fff;color:#555}.cos-root.cos-light .cos-note textarea{background:#f7f7f7;color:#222}.cos-root .cos-dock-open button svg{width:18px;height:18px}.cos-root .cos-dock-open button[aria-label*=hide],.cos-root .cos-dock-open button[aria-label*=masquer],.cos-root .cos-dock-open button[aria-label*=Clear],.cos-root .cos-dock-open button[aria-label*=Effacer]{color:#666}.cos-root .cos-settings .cos-history-link{background:#252525;color:#ddd;font-size:13px;padding:6px 9px;border:0}.cos-root .cos-settings{width:152px}@media(pointer:coarse){.cos-root .cos-native-settings{right:46px;bottom:120px}.cos-root .cos-dock-open button{height:34px;width:34px}.cos-root .cos-dock-divider{margin-top:7px}.cos-root .cos-settings button{min-height:28px}}.cos-root .cos-sr-only{position:fixed!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;pointer-events:none}.cos-root .cos-native-settings input.cos-native-switch{appearance:none;width:30px;height:17px;border:0;border-radius:20px;background:#494949;position:relative}.cos-root .cos-native-settings input.cos-native-switch:after{content:"";display:block;position:absolute;top:2px;left:2px;border-radius:50%;width:13px;height:13px;background:#ccc}.cos-root .cos-native-settings input.cos-native-switch:checked{background:#09f}.cos-root .cos-native-settings input.cos-native-switch:checked:after{left:15px;background:#fff}.cos-root .cos-native-settings input:disabled{opacity:.5}.cos-root .cos-settings{width:137px}.cos-root .cos-native-settings label:has(input:not(.cos-native-switch)){justify-content:flex-start;flex-direction:row-reverse;gap:8px}.cos-root .cos-native-settings input:not(.cos-native-switch){accent-color:#fff}.cos-root .cos-dock-open button[aria-pressed=true]:not([aria-label*=hide]):not([aria-label*=masquer]):not([aria-label*=Pause]):not([aria-label*=pause]){background:#333}.cos-root .cos-privacy{font-size:11px;color:#aaa;margin:8px 0 0}.cos-root .cos-dock-closed{background:#292929}.cos-root .cos-dock-closed button{color:#fff}.cos-root .cos-dock-closed button svg{width:20px;height:20px;stroke-width:1.9}.cos-root .cos-native-settings label:has(input:not(.cos-native-switch)){flex-direction:row}.cos-root .cos-native-settings input:not(.cos-native-switch){order:-1}.cos-root .cos-native-settings{max-height:calc(100dvh - 24px);overflow:auto}.cos-root .cos-dock-closed,.cos-root .cos-dock-closed button{width:44px;height:44px}.cos-root .cos-dock-closed button svg{width:24px;height:24px;stroke-width:1.6}.cos-root .cos-dock-open{gap:5px}.cos-root .cos-dock-open button svg{width:20px;height:20px;stroke-width:1.8}.cos-root .cos-native-settings label{padding:7px 0}.cos-root .cos-native-settings header{padding-bottom:12px}.cos-root .cos-native-colors{padding-bottom:14px}.cos-root .cos-native-colors>div{gap:13.5px}.cos-root .cos-native-connection{padding-top:12px}.cos-root .cos-react-path{font:11px/16px Arial,sans-serif;color:#888;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cos-root .cos-connection-section{border-bottom:1px solid #303030;padding:8px 0}.cos-root .cos-connection-section:last-child{border:0;padding-bottom:4px}.cos-root .cos-connection-section h4{font-weight:400;color:#eee;font-size:13px;margin:0}.cos-root .cos-connection-section p{font:11px/14px Arial,sans-serif;color:#777;margin:5px 0 10px}.cos-root .cos-connection-section a{color:#999;text-decoration:underline dotted}.cos-root .cos-connection-section label{padding:2px 0}.cos-root .cos-connection-section label>span{display:flex;align-items:center;gap:8px;font-size:11px}.cos-root .cos-connection-section textarea{height:96px;min-height:96px;resize:none;background:#222;border:1px solid #383838;border-radius:6px}.cos-root .cos-native-settings header:has(>span:first-child){gap:8px}.cos-root .cos-native-settings header:has(>button:first-child){justify-content:flex-start;gap:10px;color:#eee}.cos-root .cos-dock-open{gap:6px}.cos-root .cos-dock-open button svg{stroke-width:2}.cos-root .cos-native-settings header{padding-bottom:10px}.cos-root .cos-native-settings select{max-width:84px}.cos-root .cos-dock-open button[aria-label="Close Code on screen OS"],.cos-root .cos-dock-open button[aria-label="Fermer Code on screen OS"]{background:transparent}.cos-root .cos-note .cos-image-attach{display:block;margin-top:8px}.cos-root .cos-note .cos-image-attach>button{background:#303030;color:#ccc;border-radius:6px;font-size:12px;padding:6px 8px}.cos-root .cos-image-attach>span{display:inline-block;font-size:10px;color:#888;margin-left:8px}.cos-root .cos-image-attach>small{display:block;font-size:10px;color:#777;margin:5px 0}.cos-root .cos-image-thumbs{display:flex;gap:8px}.cos-root .cos-image-thumbs figure{position:relative;margin:4px 0;width:64px;height:64px}.cos-root .cos-image-thumbs img{width:64px;height:64px;border-radius:6px;object-fit:cover}.cos-root .cos-note .cos-image-thumbs button{position:absolute;top:-4px;right:-4px;border:1px solid #555;border-radius:50%;padding:0;width:22px;height:22px;background:#222;color:#fff}.cos-root .cos-note .cos-image-attach p{font-size:11px;color:#ffb48c}.cos-root .cos-note:has(.cos-image-thumbs figure){max-height:calc(100dvh - 24px)}.cos-root .cos-note{z-index:2147483602}.cos-root .cos-settings{width:240px;max-width:calc(100vw - 24px);padding:16px;border-radius:16px}.cos-root .cos-settings h3{white-space:normal;font-size:13px;line-height:1.4;margin:0 0 12px}.cos-root .cos-settings button,.cos-root .cos-settings .cos-history-link{padding:12px;min-height:44px;font-size:14px;line-height:20px;margin-top:7px;white-space:normal}.cos-root .cos-settings{right:20px}.cos-root .cos-note .cos-image-attach>button{margin:0 4px 5px 0}.cos-root .cos-inline-status,.cos-root .cos-status{font:11px/1.5 Arial,sans-serif;color:#929292;white-space:normal}.cos-root .cos-inline-status{margin:9px 0 0}.cos-root .cos-status{background:#191919;box-shadow:0 3px 12px #0002}.cos-root .cos-status{font-size:10px;line-height:1.4;color:#c8c8c8;padding:6px 9px;max-width:260px;border-radius:6px}.cos-capture-backdrop,.cos-snip-layer{position:fixed;inset:0;z-index:2147483646;font:12px/1.5 Arial,sans-serif;color:#ddd}.cos-capture-backdrop{display:flex;align-items:center;justify-content:center;background:#0009;padding:16px;box-sizing:border-box}.cos-capture-preview{background:#191919;padding:16px;border-radius:14px;width:min(720px,100%);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box}.cos-capture-preview header{display:flex;align-items:center;justify-content:space-between}.cos-capture-preview h3{font-size:14px;margin:0 0 12px}.cos-capture-preview img{display:block;max-width:100%;max-height:60dvh;object-fit:contain;margin:auto;background:#fff;border-radius:6px}.cos-capture-preview small,.cos-capture-preview p{color:#aaa;font-size:11px}.cos-capture-preview footer{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.cos-capture-preview button,.cos-snip-bar button{font:12px Arial,sans-serif;border:1px solid #555;background:#303030;color:#eee;min-height:44px;padding:8px 12px;border-radius:8px;cursor:pointer}.cos-capture-preview footer button:last-child{background:#09f;color:#fff;border-color:#09f}.cos-snip-layer{touch-action:none;cursor:crosshair;overflow:hidden;outline:none}.cos-snip-rect{position:absolute;border:2px solid #0099ff;box-sizing:border-box;box-shadow:0 0 0 200vmax #0008;pointer-events:none}.cos-snip-rect span{position:absolute;top:100%;left:0;background:#191919;color:#ddd;padding:2px 6px;white-space:nowrap}.cos-snip-bar{position:absolute;z-index:1;top:12px;left:12px;right:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px;background:#191919;border-radius:10px;cursor:default}.cos-snip-bar span{flex:1;min-width:180px}.cos-root .cos-note .cos-image-thumbs .cos-image-preview-open{position:static;padding:0;border:0;width:64px;height:64px;border-radius:6px;background:transparent}.cos-root .cos-image-preview-open:focus-visible{outline:2px solid #0099ff}body:has(.cos-snip-layer) .cos-note,body:has(.cos-snip-layer) .cos-dock{visibility:hidden}.cos-capture-preview :focus-visible,.cos-snip-bar :focus-visible{outline:2px solid #0099ff;outline-offset:2px}.cos-root .cos-note .cos-image-attach>.cos-add-elements{display:flex;width:100%;justify-content:center;align-items:center;gap:12px;min-height:44px;margin:4px 0 8px;font-size:12px;background:#303030;color:#eee}.cos-root .cos-add-menu{display:grid;gap:4px;padding:6px;background:#222;border:1px solid #444;border-radius:8px;margin-bottom:8px}.cos-root .cos-note .cos-add-menu button{display:block;background:#303030;color:#ddd;text-align:left;min-height:44px;border-radius:6px}.cos-root .cos-image-thumbs{flex-wrap:wrap}.cos-root .cos-image-thumbs figure{height:100px;width:76px}.cos-root .cos-note .cos-image-thumbs .cos-item-redo{position:static;width:auto;height:30px;padding:4px 7px;border-radius:5px;font-size:10px;margin-top:4px;background:#303030;color:#ccc}.cos-root .cos-audio-item,.cos-root .cos-audio-recorder{display:block;background:#242424;padding:8px;border-radius:8px;margin-top:10px}.cos-root .cos-audio-item audio,.cos-root .cos-audio-recorder audio{display:block;width:100%;height:40px;margin:6px 0}.cos-root .cos-note .cos-audio-item button,.cos-root .cos-note .cos-audio-recorder button{background:#333;color:#ddd;margin:3px 5px 3px 0;padding:8px;font-size:11px;min-height:36px}.cos-root .cos-audio-recorder p{color:#aaa;font-size:11px;margin:4px 0}.cos-root .cos-audio-recorder [role=alert]{color:#ffb48c}.cos-root .cos-audio-recorder [role=status]{font-size:11px;color:#c8c8c8}.cos-note h3,.cos-settings h3,.cos-native-settings header,.cos-history header,.cos-capture-preview header,.cos-admin-panel h3,.cos-slack-popup header{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;-webkit-touch-callout:none}.cos-popup-dragging{cursor:grabbing!important;outline:1px solid #0099ff}.cos-popup-positioned{position:fixed!important;left:var(--cos-popup-x)!important;top:var(--cos-popup-y)!important;right:auto!important;bottom:auto!important;transform:none!important}.cos-root .cos-note,.cos-root .cos-note textarea,.cos-root .cos-note button{font:12px/1.5 Arial,system-ui,sans-serif;color:#ccc}.cos-root .cos-note textarea{padding:9px 10px;color:#ddd}.cos-root .cos-note textarea::placeholder{color:#999;opacity:1}.cos-root .cos-note .cos-image-attach>.cos-add-elements{justify-content:space-between;text-align:left;padding:10px 12px;color:#ccc;min-height:44px}.cos-root .cos-note .cos-add-menu button{font:12px/1.5 Arial,system-ui,sans-serif;color:#ccc;text-align:left;padding:10px 12px;margin:0;min-height:44px;border:0;border-radius:6px;background:#303030}.cos-root .cos-note .cos-image-attach>span,.cos-root .cos-note .cos-image-attach>small,.cos-root .cos-note .cos-privacy,.cos-root .cos-note .cos-audio-item>small,.cos-root .cos-note .cos-audio-recorder p{font:11px/1.5 Arial,system-ui,sans-serif;color:#999;margin:6px 0}.cos-root .cos-note .cos-image-attach>span{margin-left:0}.cos-root .cos-note .cos-item-redo,.cos-root .cos-note .cos-audio-item button,.cos-root .cos-note .cos-audio-recorder button{font:12px/1.5 Arial,system-ui,sans-serif;color:#ccc}.cos-root .cos-note>div:last-of-type>button:last-child{color:#fff}.cos-root .cos-note .cos-audio-recorder [role=alert]{color:#ffb48c}.cos-add-side{position:fixed;z-index:2147483644;width:196px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;box-sizing:border-box;padding:8px;background:#191919;border:1px solid #444;border-radius:10px;box-shadow:0 6px 24px #0005;display:grid;gap:5px;font:12px/1.5 Arial,sans-serif;color:#ccc}.cos-add-side header{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;color:#999;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.cos-add-side button{font:12px/1.5 Arial,sans-serif;color:#ccc;text-align:left;padding:10px 12px;margin:0;min-height:44px;border:0;border-radius:6px;background:#303030;cursor:pointer}.cos-add-side header button{background:transparent;padding:4px 7px;min-height:32px;font-size:16px}.cos-add-side button:disabled{opacity:.4;cursor:default}.cos-add-side :focus-visible{outline:2px solid #0099ff;outline-offset:1px}.cos-capture-preview footer{flex-wrap:wrap}.cos-capture-preview footer button{font:12px/1.5 Arial,sans-serif;color:#ccc}.cos-capture-preview footer button:last-child{color:#fff}.cos-capture-preview.cos-popup-positioned{max-width:calc(100vw - 16px);width:min(720px,calc(100vw - 16px))}.cos-simple-veil{position:fixed;inset:0;background:#fff;z-index:2147483500;pointer-events:none;transition:opacity 80ms linear}.cos-veil-controls{position:fixed;right:20px;bottom:120px;z-index:2147483600;width:280px;max-width:calc(100vw - 24px);padding:14px 16px;border-radius:16px;background:#191919;color:#aaa;box-shadow:0 6px 22px #0004;font:13px/1.5 Arial,sans-serif;box-sizing:border-box}.cos-veil-controls header{display:flex;justify-content:space-between;align-items:center;color:#eee;border-bottom:1px solid #333;padding-bottom:8px;margin-bottom:12px}.cos-veil-controls button{background:#292929;color:#ccc;border:0;border-radius:7px;padding:8px 12px;font:inherit;cursor:pointer;min-height:36px}.cos-veil-controls header button{background:transparent;padding:0;width:36px;color:#aaa;font-size:22px}.cos-veil-controls label{display:block}.cos-veil-controls output{float:right;color:#eee}.cos-veil-controls input{display:block;width:100%;accent-color:#0099ff;min-height:36px;margin:6px 0 10px}.cos-veil-controls>div{display:flex;gap:8px}.cos-veil-controls>div button{flex:1}.cos-veil-controls button[aria-pressed=true]{background:#444;color:#fff}.cos-veil-controls small{display:block;margin-top:12px;font-size:11px;color:#777}.cos-veil-controls :focus-visible{outline:2px solid #0099ff;outline-offset:2px}@media(prefers-reduced-motion:reduce){.cos-simple-veil{transition:none}}@media(pointer:coarse){.cos-veil-controls button,.cos-veil-controls input{min-height:44px}.cos-veil-controls{bottom:120px}}.cos-admin-panel,.cos-slack-popup{position:fixed;z-index:2147483601;right:20px;bottom:120px;width:280px;max-width:calc(100vw - 24px);background:#191919;border-radius:16px;padding:14px 16px;box-shadow:0 6px 22px #0004;color:#bbb;font:13px/1.5 Arial,sans-serif;box-sizing:border-box}.cos-admin-panel header,.cos-slack-popup header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #333;color:#eee}.cos-admin-panel header small{font-size:11px;color:#777}.cos-admin-panel button,.cos-slack-popup button{border:0;border-radius:7px;background:#292929;color:#ccc;font:inherit;cursor:pointer;min-height:40px;padding:8px 10px}.cos-admin-panel header button,.cos-slack-popup header button{background:transparent;font-size:22px;width:36px;padding:0}.cos-admin-panel>button{display:flex;width:100%;justify-content:space-between;align-items:center;margin-top:8px}.cos-admin-panel>small{display:block;font-size:11px;color:#777;margin-top:12px}.cos-slack-popup{bottom:380px;width:320px;max-height:calc(100dvh - 24px);overflow:auto}.cos-slack-popup header small{display:block;font-size:11px;color:#777}.cos-slack-popup p{font-size:12px;color:#999}.cos-slack-popup textarea{display:block;width:100%;height:85px;background:#242424;border:1px solid #444;border-radius:8px;padding:10px;box-sizing:border-box;color:#eee;font:13px/1.5 Arial,sans-serif;resize:vertical}.cos-slack-popup footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.cos-slack-popup footer small{color:#777;font-size:11px}.cos-slack-popup button:disabled{opacity:.4;cursor:default}.cos-admin-panel :focus-visible,.cos-slack-popup :focus-visible{outline:2px solid #0099ff;outline-offset:2px}@media(max-width:500px){.cos-slack-popup{bottom:380px;max-height:calc(100dvh - 392px)}}html{background:#fff;color:#171717;font-family:Arial,system-ui,sans-serif}body{margin:0}main{max-width:780px;margin:70px auto 140px;padding:24px}h1{font-size:48px;line-height:1.05;letter-spacing:-1.5px;max-width:660px;margin:24px 0}h2{font-size:22px;letter-spacing:-.4px;margin-top:0}p,li{font-size:15px;line-height:1.6}.preview-eyebrow{font-size:11px;letter-spacing:1px;color:#888}.preview-intro{color:#666;max-width:570px}.preview-primary,.preview-example{padding:12px 16px;border:0;border-radius:8px;font:14px Arial;cursor:pointer}.preview-primary{background:#171717;color:#fff;margin:10px 0 28px}.preview-example{background:#fff;border:1px solid #ddd}main>section{padding:26px;background:#f7f7f7;border:1px solid #e9e9e9;border-radius:8px;margin:18px 0}.preview-disclaimer{color:#888;font-size:12px}ol{padding-left:22px}@media(max-width:500px){main{margin-top:28px;padding:20px}h1{font-size:38px}main>section{padding:20px}}.cos-slack-popup{max-height:calc(100dvh - 405px)}@media(max-height:600px){.cos-admin-panel{bottom:12px;right:12px;width:250px;max-height:calc(100dvh - 24px);overflow:auto}.cos-slack-popup{bottom:12px;right:278px;max-height:calc(100dvh - 24px);width:300px}.cos-veil-controls{bottom:12px}}