[data-tool="carre-de-polybe"]{--tool-code-action: var(--outil-action);--tool-code-action-hover: var(--outil-action-hover);--tool-code-action-text: var(--outil-action-texte);--tool-code-border: var(--outil-bord);--tool-code-surface: var(--outil-surface);--tool-code-surface-hover: var(--outil-surface-hover);--tool-code-text: var(--outil-texte);--tool-code-strong: var(--outil-fonce);display: grid;gap: 1rem}[data-tool="carre-de-polybe"] *,[data-tool="carre-de-polybe"] *::before,[data-tool="carre-de-polybe"] *::after{box-sizing: border-box}.polybe-square-intro,.polybe-square-status,.polybe-square-reference p{margin: 0;color: var(--tool-code-text);line-height: 1.55}.polybe-square-settings,.polybe-square-editor,.polybe-square-reference{border: 1px solid var(--tool-code-border);border-radius: 10px;background: #fff;overflow: hidden}.polybe-square-settings,.polybe-square-reference{padding: .9rem}.polybe-square-settings h2,.polybe-square-editor h2,.polybe-square-reference h2{margin: 0;color: var(--tool-code-strong);font-size: 1.08rem;font-weight: 900;line-height: 1.2}.polybe-square-settings>h2{margin-bottom: .8rem;text-align: center}.polybe-square-settings-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: .8rem;align-items: start}.polybe-square-setting{display: grid;gap: .55rem;min-width: 0;padding: .75rem;border: 1px solid var(--tool-code-border);border-radius: 8px;background: var(--tool-code-surface)}.polybe-square-label{margin: 0;color: var(--tool-code-strong);font-weight: 900;text-align: center;line-height: 1.25}.polybe-square-selector{display: grid;grid-auto-flow: column;grid-auto-columns: minmax(0,1fr);gap: .25rem;padding: .25rem;border: 1px solid var(--tool-code-border);border-radius: 8px;background: #fff}.polybe-square-selector-3{grid-template-columns: repeat(3,minmax(0,1fr));grid-auto-flow: initial}.polybe-square-selector-4{grid-template-columns: repeat(4,minmax(0,1fr));grid-auto-flow: initial}.polybe-square-selector-button{min-height: 2.45rem;border: 0;border-radius: 7px;background: transparent;color: var(--tool-code-strong);cursor: pointer;font: inherit;font-size: .9rem;font-weight: 850;line-height: 1.15;transition: transform .12s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}.polybe-square-selector-button:not(.is-active):hover{background: var(--tool-code-surface-hover)}.polybe-square-selector-button:active,.polybe-square-action:not(:disabled):active{transform: translateY(1px)}.polybe-square-selector-button.is-active{background: var(--tool-code-action);color: var(--tool-code-action-text)}.polybe-square-custom-label{display: grid;gap: .4rem;color: var(--tool-code-strong);font-size: .9rem;font-weight: 850}.polybe-square-custom-label input{min-height: 2.45rem;width: 100%;border: 1px solid var(--tool-code-border);border-radius: 8px;background: #fff;color: var(--tool-code-strong);font: inherit;font-weight: 780;padding: .45rem .6rem}.polybe-square-custom-label input:disabled{opacity: .55;cursor: not-allowed}.polybe-square-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1rem;align-items: stretch}.polybe-square-editor{position: relative;display: grid;grid-template-rows: auto minmax(16rem,1fr) auto;min-width: 0}.polybe-square-editor-top,.polybe-square-editor-bottom{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: .55rem;align-items: center;background: var(--tool-code-surface);padding: .55rem}.polybe-square-editor-top{border-bottom: 1px solid var(--tool-code-border)}.polybe-square-editor-bottom{border-top: 1px solid var(--tool-code-border)}.polybe-square-textarea{width: 100%;min-width: 0;min-height: 16rem;border: 0;border-radius: 0;background: #fff;color: var(--tool-code-strong);font: inherit;font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size: .98rem;font-weight: 780;line-height: 1.55;padding: .85rem;resize: none;appearance: none}.polybe-square-textarea-result,.polybe-square-textarea[readonly]{background: var(--tool-code-surface);cursor: default}.polybe-square-textarea:focus,.polybe-square-action:focus-visible,.polybe-square-selector-button:focus-visible,.polybe-square-custom-label input:focus{outline: 3px solid color-mix(in srgb,var(--outil-focus) 30%,transparent);outline-offset: 2px}.polybe-square-status{min-height: 1.25rem;color: var(--tool-code-strong);font-size: .82rem;font-weight: 850;max-width: 100%;overflow-wrap: anywhere}.polybe-square-status.is-error{color: #a70f13}.polybe-square-status.is-success{color: #0b5b2f}.polybe-square-action-group{display: flex;flex-wrap: nowrap;gap: .35rem;align-items: center;justify-content: flex-end;min-width: max-content}.polybe-square-action{min-height: 2.35rem;border: 1px solid var(--tool-code-border);border-radius: 8px;background: #fff;color: var(--tool-code-strong);cursor: pointer;display: inline-flex;align-items: center;justify-content: center;gap: .35rem;font: inherit;font-size: .9rem;font-weight: 850;line-height: 1.15;padding: .38rem .52rem;text-align: center;transition: transform .12s ease,border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,opacity .16s ease}.polybe-square-action-primary{border-color: var(--tool-code-action);background: var(--tool-code-action);color: var(--tool-code-action-text)}.polybe-square-action-icon{width: 18px;height: 18px;flex: 0 0 auto}.polybe-square-action:not(:disabled):hover,.polybe-square-action:not(:disabled):focus-visible{border-color: var(--tool-code-action-hover);color: var(--tool-code-action-hover);background: var(--tool-code-surface-hover);box-shadow: 0 0 0 3px color-mix(in srgb,var(--tool-code-action) 15%,transparent);outline: 0}.polybe-square-action-primary:not(:disabled):hover,.polybe-square-action-primary:not(:disabled):focus-visible{background: var(--tool-code-action-hover);color: var(--tool-code-action-text)}.polybe-square-action:disabled{cursor: not-allowed;opacity: .48;transform: none;box-shadow: none}.polybe-square-reference{display: grid;gap: .85rem}.polybe-square-reference-head{display: grid;gap: .3rem}.polybe-square-square{display: grid;grid-template-columns: repeat(6,minmax(2.2rem,1fr));gap: .35rem;max-width: 34rem}.polybe-square-cell{min-height: 2.3rem;display: grid;place-items: center;border: 1px solid var(--tool-code-border);border-radius: 8px;background: #fff;color: var(--tool-code-strong);font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-weight: 900}.polybe-square-cell.is-head{background: var(--tool-code-surface);color: var(--tool-code-action)}.polybe-square-file-input,.polybe-square-copy-proxy{position: fixed;left: -9999px;top: 0;width: 1px;height: 1px;opacity: 0;pointer-events: none}.polybe-square-info-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1rem;margin: 1rem 0}.polybe-square-info-card,.polybe-square-info-note{border: 1px solid var(--outil-bord,#e2cf82);border-radius: 8px;padding: 1rem;background: #fffdf3}.polybe-square-info-card h3,.polybe-square-info-note h3{margin: 0 0 .45rem;color: var(--outil-fonce,#7a4400);font-size: 1rem;font-weight: 900;line-height: 1.25}.polybe-square-info-card p,.polybe-square-info-note p{margin: 0;color: var(--outil-texte,var(--primary-dark,#103b6d));line-height: 1.58}.polybe-square-info-table{width: 100%;margin: 1rem 0;border-collapse: collapse;border: 1px solid var(--outil-bord,#e2cf82);border-radius: 8px;overflow: hidden;background: #fff}.polybe-square-info-table th,.polybe-square-info-table td{border: 1px solid var(--outil-bord,#e2cf82);padding: .65rem .75rem;text-align: left;vertical-align: top;line-height: 1.45}.polybe-square-info-table th{color: var(--outil-fonce,#7a4400);background: var(--outil-surface,#fff7d8);font-weight: 900}.polybe-square-info-table td{color: var(--outil-texte,var(--primary-dark,#103b6d));background: #fff}.polybe-square-info-table tbody tr:nth-child(even) td{background: #fffaf0}.polybe-square-info-code{display: inline-block;padding: .08rem .28rem;border-radius: 5px;background: #fff;color: var(--primary-dark,#103b6d);font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-weight: 850}.polybe-square-info-note{border-left: 5px solid var(--outil-action,#9a5a08);background: var(--outil-surface,#fff7d8)}.polybe-square-info-link{color: var(--primary-dark,#103b6d);font-weight: 900;text-decoration: underline;cursor: pointer}@media (max-width: 980px){.polybe-square-settings-grid,.polybe-square-grid,.polybe-square-info-grid{grid-template-columns: 1fr}}@media (max-width: 680px){.polybe-square-selector,.polybe-square-selector-3,.polybe-square-selector-4,.polybe-square-editor-top,.polybe-square-editor-bottom{grid-template-columns: 1fr;grid-auto-flow: row}.polybe-square-action-group{justify-content: flex-start;flex-wrap: wrap;min-width: 0}.polybe-square-square{grid-template-columns: repeat(6,minmax(1.65rem,1fr));gap: .25rem}.polybe-square-cell{min-height: 1.9rem;font-size: .82rem}}