.editor-page{background:#f4f5f6}.editor-nav{display:flex;align-items:center;justify-content:space-between;gap:28px;height:80px;max-width:1600px}.editor-nav>span{font-size:9px;letter-spacing:2px;color:#697786}.back-site{font-size:12px;font-weight:700}.editor-layout{display:grid;grid-template-columns:400px minmax(0,1fr);max-width:1600px;margin:auto;min-height:calc(100vh - 80px)}.editor-controls{padding:40px 32px 32px;background:white;border-right:1px solid var(--line)}.editor-controls .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:18px}.editor-controls h1{font-size:43px;letter-spacing:-2px;line-height:1.02}.editor-intro{font-size:14px;margin-top:16px;line-height:1.6;max-width:310px}#editor-form{margin-top:30px}.control-section{margin:0 0 26px;padding:24px 0 0;border:0;border-top:1px solid var(--line);min-width:0}.section-label{display:flex!important;align-items:center;gap:12px;font-size:15px!important;font-weight:900!important;margin-bottom:17px!important}.section-label>span{font-size:9px;color:var(--red);letter-spacing:1px}.editor-controls label{display:block;font-size:12px;font-weight:700;margin:16px 0 8px}.editor-controls label small{display:block;color:#73808c;font-size:10px;font-weight:400;margin-top:2px}.editor-controls input:not([type=radio]),.editor-controls select,.editor-controls textarea{width:100%;border:1px solid #bdc8d1;border-radius:4px;background:#fff;color:var(--ink);padding:12px;font:400 13px Lato,Arial,sans-serif;min-height:43px}.editor-controls textarea{resize:vertical}.editor-controls input:focus,.editor-controls select:focus,.editor-controls textarea:focus{border-color:var(--red)}.field-help{font-size:11px;line-height:1.5;margin:8px 0 0}.finish-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:18px}.finish-options legend{float:left;width:100%;grid-column:1/-1}.finish-options>label{display:flex;align-items:center;flex-direction:column;position:relative;margin:0;padding:9px 2px 10px;border:1px solid #cbd3da;border-radius:4px;font-size:10px;gap:8px;cursor:pointer}.finish-options>label:has(:checked){border:2px solid var(--red);padding:8px 1px 9px;background:#fff7f8}.finish-options>label:has(:focus-visible){outline:3px solid #0a7ca5;outline-offset:3px}.finish-options input{position:absolute;opacity:0;width:1px;height:1px}.finish-swatch{width:34px;height:24px;border-radius:3px;border:1px solid #9dabb5}.finish-swatch.steel{background:#ced8e2 url("/assets/textures/aluminium-a4.webp") center/cover}.finish-swatch.signature{background:#edf1f5 url("/assets/brand/frigisure-picto-couleur.svg") right -8px center/30px no-repeat}.finish-swatch.paper{background:#fff}.finish-swatch.mono{background:linear-gradient(120deg,#fff 50%,#202733 50%)}.editor-actions>.button{display:flex;width:100%;justify-content:space-between;font-size:14px}.secondary-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px}.secondary-actions button{font-size:11px;font-weight:700;border:0;padding:4px 0;background:none;text-decoration:underline;text-underline-offset:4px}.secondary-actions button:disabled{opacity:.45}#export-status{font-size:11px;min-height:34px;line-height:1.5;margin-top:16px}#export-status.error{color:#b00020}.editor-help{border-top:1px solid var(--line);margin-top:12px}.editor-help summary{font-size:13px;padding:17px 0}.editor-help p{font-size:12px;margin:0 0 12px}.editor-preview{min-width:0;padding:30px 48px 40px;background-color:#e5eaee;background-image:radial-gradient(#99aeba40 .8px,transparent .8px);background-size:12px 12px;align-self:start;position:sticky;top:80px;min-height:calc(100vh - 80px)}.preview-toolbar,.preview-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1px;color:#435867}.preview-toolbar>span:first-child{display:flex;align-items:center;gap:8px}.preview-toolbar>span:last-child{font-weight:700;font-variant-numeric:tabular-nums}.artwork-stage{display:flex;align-items:center;justify-content:center;min-height:440px;height:calc(100vh - 245px);margin:26px 0 20px}#artwork{display:block;max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 14px 38px #1b304433,0 0 0 1px #75889650;background:white}#artwork[hidden]{display:none}.preview-caption{font-size:8px}.preview-note{font-size:11px;text-align:center;margin:18px 0 0;color:#647987}#preview-loading{font-size:14px}.editor-footer{padding:20px 32px;background:white;border-top:1px solid var(--line)}.editor-footer p{font-size:10px;color:#73808c;margin:0;text-align:center}#print-root{display:none}[hidden]{display:none!important}
@media(min-width:1400px){.editor-layout{grid-template-columns:430px minmax(0,1fr)}.editor-controls{padding:46px 44px}.editor-preview{padding:30px 70px}}
@media(max-width:1000px){.editor-layout{grid-template-columns:340px minmax(0,1fr)}.editor-controls{padding:28px 24px}.editor-preview{padding:24px}.editor-controls h1{font-size:39px}.editor-nav>span{display:none}.preview-caption{flex-direction:column;gap:8px;align-items:flex-start}.artwork-stage{min-height:350px}.editor-preview{top:80px}}
@media(max-width:700px){.editor-layout{display:flex;flex-direction:column}.editor-nav{height:68px;padding:0 20px;gap:15px}.editor-nav .brand{gap:7px}.editor-nav .brand-mark{width:29px}.editor-nav .brand-wordmark{width:116px}.back-site{font-size:10px;max-width:110px;text-align:right}.editor-controls{border-right:0;border-bottom:1px solid var(--line);padding:30px 22px}.editor-controls h1{font-size:40px}.editor-intro{max-width:none}.editor-preview{position:relative;top:auto;order:-1;padding:20px 22px;min-height:0;width:100%}.artwork-stage{height:440px;min-height:0;margin:20px 0}.preview-toolbar{font-size:8px;letter-spacing:.5px}.preview-caption{flex-direction:row;font-size:7px;letter-spacing:.3px}.preview-note{font-size:10px}.editor-footer{padding:18px 22px}.editor-controls .section-label{margin-bottom:16px}.finish-options{gap:12px}.finish-options>label{font-size:12px}#editor-form{margin-top:26px}}
@media print{html,body{margin:0!important;padding:0!important;background:white!important}body>*{display:none!important}body>#print-root{display:block!important;width:var(--print-width)!important;height:var(--print-height)!important;margin:0!important;padding:0!important}#print-root img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}*{box-shadow:none!important}}

.mobile-preview-link{display:none}@media(max-width:700px){.mobile-preview-link{display:block;font-size:12px;font-weight:700;text-align:center;text-decoration:underline;text-underline-offset:4px;margin:16px 0}.editor-preview,.editor-controls{scroll-margin-top:80px}}

/* A consistent inset keeps the chevron clear of the input edge. */
.editor-controls select{appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%235b6976' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:16px 16px}
@media(max-width:1000px) and (min-width:701px){.finish-options{grid-template-columns:repeat(2,1fr)}}
@media(max-width:380px){.finish-options{gap:6px}.finish-options>label{font-size:10px}}

.finish-options:has([data-label-finish][hidden]){grid-template-columns:repeat(2,1fr)}
#poster-proportions{margin:-8px 0 25px}