[data-tool="code-binaire"]{--binary-primary: var(--primary-dark,#103b6d);--binary-brown: #7a4400;--binary-brown-2: #9a5a08;--binary-gold: #f5c400;--binary-soft: #fff7d8;--binary-soft-2: #fffaf0;--binary-border: #e2cf82;--binary-muted: #70839f;--binary-disabled: #f2f1ec;--binary-disabled-text: #7f8da4;color: var(--binary-primary)}[data-tool="code-binaire"] *,[data-tool="code-binaire"] *::before,[data-tool="code-binaire"] *::after{box-sizing: border-box}.binary-code-intro{margin: 0 0 1.2rem;color: var(--binary-primary);font-size: 1rem;line-height: 1.55}.binary-code-title{margin: 0;color: var(--binary-brown);font-size: 1.1rem;line-height: 1.2;font-weight: 900;letter-spacing: 0}.binary-code-settings{margin: 0 0 1.35rem;padding: 1.1rem;border: 1px solid var(--binary-border);border-radius: 8px;background: #fff}.binary-code-settings-title{text-align: center;margin-bottom: .95rem}.binary-code-settings-grid{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.35fr);gap: 1rem;align-items: start}.binary-code-setting{display: grid;gap: .65rem;min-width: 0;padding: .85rem;border: 1px solid var(--binary-border);border-radius: 8px;background: var(--binary-soft)}.binary-code-label{margin: 0;color: var(--binary-brown);font-weight: 900;font-size: .98rem;text-align: center;line-height: 1.2}.binary-code-selector{display: grid;grid-auto-flow: column;grid-auto-columns: minmax(0,1fr);gap: .25rem;padding: .25rem;border: 1px solid var(--binary-border);border-radius: 8px;background: #fff}.binary-code-selector-4{grid-template-columns: repeat(4,minmax(0,1fr));grid-auto-flow: initial}.binary-code-selector-button{min-height: 2.65rem;border: 0;border-radius: 7px;background: transparent;color: var(--binary-brown);font: inherit;font-weight: 800;cursor: pointer;transition: transform .12s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}.binary-code-selector-button:hover{background: var(--binary-soft)}.binary-code-selector-button:active{transform: translateY(1px) scale(.985)}.binary-code-selector-button.is-active{background: var(--binary-brown-2);color: #fff;box-shadow: 0 0 0 1px rgba(122,68,0,.15)}.binary-code-custom-label{display: grid;gap: .45rem;color: var(--binary-brown);font-weight: 800;line-height: 1.2}.binary-code-custom-label input{width: 100%;min-height: 3rem;border: 1px solid var(--binary-border);border-radius: 8px;padding: .65rem .8rem;color: var(--binary-primary);background: #fff;font: inherit;font-weight: 700}.binary-code-custom-label input:disabled{color: var(--binary-disabled-text);background: var(--binary-disabled);cursor: not-allowed}.binary-code-grid{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 1.15rem;align-items: stretch}.binary-code-editor{position: relative;display: grid;grid-template-rows: auto minmax(18rem,1fr) auto;min-width: 0;border: 1px solid var(--binary-border);border-radius: 8px;overflow: hidden;background: var(--binary-soft)}.binary-code-editor-top,.binary-code-editor-bottom{display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: center;gap: .75rem;padding: .75rem .9rem;background: var(--binary-soft)}.binary-code-editor-top{border-bottom: 1px solid var(--binary-border)}.binary-code-editor-bottom{border-top: 1px solid var(--binary-border)}.binary-code-textarea{display: block;width: 100%;min-width: 0;min-height: 18rem;resize: vertical;border: 0;border-radius: 0;padding: 1rem;color: var(--binary-primary);background: #fff;font: 700 1rem/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}.binary-code-textarea:focus{outline: 3px solid rgba(16,59,109,.18);outline-offset: -3px}.binary-code-textarea-result{color: #46617f;background: #f6f7f8}.binary-code-textarea-result:not(:placeholder-shown){color: var(--binary-primary)}.binary-code-status{min-height: 2.35rem;margin: 0;display: flex;align-items: center;min-width: 0;color: var(--binary-primary);font-size: .88rem;font-weight: 800;line-height: 1.25;overflow-wrap: anywhere}.binary-code-status.is-muted{color: var(--binary-muted)}.binary-code-status.is-error{color: #a70f13}.binary-code-status.is-success{color: #0b5b2f}.binary-code-action-row{display: flex;justify-content: flex-end;align-items: center;gap: .5rem;flex-wrap: nowrap;min-width: max-content}.binary-code-action{display: inline-flex;align-items: center;justify-content: center;gap: .45rem;min-height: 2.7rem;border: 1px solid var(--binary-border);border-radius: 8px;padding: .55rem .85rem;color: var(--binary-brown);background: #fff;font: inherit;font-weight: 800;line-height: 1.1;text-align: center;cursor: pointer;transition: transform .12s ease,background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}.binary-code-action:hover{border-color: var(--binary-brown-2);background: var(--binary-soft-2)}.binary-code-action:active{transform: translateY(1px) scale(.985)}.binary-code-action:disabled{color: #a9977c;border-color: #eadba6;background: #fffdf5;cursor: not-allowed;box-shadow: none}.binary-code-action:disabled:hover{border-color: #eadba6;background: #fffdf5}.binary-code-action-primary{border-color: var(--binary-brown-2);background: var(--binary-brown-2);color: #fff}.binary-code-action-primary:hover{background: var(--binary-brown);color: #fff}.binary-code-action-primary:disabled{border-color: #c4a47b;background: #c4a47b;color: #fff;opacity: .72}.binary-code-action-icon{flex: 0 0 auto;width: 18px;height: 18px}.binary-code-file-input{position: absolute;width: 1px;height: 1px;opacity: 0;pointer-events: none}.binary-code-copy-proxy{position: fixed;top: 0;left: -9999px;width: 1px;height: 1px;opacity: 0}.binary-code-info-title{margin: 1.2rem 0 .65rem;color: var(--binary-brown,#7a4400);font-size: 1.35rem;line-height: 1.2;font-weight: 900}.binary-code-info-lead{margin: 0 0 1rem;color: var(--binary-primary,var(--primary-dark,#103b6d));line-height: 1.65}.binary-code-info-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1rem;margin: 1rem 0}.binary-code-info-card,.binary-code-info-example{border: 1px solid var(--binary-border,#e2cf82);border-radius: 8px;padding: 1rem;background: #fffdf3}.binary-code-info-card h3,.binary-code-info-example h3{margin: 0 0 .45rem;color: var(--binary-brown,#7a4400);font-size: 1rem;line-height: 1.25;font-weight: 900}.binary-code-info-card p,.binary-code-info-example p{margin: 0;color: var(--binary-primary,var(--primary-dark,#103b6d));line-height: 1.58}.binary-code-info-code{display: inline-block;padding: .08rem .28rem;border-radius: 5px;background: #fff;color: var(--binary-primary,var(--primary-dark,#103b6d));font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-weight: 800}.binary-code-reference-table{width: 100%;margin: 1rem 0;border-collapse: collapse;border: 1px solid var(--binary-border,#e2cf82);border-radius: 8px;overflow: hidden;background: #fff}.binary-code-reference-table th,.binary-code-reference-table td{border: 1px solid var(--binary-border,#e2cf82);padding: .65rem .75rem;text-align: left;vertical-align: top;line-height: 1.45}.binary-code-reference-table th{color: var(--binary-brown,#7a4400);background: var(--binary-soft,#fff7d8);font-weight: 900}.binary-code-reference-table td{color: var(--binary-primary,var(--primary-dark,#103b6d));background: #fff}.binary-code-reference-table tbody tr:nth-child(even) td{background: #fffaf0}.binary-code-info-example a{color: var(--binary-primary,var(--primary-dark,#103b6d));font-weight: 800;text-decoration: underline;cursor: pointer}.binary-code-info-note{margin: 1rem 0;border: 1px solid var(--binary-border,#e2cf82);border-left: 5px solid var(--binary-gold,#f5c400);border-radius: 8px;padding: .95rem 1rem;background: var(--binary-soft,#fff7d8);color: var(--binary-primary,var(--primary-dark,#103b6d));line-height: 1.58}@media (max-width: 980px){.binary-code-settings-grid,.binary-code-grid,.binary-code-info-grid{grid-template-columns: 1fr}}@media (max-width: 640px){.binary-code-settings,.binary-code-setting{padding: .85rem}.binary-code-selector,.binary-code-selector-4{grid-template-columns: 1fr;grid-auto-flow: row}.binary-code-editor{grid-template-rows: auto minmax(14rem,1fr) auto}.binary-code-textarea{min-height: 14rem}.binary-code-editor-top,.binary-code-editor-bottom{align-items: stretch;grid-template-columns: 1fr;flex-direction: column}.binary-code-title,.binary-code-status{width: 100%}.binary-code-action-row{width: 100%;justify-content: flex-start;flex-wrap: wrap;min-width: 0}}