:root{color:#3c2f23;background:#f5efe8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #fffdfa;--ink: #3c2f23;--muted: #74675c;--line: #e0d6c9;--accent: #df741f;--accent-dark: #b95713;--danger: #b42318;--warning: #b54708;--success: #267447;--shadow: 0 18px 50px rgb(69 47 29 / 10%)}*{box-sizing:border-box}html{min-width:320px;background:#f5efe8}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[role=tabpanel]:focus-visible,summary:focus-visible{outline:3px solid rgb(223 116 31 / 32%);outline-offset:2px}.app-shell{min-height:100vh}.app-header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:24px clamp(18px,4vw,56px);color:#fff;background:linear-gradient(125deg,#36261bf5,#5c3921eb),radial-gradient(circle at top right,#dc8d4d,transparent 55%)}.app-header h1,.fatal-error h1{margin:3px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.9rem,4vw,3rem);letter-spacing:-.025em}.app-header>p{max-width:580px;margin:0 0 4px;color:#f6e9dc;line-height:1.5}.app-kicker{margin:0;color:#f3b47f;font-size:.73rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.data-banner{display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:9px 24px;color:#7a2e0e;background:#fff1e6;border-bottom:1px solid #f3c39d;font-size:.9rem}.data-banner--error{justify-content:space-between;color:#791c15;background:#fff0ee;border-color:#f2c6c2}.data-banner p{margin:3px 0 0}.data-banner button{padding:7px 12px;color:inherit;background:#fff;border:1px solid currentColor;border-radius:8px;cursor:pointer}.app-workspace{display:grid;grid-template-columns:minmax(320px,390px) minmax(0,1fr);align-items:start;max-width:1500px;min-height:calc(100vh - 112px);margin:0 auto}.editor-controls{min-height:calc(100vh - 112px);padding:20px;background:var(--paper);border-right:1px solid var(--line)}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:20px;padding:4px;background:#f2ebe4;border-radius:12px}.tabs [role=tab]{min-height:42px;padding:8px 10px;color:var(--muted);background:transparent;border:0;border-radius:9px;font-weight:750;cursor:pointer}.tabs [role=tab][aria-selected=true]{color:var(--ink);background:#fff;box-shadow:0 2px 8px #3c2f2317}[role=tabpanel][hidden]{display:none}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-grid>label,.field-with-help>label,.style-section>label,.background-controls>label{display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--ink);font-size:.84rem;font-weight:700}.field-grid__wide{grid-column:1 / -1}.field-help{color:var(--muted);font-size:.73rem;font-weight:500;line-height:1.4}.field-with-help{display:grid;gap:6px}.editor-controls[aria-busy=true]{opacity:.72}input[type=text],input[type=email],input[type=file],select{width:100%;min-height:42px;padding:9px 10px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:9px;font-size:.92rem}input[type=file]{padding:7px;font-size:.8rem}input[type=file]::file-selector-button{margin-right:8px;padding:6px 8px;color:var(--ink);background:#f7f1eb;border:0;border-radius:6px;cursor:pointer}input[type=range]{width:100%;accent-color:var(--accent)}input[type=color]{width:34px;height:34px;padding:2px;background:#fff;border:1px solid var(--line);border-radius:50%;cursor:pointer}.afnor-selector,.style-section{margin:18px 0 0;padding:14px;background:#fff;border:1px solid var(--line);border-radius:12px}.afnor-selector legend,.style-section legend{padding:0 6px;color:var(--accent-dark);font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:700}.afnor-selector>p{margin:0 0 10px;color:var(--muted);font-size:.78rem;line-height:1.4}.afnor-selector__list{display:grid;max-height:380px;overflow:auto;border:1px solid #eee5dc;border-radius:9px}.afnor-selector__list label{display:grid;grid-template-columns:auto 30px 1fr;align-items:center;gap:8px;min-height:43px;padding:5px 8px;border-bottom:1px solid #f1e9e0;font-size:.77rem;cursor:pointer}.afnor-selector__list label:last-child{border-bottom:0}.afnor-selector__list label:has(input:disabled){color:#70431e;background:#fff6ed;cursor:not-allowed}.afnor-selector__list img{display:block;object-fit:contain}.style-section{display:grid;gap:12px;margin-top:0;margin-bottom:14px;background:#fcfaf7}.style-control-row{display:grid;grid-template-columns:76px minmax(90px,1.3fr) minmax(70px,1fr) 44px 36px;align-items:center;gap:7px}.style-control-row label{font-size:.76rem;font-weight:700}.style-control-row select{min-height:34px;padding:5px 7px;font-size:.78rem}.style-control-row output{color:var(--muted);font-size:.7rem;text-align:right}.background-controls{display:grid;gap:11px;padding:11px;background:#f5efe9;border-radius:9px}.color-picker{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:8px}.field-error{margin:0;color:var(--danger);font-size:.8rem}.position-help{margin:0 0 12px;color:var(--muted);font-size:.8rem}.position-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.position-control{display:grid;gap:8px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:10px}.position-control>span{font-size:.78rem;font-weight:750}.position-control__buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.position-control__buttons button{min-width:0;min-height:31px;padding:0;color:var(--ink);background:#f9f5f1;border:1px solid var(--line);border-radius:6px;cursor:pointer}.position-control output{color:var(--muted);font:.68rem ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right}.preview-workspace{display:grid;justify-items:center;gap:18px;min-width:0;padding:clamp(18px,4vw,44px)}.preview-panel{width:min(100%,624px);padding:11px;background:var(--paper);border:1px solid #eadfd2;border-radius:14px;box-shadow:var(--shadow)}.label-stage{position:relative;width:100%;max-width:600px;overflow:hidden}.label-board{position:relative;width:600px;height:600px;overflow:hidden;color:#000;background:#fff;border:2px solid #111;transform-origin:top left;isolation:isolate;touch-action:none}.label-board--circle{border-radius:50%}.label-board--square{border-radius:8px}.label-board--borderless{border-color:transparent}.label-board--move-background{cursor:move}.label-background-image{position:absolute;z-index:-1;inset:0;background-repeat:no-repeat}.label-title-arc{position:absolute;z-index:4;top:6px;left:0;width:600px;height:300px;overflow:visible;pointer-events:none}.label-title-arc--pdf{top:6px}.label-title{position:absolute;z-index:4;top:26px;left:50px;width:500px;font-weight:700;line-height:1.1;text-align:center}.label-weight{position:absolute;z-index:4;top:98px;left:50px;width:500px;min-height:20px;font-weight:700;text-align:center}.label-board--square .label-weight{top:75px}.label-clp-pictograms{position:absolute;z-index:3;top:150px;left:60px;display:flex;justify-content:center;gap:8px;width:480px;min-height:20px}.label-board--square .label-clp-pictograms{top:105px}.label-clp-pictograms img,.label-afnor-pictograms img{display:block;object-fit:contain}.missing-asset{display:grid;place-items:center;min-width:54px;min-height:54px;padding:4px;color:#8c1d18;background:#fff3f2;border:2px dashed #b42318;font-size:10px;font-weight:800}.label-signal{position:absolute;z-index:3;top:270px;left:55px;width:490px;min-height:18px;font-weight:800;text-align:center}.label-board--square .label-signal{top:215px}.label-safety-text{position:absolute;z-index:3;top:300px;left:50px;display:flex;flex-direction:column;align-items:center;width:500px;text-align:center}.label-board--square .label-safety-text{top:245px}.label-text-block{width:100%;min-height:1px;margin:1px 0;line-height:1.1;white-space:pre-wrap}.label-text-block--ufi{margin-top:4px;font-weight:800}.label-bottom{position:absolute;z-index:4;bottom:30px;left:60px;display:flex;flex-direction:column;align-items:center;width:480px}.label-afnor-pictograms{display:flex;flex-wrap:nowrap;justify-content:center;gap:3px;width:100%;margin-bottom:5px}.label-afnor-pictograms--wrapped{flex-wrap:wrap;max-width:430px}.label-footer{display:flex;flex-direction:column;align-items:center;width:100%;line-height:1.22;text-align:center;white-space:pre-line}.label-batch{position:absolute;z-index:4;bottom:8px;left:80px;width:440px;font-size:8px!important;line-height:1;text-align:center}.preview-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:min(100%,624px)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:9px;font-size:.86rem;font-weight:750;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer}.button:hover:not(:disabled){border-color:var(--accent);box-shadow:0 5px 18px #5c392117}.button--primary{color:#fff;background:var(--accent);border-color:var(--accent)}.button--active{color:#fff;background:#8f3124;border-color:#8f3124}.button--danger{color:var(--danger);border-color:#e8b4af}.button:disabled{color:#8b837b;background:#e9e5e1;border-color:#ded8d2;cursor:not-allowed}.export-feedback{width:min(100%,624px);margin:-3px 0 0;padding:10px 12px;border-radius:8px;font-size:.84rem}.export-feedback--success{color:#155c35;background:#e9f7ef}.export-feedback--error{color:#7e1c15;background:#fff0ee}.compliance-panel{width:min(100%,624px);padding:16px;background:#fff;border:1px solid var(--line);border-left-width:5px;border-radius:12px;box-shadow:0 10px 28px #3c2f2312}.compliance-panel--error{border-left-color:var(--danger)}.compliance-panel--warning{border-left-color:var(--warning)}.compliance-panel--clear{border-left-color:var(--success)}.compliance-panel__heading{display:flex;align-items:center;gap:10px}.compliance-panel__indicator{width:13px;height:13px;background:currentColor;border-radius:50%;box-shadow:0 0 0 5px #0000000d}.compliance-panel--error .compliance-panel__indicator{color:var(--danger)}.compliance-panel--warning .compliance-panel__indicator{color:var(--warning)}.compliance-panel--clear .compliance-panel__indicator{color:var(--success)}.compliance-panel h2{margin:0;font-size:1rem}.compliance-panel__heading p{margin:3px 0 0;color:var(--muted);font-size:.82rem}.compliance-findings{display:grid;gap:9px;margin:14px 0 0;padding:0;list-style:none}.compliance-findings>li{padding:10px;background:#faf7f4;border-radius:8px}.compliance-finding__title{display:flex;align-items:center;justify-content:space-between;gap:10px}.compliance-finding__title code{color:#633b20;font-size:.72rem}.compliance-finding__title span{color:var(--muted);font-size:.7rem;font-weight:800;text-transform:uppercase}.compliance-findings p{margin:7px 0;font-size:.82rem;line-height:1.4}.compliance-findings summary{color:var(--muted);font-size:.75rem;font-weight:700;cursor:pointer}.compliance-findings dl{display:grid;gap:5px;margin:8px 0 0;font-size:.72rem}.compliance-findings dl>div{display:grid;grid-template-columns:72px 1fr;gap:6px}.compliance-findings dt{font-weight:800}.compliance-findings dd{margin:0;overflow-wrap:anywhere}.compliance-panel__notice{margin:14px 0 0;padding-top:11px;color:var(--muted);border-top:1px solid #eee5dc;font-size:.76rem;line-height:1.45}.fatal-error{display:grid;place-content:center;min-height:100vh;padding:24px;text-align:center}.fatal-error .app-kicker{color:var(--accent-dark)}.fatal-error button{justify-self:center;padding:10px 16px;color:#fff;background:var(--accent);border:0;border-radius:8px;cursor:pointer}@media(max-width:1050px){.app-workspace{grid-template-columns:minmax(300px,350px) minmax(0,1fr)}.style-control-row{grid-template-columns:70px 1fr 1fr 40px 34px;gap:5px}}@media(max-width:820px){.app-header{align-items:flex-start;flex-direction:column;gap:10px}.app-workspace{display:flex;flex-direction:column}.editor-controls{width:100%;min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.preview-workspace{width:100%}.afnor-selector__list{max-height:300px}}@media(max-width:520px){.app-header,.editor-controls,.preview-workspace{padding-right:14px;padding-left:14px}.data-banner,.data-banner--error{align-items:flex-start;flex-direction:column}.field-grid,.position-grid,.preview-actions{grid-template-columns:1fr}.field-grid__wide{grid-column:auto}.style-control-row{grid-template-columns:70px minmax(0,1fr) 34px}.style-control-row input[type=range]{grid-column:1 / 3;grid-row:2}.style-control-row output{grid-column:3;grid-row:2}}@media print{@page{size:60mm 60mm;margin:0}body{width:60mm;height:60mm;background:#fff}.app-header,.data-banner,.editor-controls,.preview-actions,.export-feedback,.compliance-panel{display:none!important}.app-workspace,.preview-workspace,.preview-panel,.label-stage{display:block;width:60mm!important;height:60mm!important;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none}.label-board{width:600px;height:600px;transform:scale(.3779527559)!important;transform-origin:top left}}