@font-face{font-family:VT323;src:url('/fonts/illustrations/VT323-Regular.ttf') format('truetype');font-display:swap}
cc-product-illustration{display:block;margin:1rem 0;width:100%}cc-product-illustration[hidden],[hidden]{display:none!important}
.ill-canvas{width:100%;background:#f6f4ef;overflow:hidden;border-radius:12px}.ill-art{display:block;width:100%;height:auto;max-height:var(--ill-max-height,80vh)}.ill-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:.65rem;margin:.8rem 0}.ill-toolbar label,.ill-zone-editor label{display:grid;gap:.25rem;font-size:.85rem}.ill-toolbar button,.ill-toolbar select,#illustration-admin input,#illustration-admin textarea{font:inherit} .ill-toolbar button,.ill-thumbs button,#illustration-admin button{cursor:pointer;border:1px solid #bccacb;background:#fff;color:#173c43;border-radius:7px;padding:.5rem .8rem}.ill-toolbar button:focus-visible,.ill-thumbs button:focus-visible,#illustration-admin button:focus-visible{outline:3px solid #e87925;outline-offset:2px}.ill-toolbar select,#illustration-admin select,#illustration-admin input,#illustration-admin textarea{max-width:100%;box-sizing:border-box;padding:.4rem;border:1px solid #a9bbbd;border-radius:5px;background:#fff;color:#172f36}.ill-thumbs{display:flex;gap:.4rem;overflow-x:auto;padding:.3rem}.ill-thumbs button{padding:3px;flex:none}.ill-thumbs img{width:56px;height:56px;object-fit:cover;display:block}.ill-thumbs button[aria-pressed=true]{outline:3px solid #09778a}.ill-workspace{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:1rem}.ill-workspace textarea{width:100%}.ill-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.ill-zone-editor{background:#edf3f3;padding:1rem;border-radius:12px;display:grid;align-content:start;gap:.5rem}.ill-texts{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.6rem}.ill-texts label{display:grid;gap:.3rem}.ill-texts img{vertical-align:middle;width:24px;height:24px}.ill-texts textarea{width:100%;min-height:90px}.ill-save{position:sticky;bottom:0;background:#edf4f2;padding:.8rem;border-top:1px solid #a5beba;z-index:3}.ill-save button:first-of-type{background:#1e754b;color:#fff}.ill-save label{display:flex;align-items:center}.ill-toolbar input[type=number]{width:110px}#ill-status{min-height:1.5em}#ill-status[data-error=true]{color:#a22420}#illustration-admin[aria-busy=true]{opacity:.65;pointer-events:none}@media(max-width:850px){.ill-workspace{grid-template-columns:1fr}.ill-texts{grid-template-columns:1fr 1fr}.ill-art{max-height:var(--ill-max-height,80vh)}}@media(max-width:450px){.ill-texts{grid-template-columns:1fr}}

[data-image-variant=illustration]{height:auto!important;max-height:none!important;overflow:visible!important}[data-image-variant=illustration] cc-product-illustration{width:100%;height:auto}

#illustration-admin .ill-save label{width:auto;max-width:none;min-width:220px;flex:0 0 auto;white-space:nowrap;gap:8px}#ill-published{width:auto!important}#illustration-admin .ill-save button{min-width:130px}

cc-product-illustration{display:block;min-width:0;width:100%;margin:0;min-height:30px}
.ill-resource-source{display:none!important}
.ill-resource-picker{max-width:min(1080px,95vw)}
.ill-resource-picker header,.ill-resource-picker footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}
.ill-resource-picker>p,.ill-resource-picker>label{display:block;margin:12px}
.ill-resource-picker cc-product-illustration{height:170px;--ill-max-height:170px;pointer-events:none}
.ill-resource-picker .image-library-grid{min-height:200px;max-height:60vh;overflow:auto}
.ill-preferences{position:relative;font-size:.85rem}
.ill-preferences>summary{cursor:pointer;border:1px solid var(--border,#b9c9c8);padding:.5rem;border-radius:7px}
.ill-preferences>div{position:absolute;right:0;top:100%;width:min(290px,85vw);z-index:1000;padding:14px;background:var(--surface,#fff);color:var(--text,#173c43);border:1px solid var(--border,#bccacb);box-shadow:0 6px 24px #0002;border-radius:9px}
.ill-preferences label{display:grid;gap:4px;margin:8px 0}.ill-preferences select{font:inherit;padding:6px;max-width:100%}
.ill-preferences p{font-size:.8rem;margin:8px 0 0}

.home-section-shot:has(>cc-product-illustration){height:auto!important;max-height:none!important}
.ill-resource-picker .image-library-tile{min-height:220px}