
/* WYSIWYG custom profile template editor */
.builder-pdf-frame{
  width:100%;
  min-height:0!important;
  background:#fff;
  border:2px solid #aebdcd!important;
  border-radius:3px!important;
  overflow:visible!important;
}
.builder-pdf-caption{
  margin:10px 0 5px;
  font-size:11px;
  font-weight:800;
  color:#64748b;
  letter-spacing:.03em;
}
.builder-pdf-frame text[data-seg-label],
.builder-pdf-frame text[data-angle-label],
.builder-pdf-frame [data-coating-arrow]{
  cursor:move;
}
.cre-freeze-note{
  padding:7px 9px;
  background:#ecfdf5;
  border:1px solid #bbf7d0;
  border-radius:8px;
  color:#166534!important;
}
.cre-text-style{display:grid;grid-template-columns:76px minmax(110px,1fr);gap:8px;align-items:end;margin:10px 0}
.cre-text-style>strong{grid-column:1/-1;font-size:13px}
#viewCreator .cre-text-style input[type=color]{width:100%;padding:4px;cursor:pointer}
.cre-profile-print-style{margin-top:12px;padding:12px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc}
.cre-profile-print-style summary{cursor:pointer;font-weight:700}
.cre-builder-work{grid-template-columns:minmax(0,1fr) 310px}
#bld_grid.builder-pdf-frame{overflow:hidden!important;border:1px solid #64748b!important;border-radius:0!important}
.cre-canvas-panel{position:static}
@media(max-width:900px){.cre-builder-work{grid-template-columns:1fr}.cre-builder-sides{max-height:none}}

/* One ribbon above a shared, full-width A4 cell. */
.cre-paint-heading{display:flex;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:16px}
.cre-paint-heading h2{margin:0 auto 10px 0!important}
.cre-paint-heading>div:not(.cre-actions){min-width:240px;flex:1;max-width:420px}
.cre-paint-ribbon{border:1px solid #cbd5e1;border-radius:12px;overflow:hidden;background:#f8fafc}
.cre-paint-quick{display:flex;align-items:end;gap:6px;flex-wrap:wrap;padding:10px;border-bottom:1px solid #dbe3ed}
#viewCreator .cre-paint-quick .btn{min-height:36px;padding:7px 10px;font-size:13px}
.cre-paint-quick>div{width:90px}.cre-paint-quick label{font-size:11px!important}
#viewCreator .cre-paint-quick input{min-height:36px;height:36px;font-size:13px}
.cre-paint-tabs{display:flex;gap:3px;padding:5px 10px 0;border-bottom:1px solid #cbd5e1;background:#edf2f7;overflow-x:auto}
#viewCreator .cre-paint-tabs .btn{border-radius:7px 7px 0 0;box-shadow:none;background:transparent;color:#475569;min-height:34px;padding:7px 17px;white-space:nowrap;border:0}
#viewCreator .cre-paint-tabs .selected{background:#fff;color:#1266ae;border-bottom:3px solid #2283c5}
.cre-paint-inspector{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;background:#fff;min-height:112px}
.cre-ribbon-group{display:flex;flex-wrap:wrap;gap:6px;max-width:360px;align-items:center}
.cre-ribbon-group>strong{width:100%;font-size:12px;color:#64748b}
.cre-paint-inspector>p{max-width:340px;margin:0}
.cre-paint-inspector .cre-side-card{display:flex;flex-wrap:wrap;align-items:end;gap:10px;border:0;padding:0;flex:1}
.cre-paint-inspector .cre-side-card>strong{display:none}
.cre-paint-inspector .cre-side-card>div{max-width:170px}
.cre-paint-inspector .cre-side-card .cre-text-style{max-width:230px}
.cre-paint-inspector .cre-text-style{width:230px;margin:0;grid-template-columns:56px 1fr;align-items:end}
.cre-paint-inspector .cre-text-style>strong{font-size:12px}
#viewCreator .cre-paint-inspector label{font-size:12px}
#viewCreator .cre-paint-inspector input,#viewCreator .cre-paint-inspector select{min-height:34px;font-size:14px;height:34px}
.cre-paint-inspector .btn{font-size:12px!important;min-height:34px!important;padding:7px 10px!important}
.cre-paint-inspector .cre-end-hems{display:flex;gap:24px;flex-wrap:wrap;border:0;padding:0;margin:0;width:100%}
.cre-paint-inspector .cre-end-hems>h3{display:none}
.cre-paint-inspector .cre-end-hems>h3:after{content:none}
.cre-paint-inspector .cre-end-hems>.cre-side-card{flex:1;min-width:300px}
.cre-paint-status{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:12px}
.cre-paint-status p{margin:0}
#viewCreator .cre-paint .selected[data-builder-mode]{background:#1269a8;color:#fff}
#viewCreator .cre-cell-preview{width:100%;max-width:980px;height:auto;border:1px solid #64748b;border-radius:0}
.cre-preview-panel:has(.cre-cell-preview){padding:0;background:#fff;border:0;align-items:stretch}
.cre-preview-panel:has(.cre-cell-preview) .mini{padding:0 10px}
.cre-work:has(.cre-cell-preview){grid-template-columns:1fr}
.cre-work:has(.cre-cell-preview) .cre-order{position:static;max-height:none}
.cre-paint #bld_grid{max-width:1100px;margin:12px auto 0}
.cre-language{display:flex;align-items:center;gap:6px;font-size:12px;margin-left:8px;white-space:nowrap}
.cre-language select{padding:6px;border:1px solid #cbd5e1;border-radius:7px;background:white;color:#334155;width:110px}
@media(max-width:650px){.cre-paint-heading>div:not(.cre-actions){min-width:100%}.cre-paint-status{display:block}.cre-paint-inspector{max-height:250px;overflow:auto}.cre-language{margin-left:0}.cre-paint-tabs .btn{padding:7px 10px!important}}
@media(max-width:900px){.v2-topbar{height:auto;min-height:72px;flex-wrap:wrap;padding-top:10px}.v2-mainnav{display:flex!important;order:4;width:100%;height:42px;justify-content:center}.v2-navbtn{padding:0 16px}.cre-language{margin-left:8px}}
@media(max-width:460px){.v2-top-actions{display:none}.cre-language{margin-left:auto}}
#viewCreator .cre-paint-inspector select,#viewCreator .cre-paint-inspector input{height:auto;min-height:38px;line-height:20px;padding:8px 10px}
#viewCreator .cre-paint-inspector select{padding-right:30px}
.cre-paint-inspector .cre-end-hems>.cre-side-card{display:grid;grid-template-columns:minmax(185px,1fr) minmax(95px,.65fr);min-width:min(100%,300px)}
.cre-paint-inspector .cre-end-hems .cre-side-card>div{max-width:none;min-width:0}
.cre-paint-inspector .cre-end-hems .cre-side-card>.btn{grid-column:1/-1;justify-self:start}
#bld_grid{position:relative}
#viewCreator .cre-inline-edit{position:absolute;z-index:10;width:236px;max-width:calc(100% - 8px);box-sizing:border-box;padding:12px;background:#fff;border:1px solid #2680bd;border-radius:10px;box-shadow:0 6px 24px #142c4d33}
#viewCreator .cre-inline-edit input{width:100%;box-sizing:border-box;font-size:18px;padding:8px;min-height:38px}
#viewCreator .cre-inline-edit .cre-actions{display:flex;gap:6px;margin-top:8px}
#viewCreator .cre-inline-edit .btn{padding:7px 10px;min-height:34px;font-size:13px}
.cre-inline-error{font-size:12px;color:#b91c1c;margin-top:5px}

#storageWarning:not([hidden]){display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 24px;background:#fff1ce;border-bottom:2px solid #d97706;color:#78350f;position:sticky;top:0;z-index:2000}#storageWarning span{flex:1;min-width:240px}#storageWarning .btn{font-size:13px;padding:8px 12px}
