.creator2d-page{padding:42px 4vw 80px;max-width:1700px;margin:auto}.creator2d-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:26px;align-items:start}.viewer-card{position:sticky;top:100px;background:#e9e0d3;border-radius:30px;padding:24px;overflow:hidden}.viewer-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.viewer-top h2{margin:12px 0 0;font-size:1.4rem;letter-spacing:-.04em}.product-viewer{height:560px;position:relative;margin:10px -8px 0;overflow:hidden;border-radius:22px;touch-action:none;cursor:grab}.product-viewer:active{cursor:grabbing}.product-viewer canvas{display:block;width:100%;height:100%;outline:none}.viewer-loading{position:absolute;inset:0;display:grid;place-items:center}.viewer-instructions{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#62594c;margin-top:12px}.viewer-button{border:1px solid #d6cdbf;border-radius:99px;background:#fff;padding:11px 15px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.zone-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 12px}.zone-buttons button{border:1px solid #d4cabc;background:#f9f6f0;padding:12px 18px;border-radius:99px;font-weight:700;cursor:pointer}.zone-buttons button.active{background:#111;color:white;border-color:#111}.zone-explanation{font-size:13px;color:#665d50;line-height:1.65;margin-bottom:0}.creator2d-controls{background:#fff;border-radius:28px;padding:24px;min-width:0}.creator-section{padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid #ebe5dc}.creator-section:last-child{margin:0;padding-bottom:0;border:0}.creator-section>label,.control-pair label{display:block;font-size:13px;font-weight:800;margin:14px 0 8px}.creator-section>label:first-child{margin-top:0}.creator-section input:not([type=range]),.creator-section select,.creator-section textarea{width:100%;border:1px solid #ded7cd;border-radius:12px;padding:12px;background:#fff;font:inherit;font-size:14px;min-width:0}.creator-section input[type=color]{padding:4px;height:43px}.creator-section input[type=file]{font-size:11px}.creator-section textarea{min-height:100px;resize:vertical}.creator-section input[type=range]{width:100%;accent-color:#111}.control-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.control-heading label,.control-heading h2{font-size:14px;margin:0;font-weight:800}.control-heading span{font-size:12px;color:#756c61}.swatches{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.swatches button{width:30px;height:30px;border-radius:50%;border:1px solid #0002;cursor:pointer;position:relative}.swatches button[aria-pressed=true]{outline:2px solid #111;outline-offset:3px}.swatches button[aria-pressed=true]::after{content:'✓';display:grid;place-items:center;position:absolute;inset:0;color:var(--check);font-size:15px;font-weight:900}.control-note{font-size:12px!important;color:#746b60!important;line-height:1.6!important;margin:12px 0}.control-note a{text-decoration:underline}.zone-editor-wrap{background:repeating-conic-gradient(#eee9e0 0% 25%,#f7f4ef 0% 50%) 50%/18px 18px;border:1px dashed #b7a995;border-radius:14px;overflow:hidden;margin-top:16px;min-height:100px;display:flex;justify-content:center}.zone-editor-wrap canvas{max-width:100%;width:100%;max-height:300px;object-fit:contain;touch-action:none;cursor:move}.layer-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#f2eee7;padding:5px;border-radius:12px;margin:16px 0}.layer-switch button{padding:9px;background:transparent;border:0;border-radius:9px;font-weight:700;cursor:pointer}.layer-switch button.active{background:#111;color:#fff}.control-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:end}.creator-estimate{display:flex;justify-content:space-between;align-items:center;padding:18px;background:#f2ece2;border-radius:16px;margin-top:20px;gap:10px}.creator-estimate strong{font-size:24px}.creator-section #sendProject{width:100%;margin-bottom:12px}.creator-section #downloadView{width:100%}.product-viewer.fallback{height:180px;display:grid;place-items:center}.product-viewer.fallback::after{content:'Composez votre visuel dans l’éditeur';color:#756c61;font-size:16px}.viewer-button[aria-pressed=false]{background:#ede7dd}@media(max-width:1050px){.creator2d-layout{grid-template-columns:1fr}.viewer-card{position:static}.product-viewer{height:440px}.creator2d-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px}.creator-section{margin:0}.creator-section:nth-child(3){grid-row:1/4;grid-column:2}.creator-section:last-child{grid-column:1}}@media(max-width:650px){.creator2d-page{padding:28px 4vw 65px}.viewer-card{padding:18px}.product-viewer{height:360px}.creator2d-controls{display:block;padding:22px}.creator-section{margin-bottom:24px}.viewer-instructions{flex-wrap:wrap}.zone-buttons button{padding:10px 13px;font-size:12px}.creator-title h1{font-size:2.2rem}}
.zone-editor-wrap canvas{width:100%;max-width:300px;max-height:none;height:auto;aspect-ratio:1}

@media(min-width:1051px){.product-viewer{height:clamp(250px,calc(100dvh - 365px),560px)}}

.product-viewer{cursor:default;touch-action:auto;display:flex;justify-content:center;align-items:center}.product-viewer canvas{width:auto;height:100%;max-width:100%;object-fit:contain}.viewer-instructions{font-size:11px}.viewer-card{background:#ede6db}
.creator-mobile-tabs{display:none}.creator-section[hidden]{display:none!important}.margin-note{padding:12px;border-radius:12px;background:#f5f0e7}.creator2d-layout>#projectStatus{grid-column:1/-1;margin:0}
@media(max-width:650px){
 .creator2d-page{padding:22px 14px calc(100px + env(safe-area-inset-bottom))}.creator-title .eyebrow{font-size:10px;letter-spacing:.16em}.creator-title h1{font-size:30px;line-height:1.1;margin:12px 0}.creator-title>p:last-child{font-size:13px;line-height:1.6;margin-bottom:20px}
 .creator2d-layout{gap:14px}.viewer-card{position:sticky;top:78px;z-index:20;padding:12px 16px;border-radius:22px;box-shadow:0 8px 28px #3e2c1712;display:grid;grid-template-columns:1fr auto;column-gap:8px;align-items:center}
 .viewer-top{grid-column:1/-1}.viewer-top .content-tag{display:none}.viewer-top h2{font-size:17px;margin:0}.product-viewer{grid-column:1/-1;width:100%;height:clamp(130px,23svh,195px);min-height:0;margin:4px 0;border-radius:12px}
 .zone-buttons{grid-column:1;grid-row:3;display:flex;gap:5px;margin:0}.zone-buttons button{min-height:42px;min-width:68px;padding:8px 12px;font-size:12px}.viewer-instructions{grid-column:2;grid-row:3;margin:0;display:block}.viewer-instructions>span{display:none}.viewer-instructions button{font-size:10px;min-height:42px;padding:8px 10px}.zone-explanation{display:none}
 .creator2d-controls{padding:18px;border-radius:22px;display:block}.creator-section{margin:0;padding:0;border:0}.creator-section[data-panel=support]+.creator-section[data-panel=support]{margin-top:22px;padding-top:20px;border-top:1px solid #eee6da}
 .creator2d-controls[data-step=support]>.creator-section:not([data-panel=support]),.creator2d-controls[data-step=design]>.creator-section:not([data-panel=design]),.creator2d-controls[data-step=quote]>.creator-section:not([data-panel=quote]){display:none}
 .creator-section input:not([type=range]),.creator-section select,.creator-section textarea{font-size:16px;min-height:46px}.creator-section input[type=file]{font-size:12px}.creator-section input[type=range]{height:34px;margin:0}.swatches{gap:13px;padding:3px}.swatches button{width:36px;height:36px}.control-pair{gap:12px}.control-pair button{min-height:46px}.control-note{font-size:12px!important}.zone-editor-wrap{margin-top:12px}.zone-editor-wrap canvas{max-width:230px}.layer-switch button{min-height:42px}.creator-estimate{margin-top:18px}.margin-note{font-size:11px!important;padding:10px}
 .creator-mobile-tabs{position:fixed;z-index:1000;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#f9f6f0f5;border-top:1px solid #e2d9ca;box-shadow:0 -5px 25px #00000008;backdrop-filter:blur(12px)}
 .creator-mobile-tabs button{min-height:46px;border:0;border-radius:14px;background:transparent;color:#766a5a;font:700 13px inherit;display:flex;align-items:center;justify-content:center;gap:7px}.creator-mobile-tabs button[aria-pressed=true]{background:#171613;color:white}.creator-mobile-tabs span{font-size:10px;border:1px solid currentColor;border-radius:50%;width:18px;height:18px;display:inline-grid;place-items:center}
}
@media(max-width:380px){.creator2d-page{padding-left:10px;padding-right:10px}.viewer-card{padding:10px 12px}.creator2d-controls{padding:15px}.viewer-instructions button{max-width:115px}.product-viewer{height:145px}}
@media(max-height:650px) and (max-width:650px){.viewer-card{position:relative;top:auto}.product-viewer{height:180px}}

/* Notices must never displace the two editor columns. */
#projectStatus[hidden],#designImage[hidden]{display:none!important}#projectStatus{margin:0 0 18px;overflow-wrap:anywhere}.creator2d-layout>.viewer-card,.creator2d-layout>.creator2d-controls{min-width:0}.image-drop-zone{padding:18px;border:2px dashed #cabda8;border-radius:16px;background:#faf7f1;text-align:center;margin-top:18px}.image-drop-zone strong{font-size:14px}.image-drop-zone p{font-size:12px;line-height:1.6;margin:9px 0 13px}.image-drop-zone .viewer-button{background:#171613;color:#fff;border-color:#171613;min-height:46px;font-size:14px}.image-drop-zone .control-note{margin-bottom:0;overflow-wrap:anywhere}.is-dragging{outline:3px solid #a98750!important;outline-offset:-3px;background:#efe3cc!important}.creator2d-controls{scroll-margin-top:100px}
@media(max-width:650px){.image-drop-zone{padding:16px;margin-top:14px}.image-drop-zone .viewer-button{width:100%;min-height:48px}.creator2d-controls{scroll-margin-top:320px}.creator-mobile-tabs button{font-family:inherit}.creator-title>p:last-child{margin-bottom:16px}.creator-privacy-link{font-size:12px;text-align:center}.creator-privacy-link button{margin:0;min-height:44px}.creator-section .control-pair{align-items:stretch}.creator-section input[type=color]{height:46px}}
