:root{
  --bg:#f4f5f7; --card:#fff; --text:#111827; --muted:#6b7280; --line:#e5e7eb;
  --dark:#111827; --ok:#0f8a4b; --warn:#b7791f; --bad:#c53030; --soft:#f8fafc;
  --cut:#00a651;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
.wrap{max-width:1160px;margin:32px auto;padding:0 18px}
.head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:20px}
h1{margin:0 0 5px;font-size:29px}
h2{margin:0 0 18px}
.sub{margin:0;color:var(--muted)}
.pill{background:var(--dark);color:#fff;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:700}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 26px rgba(0,0,0,.04)}
.full{grid-column:1/-1}
.drop{min-height:200px;border:2px dashed #cbd5e1;border-radius:16px;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}
button{border:0;border-radius:10px;background:var(--dark);color:white;padding:12px 18px;font-size:15px;font-weight:700;cursor:pointer}
.small{color:var(--muted);font-size:13px;margin-top:10px;line-height:1.4}
#file{display:none}
.preview{
  min-height:400px;border:1px solid var(--line);border-radius:14px;
  background:
    linear-gradient(45deg,#eceff3 25%,transparent 25%),
    linear-gradient(-45deg,#eceff3 25%,transparent 25%),
    linear-gradient(45deg,transparent 75%,#eceff3 75%),
    linear-gradient(-45deg,transparent 75%,#eceff3 75%);
  background-size:20px 20px;
  background-position:0 0,0 10px,10px -10px,-10px 0px;
  display:flex;align-items:center;justify-content:center;overflow:hidden;padding:22px
}
.preview svg{max-width:100%;max-height:560px;display:block}
.preview iframe{width:100%;height:500px;border:0;background:#fff}
.empty{color:#94a3b8;text-align:center;padding:30px;background:rgba(255,255,255,.86);border-radius:10px}
.meta{margin-top:16px}
.row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:10px 0}
.row:last-child{border-bottom:0}
.label{color:var(--muted)}
.value{font-weight:700;text-align:right;word-break:break-word}
.ok{color:var(--ok)} .warn{color:var(--warn)} .bad{color:var(--bad)}
.note{margin-top:15px;padding:12px 14px;border-radius:12px;background:var(--soft);color:#475569;font-size:13px;line-height:1.5}
.err{display:none;margin-bottom:16px;background:#fff0f0;border:1px solid #ffc8c8;padding:10px 12px;border-radius:10px;color:#8b1e1e}
.controls{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1.25fr;gap:16px;align-items:end}
.range-wrap{padding:6px 2px 0}
input[type=range]{width:100%}
.range-value{font-weight:700;color:var(--text)}
.field .mini{margin-top:6px;font-size:12px;color:var(--muted);line-height:1.35}
.simplify-panel{
  margin-top:18px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fbfcfe;
}
.simplify-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  margin-bottom:14px;
}
.simplify-head h3{margin:0;font-size:17px}
.simplify-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.simplify-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}
.btn-secondary{background:#475569}
.btn-light{
  background:#eef2f7;
  color:#334155;
}
.simplify-stats{
  margin-top:14px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.stat{
  background:white;
  border:1px solid var(--line);
  border-radius:10px;
  padding:10px 12px;
}
.stat span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:4px;
}
.stat strong{font-size:17px}
@media(max-width:700px){
  .simplify-grid,.simplify-stats{grid-template-columns:1fr}
}
.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:7px}
.input-wrap{position:relative}
input[type=number]{
  width:100%;padding:13px 48px 13px 12px;border:1px solid #cbd5e1;border-radius:10px;
  font-size:16px;font-weight:700;background:#fff;color:var(--text)
}
input[type=number]:disabled{background:#f1f5f9;color:#64748b}
.unit{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--muted)}
.quality{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#fafafa;min-height:78px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.quality-title{font-size:13px;color:var(--muted);margin-bottom:5px}
.quality-value{font-size:18px;font-weight:800}
.status{padding:8px 11px;border-radius:999px;font-size:13px;font-weight:800;white-space:nowrap}
.status.ok{background:#e7f7ee;color:var(--ok)}
.status.warn{background:#fff6dd;color:var(--warn)}
.status.bad{background:#ffeded;color:var(--bad)}
.status.neutral{background:#eef2f7;color:#64748b}
.disabled-step{opacity:.5;pointer-events:none}
.measureline{margin-top:12px;text-align:center;font-size:13px;color:var(--muted);background:rgba(255,255,255,.9);padding:7px 10px;border-radius:9px}
.legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:#475569}
.dot{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px;border:1px solid #cbd5e1}
.dot.white{background:#fff}
.dot.green{background:#00a651;border-color:#00a651}
.cutbox{margin-top:14px;border:1px solid #cdebdc;background:#f3fcf7;border-radius:12px;padding:12px 14px;font-size:13px;color:#276749;display:none}
.toggle{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:#475569}
.toggle input{width:17px;height:17px}
@media(max-width:920px){
  .grid{grid-template-columns:1fr}.full{grid-column:auto}.head{align-items:flex-start;flex-direction:column}
  .controls{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){.controls{grid-template-columns:1fr}}
.simple-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:0 0 20px;
}
.simple-step{
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:10px 12px;
  text-align:center;
  font-size:13px;
  font-weight:700;
}
.simple-step span{
  display:inline-flex;
  width:22px;height:22px;
  align-items:center;justify-content:center;
  border-radius:999px;
  background:#111827;color:white;
  margin-right:6px;
}
.simple-settings{
  display:grid;
  grid-template-columns:1fr 1fr 1.6fr;
  gap:16px;
  align-items:end;
}
.simple-presets{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.preset-btn{
  background:#eef2f7;
  color:#334155;
  border:1px solid #dbe2ea;
  padding:11px 10px;
}
.preset-btn.active{
  background:#111827;
  color:#fff;
  border-color:#111827;
}
.simple-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
}
.simple-actions button{
  min-width:160px;
}
.btn-green{
  background:#0f8a4b;
}
.advanced-details{
  margin-top:16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fafbfc;
}
.advanced-details summary{
  cursor:pointer;
  padding:14px 16px;
  font-weight:700;
  user-select:none;
}
.advanced-inner{
  padding:0 16px 16px;
}
.technical-meta{
  margin-top:12px;
}
.technical-meta summary{
  cursor:pointer;
  color:var(--muted);
  font-size:13px;
}
.simple-result{
  margin-top:14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.simple-result .statusline{
  background:#f8fafc;
  border:1px solid var(--line);
  border-radius:10px;
  padding:9px 12px;
  font-size:13px;
  color:#475569;
}
@media(max-width:900px){
  .simple-settings{grid-template-columns:1fr}
  .simple-steps{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .simple-steps,.simple-presets{grid-template-columns:1fr}
}
.sheet-card{
  margin-top:18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  padding:16px;
}
.sheet-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.sheet-head h3{margin:0;font-size:17px}
.sheet-info{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:12px;
}
.sheet-stat{
  border:1px solid var(--line);
  border-radius:10px;
  background:#f8fafc;
  padding:10px 12px;
}
.sheet-stat span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:4px;
}
.sheet-stat strong{font-size:17px}
.sheet-preview{
  margin-top:14px;
  background:#eef2f7;
  border-radius:12px;
  padding:14px;
  overflow:auto;
}
.sheet-preview svg{
  display:block;
  width:100%;
  height:auto;
  background:#fff;
  border:1px solid #d7dde5;
}
.sheet-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}
@media(max-width:760px){
  .sheet-info{grid-template-columns:1fr 1fr}
}
body{background:#f3f5f7}
.wrap{max-width:1080px;margin:24px auto 50px}
.head{align-items:center;margin-bottom:18px}
.head h1{font-size:28px}
.sub{font-size:15px}
.pill{background:#0f172a}
.wizard-progress{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-bottom:18px;
}
.wizard-progress .progress-item{
  display:flex;
  align-items:center;
  gap:10px;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:12px 14px;
  font-weight:700;
  color:#475569;
}
.wizard-progress .progress-item span{
  width:30px;height:30px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:#111827;color:#fff;flex:0 0 auto;
}
.main-stack{display:flex;flex-direction:column;gap:18px}
.wizard-card{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:20px;
  padding:22px;
  box-shadow:0 8px 28px rgba(15,23,42,.05);
}
.step-title{
  display:flex;align-items:center;gap:12px;margin-bottom:18px;
}
.step-number{
  width:36px;height:36px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#111827;color:#fff;font-weight:800;flex:0 0 auto;
}
.step-title h2{margin:0;font-size:22px}
.step-title p{margin:3px 0 0;color:#64748b;font-size:14px}
.upload-layout{
  display:grid;
  grid-template-columns:minmax(300px,.85fr) minmax(380px,1.15fr);
  gap:18px;
}
.drop{
  min-height:260px;
  background:#f8fafc;
  border-color:#94a3b8;
}
.drop button{font-size:16px;padding:13px 22px}
.upload-help{
  margin-top:12px;
  padding:11px 13px;
  background:#eff6ff;
  border-radius:12px;
  color:#1e3a5f;
  font-size:13px;
  line-height:1.45;
}
.preview-panel{
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:14px;
}
.preview-panel h3{margin:0 0 10px;font-size:16px}
.preview{min-height:300px;background:#fff}
.simple-settings{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
.simple-settings .field{
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:14px;
}
.simple-settings label{font-size:14px}
.simple-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.preset-btn{padding:10px 6px;font-size:13px}
.preset-btn.active{background:#111827;color:#fff}
.background-box{
  background:#fff8e8!important;
  border:1px solid #f3d28a!important;
  color:#573c00!important;
  border-radius:16px!important;
  padding:16px!important;
}
.background-main{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:12px;
}
.background-main .field{
  background:#fff;
  border:1px solid #ead39d;
  border-radius:12px;
  padding:12px;
}
.color-preview-line{display:flex;align-items:center;gap:10px}
.result-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:14px;
}
.result-strip .statusline{
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:12px;
  padding:10px;
}
.simple-checks{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  margin-top:14px;
  flex-wrap:wrap;
}
.simple-checks .toggle{margin:0}
.secondary-actions{display:flex;gap:8px;flex-wrap:wrap}
.secondary-actions button{background:#e2e8f0;color:#1e293b}
.advanced-details{
  margin-top:14px;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#fff;
}
.advanced-details summary{
  cursor:pointer;
  padding:14px 16px;
  font-weight:700;
  color:#475569;
}
.advanced-inner{padding:0 16px 16px}
.production-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:16px;
}
.production-top h3{margin:0 0 4px}
.btn-main{
  background:#111827!important;
  color:#fff!important;
  font-size:16px;
  padding:14px 22px!important;
  white-space:nowrap;
}
.sheet-info{
  grid-template-columns:repeat(3,1fr);
}
.sheet-actions{
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  margin-top:16px;
}
.sheet-actions #saveSheetPdf{
  font-size:17px;
  padding:14px 24px;
}
.output-quality{
  margin-right:auto;
  color:#0f5132;
  background:#ecfdf5;
  border:1px solid #a7f3d0;
  border-radius:12px;
  padding:10px 13px;
}
.tech-only{margin-top:12px}
.disabled-step{opacity:.48}
.disabled-step::before{
  content:"Carica prima un file per continuare";
  display:block;
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#9a3412;
  padding:10px 12px;
  border-radius:12px;
  margin-bottom:14px;
  font-weight:700;
}
.disabled-step .step-title,
.disabled-step .simple-settings,
.disabled-step .background-box,
.disabled-step .result-strip,
.disabled-step .simple-checks,
.disabled-step details{pointer-events:none}
@media(max-width:820px){
  .upload-layout{grid-template-columns:1fr}
  .simple-settings{grid-template-columns:1fr}
  .background-main{grid-template-columns:1fr}
  .result-strip{grid-template-columns:1fr}
  .production-top{align-items:stretch;flex-direction:column}
  .wizard-progress{grid-template-columns:1fr}
  .sheet-info{grid-template-columns:repeat(2,1fr)}
}
.upload-layout{
  display:block;
  max-width:720px;
  margin:0 auto;
}
.drop{
  min-height:190px;
}
.editor-preview-sticky{
  position:sticky;
  top:10px;
  z-index:20;
  margin-bottom:16px;
}
.editor-preview-panel{
  padding:14px;
  background:rgba(255,255,255,.98);
  border:1px solid #cbd5e1;
  border-radius:20px;
  box-shadow:0 14px 38px rgba(15,23,42,.12);
  backdrop-filter:blur(8px);
}
.preview-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:10px;
}
.preview-heading h3{
  margin:0;
  font-size:18px;
}
.preview-heading span{
  color:#64748b;
  font-size:12px;
  text-align:right;
}
.editor-preview-panel .preview{
  width:100%;
  height:clamp(350px,46vh,590px);
  min-height:350px;
  padding:12px;
  border-radius:16px;
  overflow:hidden;
}
.editor-preview-panel .preview svg{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
}
.editor-preview-panel .measureline{
  margin-top:8px;
  padding:7px 10px;
  font-size:13px;
}
.editor-preview-panel .toggle{
  margin-top:8px!important;
  font-size:13px;
}
.editor-preview-panel .cutbox{
  margin-top:8px;
  padding:8px 10px;
  max-height:56px;
  overflow:auto;
  font-size:12px;
  line-height:1.35;
}
.editor-preview-panel .advanced-details{
  margin-top:8px;
}
.commands-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:2px 0 10px;
  padding:0 2px;
}
.commands-heading strong{
  display:block;
  font-size:18px;
  color:#0f172a;
}
.commands-heading span{
  display:block;
  margin-top:2px;
  font-size:12px;
  color:#64748b;
}
#step2 .simple-settings{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
#step2 .simple-settings .field{
  padding:12px;
}
#step2 .simple-settings .mini{
  line-height:1.3;
}
#step2 .background-box{
  margin-top:10px!important;
}
#step2 .result-strip{
  margin-top:10px;
}
#step2 .simple-checks{
  margin-top:10px;
}
#step2 > .advanced-details{
  margin-top:10px;
}
@media(min-width:901px){
  #step2{
    scroll-margin-top:8px;
  }
}
@media(max-width:1100px){
  #step2 .simple-settings{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:900px){
  .editor-preview-sticky{
    position:relative;
    top:auto;
  }
  .editor-preview-panel .preview{
    height:clamp(330px,52vh,520px);
  }
}
@media(max-width:620px){
  #step2 .simple-settings{
    grid-template-columns:1fr;
  }
  .preview-heading{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }
  .preview-heading span{
    text-align:left;
  }
  .editor-preview-panel .preview{
    height:390px;
    min-height:320px;
  }
}
.editor-preview-panel .preview{
  height:clamp(480px,58vh,720px);
  min-height:480px;
}
.preview-heading > div{
  min-width:0;
}
.preview-heading span{
  display:block;
  margin-top:2px;
}
.preview-size-btn{
  flex:0 0 auto;
  padding:9px 13px;
  border-radius:10px;
  background:#e2e8f0;
  color:#1e293b;
  font-size:13px;
  font-weight:700;
}
.preview-size-btn:hover{
  background:#cbd5e1;
}
.editor-preview-sticky.preview-expanded{
  position:relative;
  top:auto;
  z-index:21;
}
.editor-preview-sticky.preview-expanded .editor-preview-panel .preview{
  height:min(78vh,900px);
  min-height:620px;
}
.editor-preview-sticky.preview-expanded .editor-preview-panel{
  box-shadow:0 18px 48px rgba(15,23,42,.16);
}
.editor-preview-panel .preview svg{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  overflow:visible;
}
@media(max-width:900px){
  .editor-preview-panel .preview{
    height:clamp(430px,58vh,650px);
    min-height:430px;
  }
  .editor-preview-sticky.preview-expanded .editor-preview-panel .preview{
    height:72vh;
    min-height:520px;
  }
}
@media(max-width:620px){
  .preview-heading{
    flex-direction:column;
  }
  .preview-size-btn{
    width:100%;
  }
  .editor-preview-panel .preview{
    height:460px;
    min-height:400px;
  }
  .editor-preview-sticky.preview-expanded .editor-preview-panel .preview{
    height:68vh;
    min-height:500px;
  }
}
html,body{
  min-height:100%;
}
.wrap{
  width:calc(100vw - 20px);
  max-width:none;
  margin:10px auto 30px;
}
.fullwidth-editor{
  height:calc(100vh - 20px);
  min-height:720px;
  padding:14px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.fullwidth-editor > .step-title{
  flex:0 0 auto;
  margin-bottom:10px;
}
.editor-fullwidth-layout{
  flex:1 1 auto;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1.75fr) minmax(420px,.85fr);
  gap:12px;
}
.editor-left-column,
.editor-right-column{
  min-width:0;
  min-height:0;
}
.editor-left-column{
  display:flex;
}
.editor-left-column .editor-preview-sticky{
  position:relative;
  top:auto;
  width:100%;
  height:100%;
  margin:0;
}
.editor-left-column .editor-preview-panel{
  height:100%;
  display:flex;
  flex-direction:column;
  padding:12px;
}
.editor-left-column .preview-heading{
  flex:0 0 auto;
}
.editor-left-column .preview{
  flex:1 1 auto;
  width:100%;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:10px;
}
.editor-left-column .measureline,
.editor-left-column .toggle,
.editor-left-column .cutbox,
.editor-left-column .advanced-details{
  flex:0 0 auto;
}
.editor-left-column .cutbox{
  max-height:54px;
}
.editor-right-column{
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:0 5px 8px 1px;
  scrollbar-width:thin;
}
.editor-right-column .commands-heading{
  position:sticky;
  top:0;
  z-index:5;
  margin:0 0 8px;
  padding:8px 8px;
  background:rgba(255,255,255,.97);
  border:1px solid #e2e8f0;
  border-radius:12px;
  backdrop-filter:blur(8px);
}
.fullwidth-editor .simple-settings{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.fullwidth-editor .simple-settings .field{
  padding:10px!important;
}
.fullwidth-editor .simple-settings .mini{
  font-size:11px;
  margin-top:5px;
}
.fullwidth-editor .simple-presets{
  gap:4px;
}
.fullwidth-editor .preset-btn{
  padding:9px 4px;
  font-size:12px;
}
.fullwidth-editor .background-box{
  padding:12px!important;
  margin-top:8px!important;
}
.fullwidth-editor .background-main{
  gap:8px;
}
.fullwidth-editor .result-strip{
  gap:6px;
  margin-top:8px;
}
.fullwidth-editor .result-strip .statusline{
  min-height:48px;
  padding:7px;
  font-size:12px;
}
.fullwidth-editor .simple-checks{
  margin-top:8px;
}
.fullwidth-editor .advanced-details{
  margin-top:8px;
}
.fullwidth-editor .advanced-details summary{
  padding:11px 13px;
}
.fullwidth-editor .advanced-inner{
  padding:0 12px 12px;
}
.editor-left-column .editor-preview-sticky.preview-expanded{
  position:fixed;
  inset:10px;
  width:auto;
  height:auto;
  z-index:9999;
  margin:0;
}
.editor-left-column .editor-preview-sticky.preview-expanded .editor-preview-panel{
  height:100%;
}
.editor-left-column .editor-preview-sticky.preview-expanded .preview{
  flex:1 1 auto;
  height:auto!important;
  min-height:0!important;
}
.fullwidth-editor + #sheetCard{
  margin-top:18px;
}
@media(max-width:1150px){
  .editor-fullwidth-layout{
    grid-template-columns:minmax(0,1.45fr) minmax(380px,.9fr);
  }
}
@media(max-width:900px){
  .wrap{
    width:calc(100vw - 14px);
  }
  .fullwidth-editor{
    height:auto;
    min-height:0;
    overflow:visible;
  }
  .editor-fullwidth-layout{
    display:block;
  }
  .editor-left-column .editor-preview-sticky{
    height:auto;
  }
  .editor-left-column .editor-preview-panel{
    height:auto;
  }
  .editor-left-column .preview{
    height:520px!important;
    min-height:420px!important;
  }
  .editor-right-column{
    overflow:visible;
    margin-top:12px;
    padding:0;
  }
  .editor-right-column .commands-heading{
    position:relative;
  }
}
@media(max-width:620px){
  .fullwidth-editor .simple-settings{
    grid-template-columns:1fr!important;
  }
  .editor-left-column .preview{
    height:440px!important;
    min-height:380px!important;
  }
}
.image-position-box{
  margin-top:8px;
  padding:11px;
  border:1px solid #cbd5e1;
  border-radius:14px;
  background:#f8fafc;
}
.image-position-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:9px;
}
.image-position-head strong{
  display:block;
  color:#0f172a;
  font-size:14px;
}
.image-position-head .mini{
  margin-top:3px;
  line-height:1.3;
}
.image-position-reset{
  flex:0 0 auto;
  min-height:34px;
  padding:7px 10px;
  font-size:12px;
  white-space:nowrap;
}
.position-slider-row{
  padding:8px 0 3px;
  border-top:1px solid #e2e8f0;
}
.position-slider-label{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:4px;
  font-size:12px;
  color:#475569;
}
.position-slider-label strong{
  min-width:58px;
  text-align:right;
  color:#0f172a;
  font-variant-numeric:tabular-nums;
}
.position-slider-control{
  display:grid;
  grid-template-columns:18px minmax(0,1fr) 18px;
  align-items:center;
  gap:5px;
}
.position-slider-control input[type="range"]{
  width:100%;
  min-width:0;
  margin:0;
  accent-color:#0f172a;
}
.position-edge{
  color:#64748b;
  font-size:15px;
  font-weight:800;
  text-align:center;
}
@media(max-width:620px){
  .image-position-head{
    display:block;
  }
  .image-position-reset{
    width:100%;
    margin-top:8px;
  }
}
.production-buttons{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.btn-gosign{
  padding:14px 20px!important;
  border-radius:12px!important;
  background:#111827!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:800!important;
  box-shadow:0 8px 18px rgba(15,23,42,.16);
}
.btn-gosign:hover{
  background:#020617!important;
}
.btn-gosign:disabled{
  opacity:.62;
  cursor:wait;
}
.gosign-status{
  margin-top:10px;
  padding:11px 13px;
  border-radius:12px;
  font-size:12px;
  line-height:1.45;
}
.gosign-status.ok{
  border:1px solid #86efac;
  background:#f0fdf4;
  color:#166534;
}
.gosign-status.working{
  border:1px solid #bfdbfe;
  background:#eff6ff;
  color:#1e40af;
}
.gosign-status.neutral{
  border:1px solid #cbd5e1;
  background:#f8fafc;
  color:#475569;
}
.gosign-status.bad{
  border:1px solid #fecaca;
  background:#fef2f2;
  color:#991b1b;
}
@media(max-width:760px){
  .production-buttons{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
  }
  .production-buttons button{
    width:100%;
  }
}
.quantity-production-box{
  min-width:255px;
  margin:0;
  padding:12px;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#fff;
}
.quantity-production-box > label{
  display:block;
  margin-bottom:7px;
  color:#0f172a;
  font-size:14px;
  font-weight:700;
}
.quantity-mode-buttons{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
}
.quantity-mode-btn{
  min-width:0;
  padding:9px 7px;
  border-radius:9px;
  background:#e2e8f0;
  color:#334155;
  font-size:11px;
  font-weight:800;
}
.quantity-mode-btn.active{
  background:#0f172a;
  color:#fff;
}
.quantity-input-wrap{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:7px;
}
.quantity-input-wrap input{
  width:100%;
  min-width:0;
  padding:9px 10px;
  text-align:center;
  font-size:15px;
  font-weight:800;
}
.quantity-input-wrap input:disabled{
  background:#f1f5f9;
  color:#94a3b8;
}
.quantity-input-wrap span{
  color:#64748b;
  font-size:12px;
}
.quantity-help{
  min-height:29px;
  margin-top:6px;
  color:#64748b;
  font-size:10px;
  line-height:1.35;
}
.quantity-help.bad{
  color:#b91c1c;
  font-weight:700;
}
.sheet-info{
  grid-template-columns:repeat(4,1fr);
}
@media(max-width:1050px){
  .production-top{
    flex-wrap:wrap;
  }
  .quantity-production-box{
    flex:1 1 310px;
  }
}
@media(max-width:700px){
  .quantity-production-box{
    width:100%;
  }
  .sheet-info{
    grid-template-columns:repeat(2,1fr);
  }
}
html,body{
  width:100%;
  height:100%;
}
body{
  overflow:hidden;
  background:#e9eef4!important;
}
.app-shell{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  width:100%;
  height:100vh;
  min-height:680px;
}
.app-sidebar{
  position:relative;
  z-index:20;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:22px 16px 16px;
  color:#fff;
  background:
    radial-gradient(circle at 15% 10%,rgba(56,189,248,.16),transparent 30%),
    linear-gradient(180deg,#111827 0%,#0b1220 100%);
  box-shadow:10px 0 30px rgba(15,23,42,.12);
}
.app-brand{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:auto;
  padding:4px 4px 18px;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.app-brand-mark{
  display:flex;
  align-items:center;
  justify-content:center;
  width:168px;
  max-width:100%;
  height:66px;
  flex:0 0 auto;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.app-brand-mark img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  transform:scale(.9);
  transform-origin:center center;
}
.app-brand strong{
  display:block;
  font-size:18px;
  line-height:1.05;
}
.app-brand span{
  display:block;
  margin-top:4px;
  color:#94a3b8;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.app-nav{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-top:24px;
}
.app-nav-item{
  position:relative;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 22px;
  align-items:center;
  gap:10px;
  width:100%;
  padding:13px 11px;
  border:1px solid transparent;
  border-radius:14px;
  color:#cbd5e1;
  background:transparent;
  text-align:left;
  transition:.18s ease;
}
.app-nav-item:hover:not(.locked){
  background:rgba(255,255,255,.06);
}
.app-nav-item.active{
  color:#fff;
  border-color:rgba(255,255,255,.10);
  background:rgba(255,255,255,.10);
  box-shadow:0 10px 22px rgba(0,0,0,.12);
}
.app-nav-item.completed:not(.active){
  color:#e2e8f0;
}
.app-nav-item.locked{
  opacity:.42;
  cursor:not-allowed;
}
.app-nav-number{
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border-radius:10px;
  color:#e2e8f0;
  background:rgba(255,255,255,.08);
  font-weight:900;
}
.app-nav-item.active .app-nav-number{
  color:#0f172a;
  background:#fff;
}
.app-nav-copy{
  min-width:0;
}
.app-nav-copy strong,
.app-nav-copy small{
  display:block;
}
.app-nav-copy strong{
  overflow:hidden;
  font-size:14px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.app-nav-copy small{
  overflow:hidden;
  margin-top:3px;
  color:#94a3b8;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.app-nav-check{
  display:none;
  color:#4ade80;
  font-size:16px;
  font-weight:900;
}
.app-nav-item.completed .app-nav-check{
  display:block;
}
.app-sidebar-footer{
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.09);
}
.new-job-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  color:#fff;
  background:rgba(255,255,255,.07);
  font-size:13px;
}
.new-job-btn:hover{
  background:rgba(255,255,255,.12);
}
.new-job-btn span{
  font-size:19px;
  line-height:1;
}
.app-version{
  margin-top:12px;
  color:#64748b;
  font-size:10px;
  text-align:center;
}
.app-workspace{
  display:grid;
  grid-template-rows:78px minmax(0,1fr);
  min-width:0;
  min-height:0;
}
.app-topbar{
  position:relative;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:14px 28px;
  border-bottom:1px solid #dbe3ec;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(12px);
  box-shadow:0 4px 18px rgba(15,23,42,.04);
}
.app-topbar h1{
  margin:3px 0 0;
  color:#0f172a;
  font-size:23px;
  line-height:1.1;
}
.app-step-eyebrow{
  color:#64748b;
  font-size:10px;
  font-weight:900;
  letter-spacing:.11em;
}
.app-ready-badge{
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border:1px solid #cbd5e1;
  border-radius:999px;
  color:#475569;
  background:#f8fafc;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.app-ready-badge span{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#94a3b8;
}
.app-ready-badge.ready{
  color:#166534;
  border-color:#bbf7d0;
  background:#f0fdf4;
}
.app-ready-badge.ready span{
  background:#22c55e;
  box-shadow:0 0 0 4px rgba(34,197,94,.12);
}
.app-scroll{
  min-width:0;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.app-scroll > .wrap{
  width:100%;
  max-width:none!important;
  margin:0!important;
  padding:24px 28px 40px!important;
}
.app-scroll .head,
.app-scroll .wizard-progress{
  display:none!important;
}
.app-scroll .main-stack{
  display:block!important;
}
.app-screen{
  max-width:1440px;
  margin:0 auto;
}
.app-screen:not(.app-screen-active){
  display:none!important;
}
.app-screen.app-screen-active{
  display:block!important;
  animation:appScreenIn .22s ease both;
}
@keyframes appScreenIn{
  from{opacity:0;transform:translateY(7px)}
  to{opacity:1;transform:none}
}
.wizard-card{
  border-radius:22px!important;
  box-shadow:0 14px 38px rgba(15,23,42,.075)!important;
}
.step-title{
  padding-bottom:16px;
  border-bottom:1px solid #edf1f5;
}
.step-title h2{
  font-size:21px!important;
}
.step-number{
  border-radius:12px!important;
}
.upload-layout{
  max-width:820px!important;
}
.drop{
  min-height:330px!important;
  border-width:2px!important;
  border-color:#cbd5e1!important;
  background:
    radial-gradient(circle at 50% 35%,rgba(59,130,246,.08),transparent 34%),
    #f8fafc!important;
}
.drop:hover{
  border-color:#64748b!important;
  background:#f1f5f9!important;
}
.drop #choose{
  min-width:180px;
  padding:14px 22px!important;
  border-radius:12px!important;
}
.tech-only{
  display:none!important;
}
.advanced-details{
  opacity:.96;
}
.advanced-details summary{
  font-size:13px;
}
.app-screen-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid #edf1f5;
}
.app-screen-actions-end{
  justify-content:flex-end;
}
.app-primary-action,
.app-secondary-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:46px;
  padding:12px 19px!important;
  border-radius:12px!important;
  font-size:14px!important;
  font-weight:850!important;
}
.app-primary-action{
  color:#fff!important;
  background:#0f172a!important;
  box-shadow:0 8px 18px rgba(15,23,42,.18);
}
.app-primary-action:hover{
  transform:translateY(-1px);
  background:#020617!important;
}
.app-primary-action:disabled{
  opacity:.42;
  transform:none;
  cursor:not-allowed;
  box-shadow:none;
}
.app-secondary-action{
  color:#334155!important;
  border:1px solid #cbd5e1!important;
  background:#fff!important;
}
.app-secondary-action:hover{
  background:#f8fafc!important;
}
.app-production-title{
  align-items:center;
}
.app-title-back{
  margin-left:auto;
  min-height:40px;
  padding:9px 13px!important;
  font-size:12px!important;
}
.fullwidth-editor{
  min-height:auto!important;
}
.editor-fullwidth-layout{
  min-height:calc(100vh - 250px);
}
.editor-preview-sticky{
  top:0!important;
}
.commands-heading{
  position:sticky;
  top:-24px;
  z-index:5;
  padding:13px 14px!important;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:rgba(255,255,255,.95)!important;
  backdrop-filter:blur(10px);
}
.simple-settings .field{
  transition:.15s ease;
}
.simple-settings .field:focus-within{
  border-color:#94a3b8;
  box-shadow:0 0 0 3px rgba(148,163,184,.13);
}
.production-top{
  align-items:stretch!important;
}
.production-top > .field,
.quantity-production-box{
  min-height:112px;
}
.production-buttons button{
  min-height:48px;
}
#sheetPreview{
  border-radius:18px!important;
}
#err{
  max-width:1440px;
  margin:0 auto 16px!important;
}
@media(max-width:1050px){
  .app-shell{
    grid-template-columns:220px minmax(0,1fr);
  }
  .app-sidebar{
    padding-left:12px;
    padding-right:12px;
  }
  .app-brand{
    padding-left:5px;
    padding-right:5px;
  }
  .app-scroll > .wrap{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .app-topbar{
    padding-left:20px;
    padding-right:20px;
  }
}
@media(max-width:760px){
  body{
    overflow:auto;
  }
  .app-shell{
    display:block;
    min-height:100vh;
  }
  .app-sidebar{
    position:sticky;
    top:0;
    display:block;
    padding:10px;
  }
  .app-brand,
  .app-sidebar-footer{
    display:none;
  }
  .app-nav{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:5px;
    margin:0;
  }
  .app-nav-item{
    grid-template-columns:24px minmax(0,1fr);
    padding:8px;
  }
  .app-nav-number{
    width:24px;
    height:24px;
    border-radius:8px;
    font-size:11px;
  }
  .app-nav-copy strong{
    font-size:10px;
  }
  .app-nav-copy small,
  .app-nav-check{
    display:none!important;
  }
  .app-workspace{
    display:block;
  }
  .app-topbar{
    position:sticky;
    top:62px;
    min-height:68px;
    padding:11px 14px;
  }
  .app-topbar h1{
    font-size:18px;
  }
  .app-ready-badge{
    display:none;
  }
  .app-scroll{
    overflow:visible;
  }
  .app-scroll > .wrap{
    padding:14px 10px 28px!important;
  }
  .app-screen-actions{
    position:sticky;
    bottom:0;
    z-index:12;
    margin-left:-10px;
    margin-right:-10px;
    padding:12px 10px;
    border-top:1px solid #e2e8f0;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(12px);
  }
  .app-primary-action,
  .app-secondary-action{
    flex:1 1 auto;
  }
  .app-title-back{
    display:none;
  }
}
body.app-step-2-active .app-scroll{
  overflow:hidden;
}
body.app-step-2-active #step2{
  display:flex!important;
  flex-direction:column;
  width:100%;
  height:calc(100vh - 126px);
  min-height:0!important;
  max-height:calc(100vh - 126px);
  overflow:hidden;
}
body.app-step-2-active #step2 > .step-title{
  flex:0 0 auto;
  margin-bottom:10px;
}
body.app-step-2-active #step2 .editor-fullwidth-layout{
  flex:1 1 auto;
  min-height:0!important;
  height:auto!important;
  overflow:hidden;
}
body.app-step-2-active #step2 .app-screen-actions{
  flex:0 0 auto;
  margin-top:10px;
  padding-top:10px;
}
body.app-step-2-active .editor-left-column{
  min-height:0;
  height:100%;
  overflow:hidden;
}
body.app-step-2-active .editor-left-column .editor-preview-sticky{
  min-height:0;
  height:100%;
  overflow:hidden;
}
body.app-step-2-active .editor-left-column .editor-preview-panel{
  min-height:0;
  height:100%;
  overflow:hidden;
}
body.app-step-2-active .editor-left-column .preview{
  position:relative;
  display:flex!important;
  flex:1 1 0!important;
  align-items:center;
  justify-content:center;
  width:100%;
  height:0!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
  padding:12px;
}
body.app-step-2-active .editor-left-column .preview > svg{
  display:block!important;
  flex:0 1 auto;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  overflow:hidden!important;
  object-fit:contain;
}
body.app-step-2-active .editor-left-column .preview svg *{
  vector-effect:non-scaling-stroke;
}
body.app-step-2-active .editor-right-column{
  height:100%;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
}
body.app-step-2-active .editor-left-column .editor-preview-sticky.preview-expanded{
  height:auto;
  overflow:hidden;
}
body.app-step-2-active .editor-left-column .editor-preview-sticky.preview-expanded .preview{
  height:0!important;
  min-height:0!important;
  max-height:100%!important;
}
@media(min-width:901px) and (max-height:820px){
  body.app-step-2-active #step2{
    height:calc(100vh - 112px);
    max-height:calc(100vh - 112px);
    padding:10px;
  }
  body.app-step-2-active #step2 > .step-title{
    margin-bottom:7px;
    padding-bottom:9px;
  }
  body.app-step-2-active #step2 > .step-title p{
    display:none;
  }
  body.app-step-2-active #step2 .app-screen-actions{
    min-height:44px;
    margin-top:7px;
    padding-top:7px;
  }
  body.app-step-2-active .editor-preview-panel{
    padding:9px;
  }
  body.app-step-2-active .preview-heading{
    margin-bottom:6px;
  }
  body.app-step-2-active .preview-heading span{
    display:none;
  }
}
@media(max-width:900px){
  body.app-step-2-active .app-scroll{
    overflow-y:auto;
  }
  body.app-step-2-active #step2{
    display:block!important;
    height:auto;
    max-height:none;
    overflow:visible;
  }
  body.app-step-2-active #step2 .editor-fullwidth-layout{
    height:auto!important;
    overflow:visible;
  }
  body.app-step-2-active .editor-left-column,
  body.app-step-2-active .editor-left-column .editor-preview-sticky,
  body.app-step-2-active .editor-left-column .editor-preview-panel{
    height:auto;
    overflow:visible;
  }
  body.app-step-2-active .editor-left-column .preview{
    height:min(62vh,560px)!important;
    min-height:360px!important;
  }
  body.app-step-2-active .editor-right-column{
    height:auto;
    overflow:visible;
  }
}
.preview-heading{
  gap:14px;
}
.preview-toolbar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap;
}
.preview-tool-btn,
.preview-size-btn{
  min-height:34px;
  padding:8px 11px!important;
  border:1px solid #d7e0ea!important;
  border-radius:10px!important;
  color:#334155!important;
  background:#eef2f7!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap;
}
.preview-tool-btn:hover,
.preview-size-btn:hover{
  color:#0f172a!important;
  background:#e2e8f0!important;
}
.preview-zoom-controls{
  display:flex;
  align-items:center;
  overflow:hidden;
  min-height:34px;
  border:1px solid #d7e0ea;
  border-radius:10px;
  background:#fff;
}
.preview-zoom-btn,
.preview-zoom-value{
  min-width:34px;
  height:32px;
  padding:0 8px!important;
  border:0!important;
  border-radius:0!important;
  color:#334155!important;
  background:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
.preview-zoom-value{
  min-width:52px;
  border-left:1px solid #e2e8f0!important;
  border-right:1px solid #e2e8f0!important;
  font-size:10px!important;
}
.preview-zoom-btn:hover,
.preview-zoom-value:hover{
  background:#f1f5f9!important;
}
.preview-zoom-btn:disabled{
  color:#cbd5e1!important;
  cursor:not-allowed;
  background:#f8fafc!important;
}
body.app-step-2-active .editor-left-column .preview{
  display:block!important;
  padding:0!important;
  overflow:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
.preview-stage{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  min-width:100%;
  min-height:100%;
  padding:14px;
  transition:width .14s ease,height .14s ease;
}
.preview-stage > svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  flex:0 0 auto!important;
  overflow:visible!important;
}
.preview.preview-bg-light{
  background:#ffffff!important;
}
.preview.preview-bg-dark{
  background:#172033!important;
}
.preview.preview-bg-checker{
  background-color:#eef2f6!important;
  background-image:
    linear-gradient(45deg,#dbe2ea 25%,transparent 25%),
    linear-gradient(-45deg,#dbe2ea 25%,transparent 25%),
    linear-gradient(45deg,transparent 75%,#dbe2ea 75%),
    linear-gradient(-45deg,transparent 75%,#dbe2ea 75%)!important;
  background-size:22px 22px!important;
  background-position:0 0,0 11px,11px -11px,-11px 0!important;
}
.preview.preview-is-zoomed{
  cursor:grab;
}
.preview.preview-is-zoomed:active{
  cursor:grabbing;
}
@media(max-width:1150px){
  .preview-heading{
    align-items:flex-start!important;
  }
  .preview-toolbar{
    max-width:390px;
  }
}
@media(max-width:760px){
  .preview-toolbar{
    width:100%;
    justify-content:flex-start;
  }
  .preview-tool-btn{
    flex:1 1 auto;
  }
  .preview-stage{
    min-height:360px;
  }
}
.simple-settings .simple-presets{
  flex-wrap:wrap;
}
.simple-settings .simple-presets .preset-btn{
  flex:1 1 105px;
}
.shape-presets-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
  align-items:stretch!important;
  justify-items:stretch!important;
}
.shape-presets-grid .preset-btn{
  width:100%!important;
  min-width:0!important;
  min-height:34px!important;
  margin:0!important;
  padding:8px 6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
  flex:none!important;
}
@media(max-width:520px){
  .shape-presets-grid{
    grid-template-columns:1fr 1fr!important;
  }
}
.client-material-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:14px;
  padding:16px;
  border:1px solid #dbe4ee;
  border-radius:16px;
  background:linear-gradient(135deg,#f8fafc,#eef4f9);
}
.client-material-box-copy{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.client-material-box-copy strong{
  color:#0f172a;
  font-size:14px;
}
.client-material-kicker,
.material-preview-kicker{
  color:#64748b;
  font-size:9px;
  font-weight:900;
  letter-spacing:.11em;
}
.client-material-open{
  min-width:138px;
  min-height:42px;
  padding:10px 14px!important;
  border-radius:11px!important;
  color:#fff!important;
  background:#0f172a!important;
  font-size:12px!important;
  font-weight:900!important;
}
.client-material-open:hover{background:#020617!important}
.material-modal-open{overflow:hidden!important}
.material-preview-modal[hidden]{display:none!important}
.material-preview-modal:not([hidden]){
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex!important;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(15,23,42,.58);
  backdrop-filter:blur(6px);
}
.material-preview-dialog{
  width:min(1180px,100%);
  max-height:94vh;
  overflow:auto;
  padding:22px;
  border-radius:24px;
  background:#fff;
  box-shadow:0 28px 80px rgba(15,23,42,.26);
}
.material-preview-header{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
}
.material-preview-header h2{
  margin:4px 0 0;
  color:#0f172a;
  font-size:27px;
}
.material-preview-header p{
  margin:6px 0 0;
  color:#64748b;
  font-size:13px;
}
.material-preview-close{
  width:42px;
  height:42px;
  border:1px solid #d7e0ea!important;
  border-radius:12px!important;
  color:#334155!important;
  background:#fff!important;
  font-size:23px!important;
}
.material-preview-toolbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin:18px 0 14px;
}
.material-preview-tabs{
  display:flex;
  gap:7px;
  padding:4px;
  border-radius:13px;
  background:#eef2f7;
}
.material-tab{
  min-height:38px;
  padding:8px 13px!important;
  border-radius:10px!important;
  color:#475569!important;
  background:transparent!important;
  font-size:12px!important;
  font-weight:850!important;
}
.material-tab.active{
  color:#fff!important;
  background:#0f172a!important;
}
.material-select-control{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:210px;
  color:#64748b;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.material-select-control select{
  min-height:40px;
  padding:0 12px;
  border:1px solid #d7e0ea;
  border-radius:11px;
  color:#0f172a;
  background:#fff;
  font-size:13px;
  font-weight:800;
  text-transform:none;
  letter-spacing:normal;
}
.material-preview-canvas-wrap{
  position:relative;
  padding:10px;
  border:1px solid #dbe4ee;
  border-radius:18px;
  background:#f8fafc;
}
#materialPreviewCanvas{
  display:block;
  width:100%;
  height:auto;
  max-height:66vh;
  border-radius:12px;
  background:#e8eef5;
}
.material-preview-loading{
  position:absolute;
  inset:10px;
  z-index:5;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  border-radius:12px;
  color:#475569;
  background:rgba(248,250,252,.94);
  font-size:13px;
  font-weight:800;
}
.material-preview-loading[hidden]{display:none!important}
.material-preview-spinner{
  width:34px;
  height:34px;
  border:4px solid #dbe4ee;
  border-top-color:#0f172a;
  border-radius:50%;
  animation:materialSpin .75s linear infinite;
}
@keyframes materialSpin{to{transform:rotate(360deg)}}
.material-preview-actions{
  display:flex;
  justify-content:flex-end;
  gap:9px;
  margin-top:14px;
}
.material-action-primary,
.material-action-secondary{
  min-height:42px;
  padding:10px 15px!important;
  border-radius:11px!important;
  font-size:12px!important;
  font-weight:900!important;
}
.material-action-primary{
  color:#fff!important;
  background:#0f172a!important;
}
.material-action-secondary{
  color:#334155!important;
  border:1px solid #d7e0ea!important;
  background:#fff!important;
}
.material-preview-disclaimer{
  margin-top:9px;
  color:#64748b;
  font-size:11px;
  line-height:1.45;
}
@media(max-width:700px){
  .client-material-box,
  .material-preview-toolbar{
    flex-direction:column;
    align-items:stretch;
  }
  .client-material-open{width:100%}
  .material-select-control{min-width:0}
  .material-preview-tabs{display:grid;grid-template-columns:1fr 1fr}
  .material-preview-actions{flex-direction:column}
  .material-preview-actions button{width:100%}
}
.material-preview-dialog{
  width:min(1180px,96vw)!important;
  max-height:94vh!important;
}
.material-preview-canvas-wrap{
  width:min(100%, 1060px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:hidden!important;
}
#materialPreviewCanvas{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  aspect-ratio:4 / 3!important;
  object-fit:contain!important;
  margin:0 auto!important;
}
@media(max-height:820px){
  .material-preview-dialog{
    align-self:flex-start!important;
    margin-top:10px!important;
    margin-bottom:10px!important;
  }
  .material-preview-canvas-wrap{
    width:min(100%, 920px)!important;
  }
}
@media(max-width:900px){
  .material-preview-dialog{
    width:98vw!important;
    padding:16px!important;
  }
  .material-preview-canvas-wrap{
    width:100%!important;
  }
}
.client-material-box-after-cut{
  margin-top:16px!important;
  margin-bottom:14px!important;
}
.app-nav-divider{
  height:1px;
  margin:4px 8px 10px;
  background:rgba(148,163,184,.18);
}
.app-nav-orders .app-nav-number{
  font-size:11px;
  font-weight:950;
}
body.app-orders-active .head,
body.app-orders-active .wizard-progress,
body.app-orders-active #err{
  display:none!important;
}
body.app-orders-active .app-scroll{
  padding-top:22px;
}
.orders-screen{
  max-width:1160px;
  margin:0 auto;
}
.orders-hero{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  padding:4px 2px 18px;
}
.orders-kicker{
  display:block;
  margin-bottom:5px;
  color:#64748b;
  font-size:10px;
  font-weight:950;
  letter-spacing:.11em;
}
.orders-hero h2{
  margin:0;
  color:#0f172a;
  font-size:30px;
  line-height:1.05;
}
.orders-hero p{
  max-width:700px;
  margin:9px 0 0;
  color:#64748b;
  font-size:14px;
  line-height:1.55;
}
.woo-connection-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  padding:8px 12px;
  border:1px solid #dbe4ee;
  border-radius:999px;
  color:#475569;
  background:#fff;
  font-size:11px;
  font-weight:900;
}
.woo-connection-badge span{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#94a3b8;
}
.woo-connection-badge.connected{
  color:#166534;
  border-color:#bbf7d0;
  background:#f0fdf4;
}
.woo-connection-badge.connected span{background:#22c55e}
.woo-connection-badge.loading{
  color:#1d4ed8;
  border-color:#bfdbfe;
  background:#eff6ff;
}
.woo-connection-badge.loading span{background:#3b82f6}
.woo-connection-badge.error{
  color:#991b1b;
  border-color:#fecaca;
  background:#fef2f2;
}
.woo-connection-badge.error span{background:#ef4444}
.woo-connect-card{
  padding:22px;
  border:1px solid #dbe4ee;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 32px rgba(15,23,42,.05);
}
.woo-connect-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.woo-connect-title strong{
  display:block;
  color:#0f172a;
  font-size:17px;
}
.woo-connect-title span{
  display:block;
  margin-top:3px;
  color:#64748b;
  font-size:12px;
}
.woo-readonly-chip{
  padding:6px 9px;
  border-radius:999px;
  color:#166534;
  background:#dcfce7;
  font-size:9px;
  font-weight:950;
  letter-spacing:.08em;
}
.woo-fields{
  display:grid;
  grid-template-columns:1.15fr 1fr 1fr;
  gap:12px;
}
.woo-fields .field{
  min-width:0;
}
.woo-fields input{
  width:100%;
  min-height:44px;
  padding:0 12px;
  border:1px solid #d7e0ea;
  border-radius:11px;
  color:#0f172a;
  background:#fff;
  font-size:13px;
}
.woo-fields input:focus{
  outline:none;
  border-color:#93c5fd;
  box-shadow:0 0 0 3px rgba(59,130,246,.10);
}
.woo-security-note{
  margin-top:13px;
  padding:11px 13px;
  border-radius:11px;
  color:#475569;
  background:#f8fafc;
  font-size:11px;
  line-height:1.5;
}
.woo-connect-actions{
  display:flex;
  justify-content:flex-end;
  gap:9px;
  margin-top:15px;
}
.woo-primary-btn,
.woo-secondary-btn{
  min-height:42px;
  padding:10px 15px!important;
  border-radius:11px!important;
  font-size:12px!important;
  font-weight:900!important;
}
.woo-primary-btn{
  color:#fff!important;
  background:#0f172a!important;
}
.woo-secondary-btn{
  color:#334155!important;
  border:1px solid #d7e0ea!important;
  background:#fff!important;
}
.woo-primary-btn:disabled,
.woo-secondary-btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.woo-status{
  margin-top:14px;
  padding:12px 14px;
  border-radius:11px;
  font-size:12px;
  line-height:1.5;
}
.woo-status.success{
  color:#166534;
  border:1px solid #bbf7d0;
  background:#f0fdf4;
}
.woo-status.loading{
  color:#1d4ed8;
  border:1px solid #bfdbfe;
  background:#eff6ff;
}
.woo-status.error{
  color:#991b1b;
  border:1px solid #fecaca;
  background:#fef2f2;
}
.woo-orders-area{
  margin-top:22px;
}
.woo-orders-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}
.woo-orders-head h3{
  margin:0;
  color:#0f172a;
  font-size:22px;
}
.woo-orders-count{
  color:#64748b;
  font-size:11px;
  font-weight:800;
}
.woo-orders-list{
  display:grid;
  gap:11px;
}
.woo-order-card{
  padding:17px;
  border:1px solid #dbe4ee;
  border-radius:16px;
  background:#fff;
}
.woo-order-top{
  display:flex;
  justify-content:space-between;
  gap:18px;
}
.woo-order-top > div{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.woo-order-number{
  color:#64748b;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
}
.woo-order-top strong{
  margin-top:3px;
  color:#0f172a;
  font-size:15px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.woo-order-top small{
  margin-top:4px;
  color:#94a3b8;
  font-size:10px;
}
.woo-order-status{
  align-self:flex-start;
  padding:6px 9px;
  border-radius:999px;
  color:#475569;
  background:#f1f5f9;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}
.woo-order-status.processing{
  color:#1d4ed8;
  background:#dbeafe;
}
.woo-order-status.completed{
  color:#166534;
  background:#dcfce7;
}
.woo-order-status.pending{
  color:#92400e;
  background:#fef3c7;
}
.woo-order-specs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:14px;
}
.woo-order-specs > div{
  padding:10px 11px;
  border-radius:10px;
  background:#f8fafc;
}
.woo-order-specs span{
  display:block;
  color:#94a3b8;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.woo-order-specs strong{
  display:block;
  margin-top:3px;
  color:#0f172a;
  font-size:12px;
  word-break:break-word;
}
.woo-order-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
}
.woo-file-ok{
  color:#166534;
  font-size:11px;
  font-weight:850;
}
.woo-file-missing{
  color:#b45309;
  font-size:11px;
  font-weight:850;
}
.woo-prepare-placeholder{
  min-height:37px;
  padding:8px 12px!important;
  border-radius:10px!important;
  color:#64748b!important;
  border:1px solid #dbe4ee!important;
  background:#f8fafc!important;
  font-size:11px!important;
  font-weight:900!important;
  opacity:.65;
}
.woo-empty{
  padding:30px;
  border:1px dashed #cbd5e1;
  border-radius:14px;
  color:#64748b;
  text-align:center;
  background:#f8fafc;
}
@media(max-width:850px){
  .woo-fields{
    grid-template-columns:1fr;
  }
  .woo-order-specs{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:600px){
  .orders-hero,
  .woo-connect-title,
  .woo-order-top,
  .woo-order-bottom{
    flex-direction:column;
  }
  .woo-order-specs{
    grid-template-columns:1fr;
  }
  .woo-connect-actions{
    flex-direction:column;
  }
  .woo-connect-actions button{
    width:100%;
  }
}
.woo-prepare-btn{
  min-height:39px;
  padding:9px 14px!important;
  border-radius:10px!important;
  color:#fff!important;
  border:1px solid #0f172a!important;
  background:#0f172a!important;
  font-size:11px!important;
  font-weight:950!important;
  cursor:pointer;
  transition:transform .15s ease, opacity .15s ease, background .15s ease;
}
.woo-prepare-btn:hover:not(:disabled){
  transform:translateY(-1px);
  background:#1e293b!important;
}
.woo-prepare-btn:disabled{
  cursor:not-allowed;
  opacity:.42;
}
.woo-prepare-btn.loading{
  opacity:.72;
  cursor:wait;
}
.woo-loaded-order-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:-2px 0 16px;
  padding:13px 15px;
  border:1px solid #bbf7d0;
  border-radius:14px;
  background:#f0fdf4;
}
.woo-loaded-order-banner[hidden]{
  display:none!important;
}
.woo-loaded-order-banner > div{
  min-width:0;
}
.woo-loaded-order-banner span{
  display:block;
  color:#15803d;
  font-size:9px;
  line-height:1.2;
  font-weight:950;
  letter-spacing:.08em;
}
.woo-loaded-order-banner strong{
  display:block;
  margin-top:4px;
  color:#14532d;
  font-size:13px;
  line-height:1.25;
}
.woo-loaded-order-banner small{
  display:block;
  margin-top:3px;
  color:#4b5563;
  font-size:10px;
  line-height:1.35;
}
.woo-loaded-order-banner button{
  flex:0 0 auto;
  min-height:36px;
  padding:8px 11px!important;
  border:1px solid #86efac!important;
  border-radius:9px!important;
  color:#166534!important;
  background:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
}
@media(max-width:650px){
  .woo-loaded-order-banner{
    align-items:flex-start;
    flex-direction:column;
  }
  .woo-loaded-order-banner button{
    width:100%;
  }
}
.woo-title-chips{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.woo-desktop-chip{
  padding:6px 9px;border-radius:999px;color:#1d4ed8;background:#dbeafe;
  font-size:9px;font-weight:950;letter-spacing:.08em
}
.woo-order-multiproduct{
  padding:0;
  overflow:hidden;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.woo-order-multiproduct.woo-order-focus{
  border-color:#60a5fa;
  box-shadow:0 0 0 4px rgba(59,130,246,.10), 0 12px 30px rgba(15,23,42,.08);
}
.woo-order-summary{
  align-items:center;
  padding:16px 17px;
  background:#f8fafc;
  border-bottom:1px solid #e2e8f0;
}
.woo-order-summary > div:first-child strong{
  margin-top:2px;
  font-size:14px;
}
.woo-order-summary-right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-direction:row!important;
  gap:8px;
}
.woo-order-progress{
  padding:6px 9px;
  border-radius:999px;
  color:#475569;
  background:#e2e8f0;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}
.woo-order-progress.all-done{
  color:#166534;
  background:#dcfce7;
}
.woo-order-products{
  display:grid;
  gap:10px;
  padding:12px;
  background:#fff;
}
.woo-product-card{
  padding:14px;
  border:1px solid #e2e8f0;
  border-radius:13px;
  background:#fff;
}
.woo-product-card.is-prepared{
  border-color:#bbf7d0;
  background:linear-gradient(180deg,#fff 0%,#fbfffc 100%);
}
.woo-product-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.woo-product-top > div{
  min-width:0;
}
.woo-product-index{
  display:block;
  color:#94a3b8;
  font-size:9px;
  font-weight:950;
  letter-spacing:.07em;
}
.woo-product-top strong{
  display:block;
  margin-top:3px;
  color:#0f172a;
  font-size:14px;
  line-height:1.3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.woo-product-prepared{
  flex:0 0 auto;
  padding:6px 9px;
  border-radius:999px;
  font-size:9px;
  font-weight:950;
  white-space:nowrap;
}
.woo-product-prepared.pending{
  color:#92400e;
  background:#fef3c7;
}
.woo-product-prepared.prepared{
  color:#166534;
  background:#dcfce7;
}
.woo-empty-inline{
  margin:2px;
  padding:18px;
}
@media(max-width:700px){
  .woo-order-summary,
  .woo-product-top{
    align-items:flex-start;
    flex-direction:column;
  }
  .woo-order-summary-right{
    width:100%;
    justify-content:flex-start;
  }
}
.app-nav-manual-step{
  display:flex!important;
}
.app-nav-divider{
  display:none;
}
.app-sidebar{
  padding-top:20px;
}
.app-nav{
  margin-top:20px;
}
.app-nav-orders{
  order:-10;
}
.app-topbar{
  min-height:72px;
}
body.app-orders-active .app-ready-badge{
  display:none;
}
.orders-screen{
  max-width:1180px;
}
.orders-hero{
  padding-bottom:14px;
}
.orders-hero h2{
  font-size:28px;
}
.orders-hero p{
  max-width:620px;
  font-size:13px;
}
.woo-is-connected .woo-connect-card{
  display:none!important;
}
.woo-connected-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:15px;
  padding:12px 14px;
  border:1px solid #bbf7d0;
  border-radius:14px;
  background:#f0fdf4;
}
.woo-connected-bar[hidden]{
  display:none!important;
}
.woo-connected-bar > div:first-child{
  display:flex;
  align-items:center;
  gap:10px;
}
.woo-connected-dot{
  width:10px;
  height:10px;
  flex:0 0 auto;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 4px rgba(34,197,94,.12);
}
.woo-connected-bar strong,
.woo-connected-bar small{
  display:block;
}
.woo-connected-bar strong{
  color:#166534;
  font-size:12px;
}
.woo-connected-bar small{
  margin-top:2px;
  color:#64748b;
  font-size:10px;
}
.woo-auto-refresh-info{
  color:#15803d!important;
  opacity:.78;
}
.woo-new-badge{
  flex:0 0 auto;
  padding:6px 9px;
  border-radius:999px;
  color:#1d4ed8;
  background:#dbeafe;
  font-size:9px;
  font-weight:950;
  letter-spacing:.05em;
  white-space:nowrap;
}
.woo-order-multiproduct.is-new-order{
  border-color:#93c5fd;
  box-shadow:0 0 0 3px rgba(59,130,246,.07);
}
.woo-connected-actions{
  display:flex;
  gap:7px;
}
.woo-connected-actions button{
  min-height:34px;
  padding:7px 10px!important;
  border:1px solid #bbf7d0!important;
  border-radius:9px!important;
  color:#166534!important;
  background:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
}
.woo-remember-row{
  display:flex;
  align-items:flex-start;
  gap:10px;
  cursor:pointer;
}
.woo-remember-row input{
  width:16px;
  height:16px;
  margin-top:2px;
  accent-color:#0f172a;
}
.woo-remember-row span{
  display:block;
}
.woo-remember-row strong,
.woo-remember-row small{
  display:block;
}
.woo-remember-row strong{
  color:#334155;
  font-size:11px;
}
.woo-remember-row small{
  margin-top:2px;
  color:#64748b;
  font-size:10px;
}
.woo-link-btn{
  margin-right:auto;
  padding:8px 5px!important;
  border:0!important;
  color:#94a3b8!important;
  background:transparent!important;
  font-size:10px!important;
  font-weight:800!important;
}
.woo-link-btn:hover{
  color:#b91c1c!important;
}
.woo-orders-head-simple{
  margin-bottom:10px;
}
.woo-order-tools{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:12px;
}
.woo-order-search{
  display:flex;
  align-items:center;
  gap:8px;
  flex:1 1 auto;
  min-width:0;
  height:42px;
  padding:0 12px;
  border:1px solid #dbe4ee;
  border-radius:11px;
  background:#fff;
}
.woo-order-search > span{
  color:#94a3b8;
  font-size:18px;
  line-height:1;
}
.woo-order-search input{
  width:100%;
  min-width:0;
  border:0;
  outline:0;
  color:#0f172a;
  background:transparent;
  font-size:12px;
}
.woo-filter-btn{
  min-height:42px;
  padding:9px 12px!important;
  border:1px solid #dbe4ee!important;
  border-radius:11px!important;
  color:#475569!important;
  background:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  white-space:nowrap;
}
.woo-filter-btn.active{
  color:#166534!important;
  border-color:#bbf7d0!important;
  background:#f0fdf4!important;
}
.woo-order-card{
  box-shadow:none!important;
}
.woo-order-summary{
  padding:13px 15px;
}
.woo-order-products{
  padding:10px;
}
.woo-product-card{
  padding:12px;
}
.woo-order-specs{
  margin-top:10px;
}
.woo-order-specs > div{
  padding:8px 10px;
}
.woo-order-bottom{
  margin-top:9px;
}
.new-job-btn{
  font-size:11px;
}
@media(max-width:700px){
  .woo-order-tools{
    align-items:stretch;
    flex-direction:column;
  }
  .woo-filter-btn{
    width:100%;
  }
  .woo-connected-bar{
    align-items:flex-start;
    flex-direction:column;
  }
  .woo-connected-actions{
    width:100%;
  }
  .woo-connected-actions button{
    flex:1;
  }
}
:root{
  --pa-navy:#071a32;--pa-navy2:#0b294d;--pa-ink:#10213c;--pa-muted:#708099;
  --pa-bg:#edf2f7;--pa-line:#dbe4ee;--pa-blue:#195dce;--pa-green:#15803d;
  --pa-orange:#c76b00;--pa-purple:#7148d8;
}
html,body{background:#edf2f7!important;color:var(--pa-ink)!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important}
body{overflow:hidden!important}
.app-shell{grid-template-columns:250px minmax(0,1fr)!important;background:#f4f7fb!important;height:100vh!important}
.app-sidebar{
  padding:24px 18px 18px!important;
  background:radial-gradient(circle at 30% 0%,rgba(70,124,181,.26),transparent 28%),linear-gradient(180deg,#0b2747 0%,#071a32 57%,#061326 100%)!important;
  border-right:0!important;box-shadow:12px 0 34px rgba(15,35,61,.06)!important
}
.app-brand{height:120px!important;padding:0!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;border-bottom:1px solid rgba(255,255,255,.10)!important}
.app-brand-mark{width:100%!important;height:94px!important;background:transparent!important;box-shadow:none!important;border:0!important}
.app-brand-mark img{width:174px!important;height:92px!important;object-fit:contain!important;filter:drop-shadow(0 8px 12px rgba(0,0,0,.22))!important}
.app-nav{gap:10px!important;margin-top:22px!important}
.app-nav-divider{display:none!important}.app-nav-manual-step{display:flex!important}
.app-nav-item{height:66px!important;min-height:66px!important;padding:0 14px!important;border-radius:15px!important;border:1px solid transparent!important;background:transparent!important;color:#b9c6d7!important}
.app-nav-item.active{background:linear-gradient(135deg,rgba(123,159,201,.28),rgba(255,255,255,.07))!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}
.app-nav-number{width:32px!important;height:32px!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;border:0!important;color:#fff!important}
.app-nav-item.active .app-nav-number{background:#fff!important;color:#0d2a4c!important}
.app-nav-copy strong{font-size:14px!important}.app-nav-copy small{margin-top:3px!important;color:#8497ae!important;font-size:9px!important}.app-nav-item.active .app-nav-copy small{color:#b9c8da!important}
.app-nav-check{display:none!important}
.app-sidebar-footer{margin-top:auto!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.10)!important}
.new-job-btn{height:43px!important;border-radius:11px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;font-size:10px!important}
.app-version{color:#7f91a8!important;font-size:8px!important}
.app-workspace{background:linear-gradient(180deg,#fbfdff 0%,#f4f7fb 100%)!important}
.app-topbar{min-height:82px!important;padding:18px 30px!important;background:rgba(255,255,255,.91)!important;border-bottom:1px solid #e5ebf1!important;backdrop-filter:blur(15px)!important}
.app-step-eyebrow{font-size:9px!important;font-weight:900!important;letter-spacing:.15em!important;color:#6c7f99!important}
.app-topbar h1{margin-top:5px!important;color:#10213c!important;font-size:27px!important;letter-spacing:-.035em!important}
.app-ready-badge{height:39px!important;padding:0 13px!important;border-radius:10px!important;font-size:9px!important;font-weight:850!important}
.app-scroll{padding:25px 30px 34px!important;background:transparent!important}
.wrap{max-width:1300px!important;margin:0 auto!important;padding:0!important}
.head,.wizard-progress{display:none!important}.main-stack{gap:0!important}
.wizard-card{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
.step-title{margin-bottom:18px!important;padding:0!important;border:0!important}.step-title .step-number{display:none!important}.step-title h2{font-size:24px!important;letter-spacing:-.025em!important}.step-title p{font-size:10px!important;color:#73829a!important}
.orders-screen{background:transparent!important}.orders-hero{padding:0 0 18px!important;border:0!important;background:transparent!important;margin:0!important}
.orders-hero h2{font-size:29px!important;letter-spacing:-.035em!important;color:#10213c!important}.orders-hero p{font-size:11px!important;color:#73829a!important}.orders-kicker{font-size:9px!important;font-weight:900!important;letter-spacing:.15em!important;color:#6c7f99!important}
.woo-connection-badge{height:39px!important;padding:0 13px!important;border-radius:10px!important;font-size:9px!important;font-weight:850!important}
.woo-connect-card,.woo-connected-bar{border:1px solid #dbe4ee!important;border-radius:14px!important;background:#fff!important;box-shadow:0 6px 18px rgba(25,45,74,.035)!important}
.woo-connected-bar{margin-bottom:20px!important;padding:12px 14px!important;background:#effcf3!important;border-color:#c9ebd4!important}
.woo-connected-actions button,.woo-connect-actions button{height:36px!important;border-radius:9px!important;font-size:9px!important}
.woo-orders-area{margin-top:0!important}.woo-orders-head{margin:0 0 11px!important;padding:0!important}.woo-orders-head h3{font-size:22px!important;letter-spacing:-.025em!important}.woo-orders-count{height:29px!important;border-radius:999px!important;background:#edf2f7!important;color:#63748d!important;font-size:9px!important;font-weight:850!important}
.premium-order-tools{margin:0 0 22px!important}.premium-order-search{width:100%!important;max-width:none!important;height:46px!important;border:1px solid #d5dfeb!important;border-radius:12px!important;background:#fff!important;box-shadow:0 4px 12px rgba(25,48,79,.025)!important}.premium-order-search input{font-size:11px!important}
.woo-orders-list{display:block!important}.premium-orders-section{margin-top:16px!important}.premium-orders-section.completed{margin-top:32px!important}.premium-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px!important}.premium-section-title{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:900;letter-spacing:-.02em}.premium-section-icon{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;font-size:12px}.premium-orders-section.active .premium-section-icon{background:#fff0d8;color:#b85b00}.premium-orders-section.completed .premium-section-icon{background:#eaf9ef;color:#16803c}.premium-section-count{height:27px;min-width:27px;padding:0 8px;border-radius:999px;background:#edf2f7;color:#63748d;display:grid;place-items:center;font-size:9px;font-weight:900}.premium-order-list{display:grid;gap:10px}
.premium-order-card{position:relative!important;overflow:hidden!important;padding:0!important;border:1px solid #dbe4ee!important;border-radius:15px!important;background:#fff!important;box-shadow:0 6px 16px rgba(25,45,74,.035)!important}.premium-order-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#f59e0b}.premium-order-card.premium-order-completed{opacity:.76!important;box-shadow:none!important;background:rgba(255,255,255,.82)!important}.premium-order-card.premium-order-completed::before{background:#36aa59!important}
.premium-order-head{display:grid;grid-template-columns:155px minmax(230px,1fr) auto;align-items:center;gap:18px;padding:12px 16px 10px 18px;border-bottom:1px solid #edf2f7}.premium-order-number strong{font-size:16px;color:#0a3972;display:block}.premium-order-number small,.premium-order-customer small{display:block;margin-top:4px;color:#8391a5;font-size:9px}.premium-order-customer strong{display:block;font-size:11px;color:#1b2c44}.premium-order-head-right{display:flex;align-items:center;gap:7px}.premium-order-state{padding:7px 10px;border-radius:8px;font-size:8px;font-weight:900;white-space:nowrap}.premium-order-state.active{background:#fff5e3;color:#a95600;border:1px solid #ffe0a8}.premium-order-state.completed{background:#ecfdf3;color:#167139;border:1px solid #caeed4}
.premium-products{display:grid}.premium-product-row{display:grid;grid-template-columns:minmax(210px,1.45fr) 82px 95px 95px 112px 170px;gap:10px;align-items:center;padding:10px 16px 10px 18px;min-height:64px;border-top:1px solid #f3f6f9}.premium-product-row:first-child{border-top:0}.premium-product-main{min-width:0}.premium-product-index{display:block;font-size:7px;color:#9aa6b6;font-weight:900;letter-spacing:.08em}.premium-product-main>strong{display:block;margin-top:3px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-file-ok,.premium-file-missing{display:block;margin-top:4px;font-size:8px;font-weight:800}.premium-file-ok{color:#168448}.premium-file-missing{color:#b42318}.premium-spec{padding-left:10px;border-left:1px solid #edf2f7;min-width:0}.premium-spec span{display:block;text-transform:uppercase;font-size:6px;letter-spacing:.06em;color:#9aa6b5;font-weight:900}.premium-spec strong{display:block;margin-top:3px;font-size:10px;color:#2b3b50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-product-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.premium-product-state{padding:6px 8px;border-radius:8px;font-size:8px;font-weight:900;white-space:nowrap}.premium-product-state.pending{color:#175ecd;background:#eef5ff;border:1px solid #d5e6ff}.premium-product-state.prepared{color:#7043d5;background:#f4efff;border:1px solid #e3d7ff}.premium-product-state.completed{color:#15803d;background:#ecfdf3;border:1px solid #d0f0db}.premium-prepare-btn{height:34px!important;min-height:34px!important;padding:0 12px!important;border-radius:9px!important;border:1px solid #0c3261!important;background:linear-gradient(180deg,#143e73,#092d58)!important;color:#fff!important;font-size:9px!important;font-weight:900!important;box-shadow:none!important}.premium-order-completed .premium-prepare-btn{background:#fff!important;color:#44566f!important;border-color:#d8e1eb!important}.premium-section-empty{padding:16px;border:1px dashed #cad6e3;border-radius:12px;color:#74849a;text-align:center;font-size:10px;background:rgba(255,255,255,.6)}
#step2 .step-title{display:none!important}.fullwidth-editor{max-width:none!important}.editor-fullwidth-layout{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(355px,.78fr)!important;gap:18px!important;align-items:start!important}.editor-left-column,.editor-right-column{min-width:0!important}.editor-preview-sticky{position:sticky!important;top:0!important}.preview-panel.editor-preview-panel{padding:0!important;overflow:hidden!important;background:#fff!important;border:1px solid #dbe4ee!important;border-radius:17px!important;box-shadow:0 8px 24px rgba(24,45,75,.035)!important}.preview-heading{height:52px!important;padding:0 16px!important;margin:0!important;border-bottom:1px solid #edf2f7!important}.preview-heading h3{font-size:12px!important;color:#10213c!important}.preview-heading span{font-size:8px!important;color:#8190a4!important}.preview-toolbar{gap:5px!important}.preview-tool-btn{height:31px!important;border-radius:8px!important;font-size:8px!important}.preview-zoom-btn,.preview-zoom-value,.preview-size-btn{height:31px!important;border-radius:8px!important;font-size:8px!important}.preview{min-height:520px!important;height:min(58vh,610px)!important;margin:0!important;border:0!important;border-radius:0!important;background-color:#f9fbfd!important;background-image:linear-gradient(45deg,#eef2f6 25%,transparent 25%),linear-gradient(-45deg,#eef2f6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef2f6 75%),linear-gradient(-45deg,transparent 75%,#eef2f6 75%)!important;background-size:24px 24px!important;background-position:0 0,0 12px,12px -12px,-12px 0!important}.measureline{margin:0!important;padding:8px 14px!important;background:#fbfcfe!important;border-top:1px solid #edf2f7!important;color:#667991!important;font-size:9px!important}.toggle{margin:0!important;padding:9px 14px!important;border-top:1px solid #edf2f7!important;font-size:9px!important;background:#fff!important}.cutbox{margin:0!important;padding:9px 14px!important;border:0!important;border-top:1px solid #edf2f7!important;border-radius:0!important;background:#fbfcfe!important;font-size:8px!important;color:#667991!important}.tech-only{display:none!important}
.premium-preview-footer{padding:11px 14px 13px!important;border-top:1px solid #edf2f7!important;background:#fff!important}.premium-preview-caption{margin-bottom:8px;color:#667991;font-size:8px}.premium-preview-footer .simple-checks{margin:0!important;padding:0!important;border:0!important;background:transparent!important}.premium-preview-footer .secondary-actions{display:flex!important;gap:8px!important;justify-content:flex-end!important}.premium-preview-footer #simpleClean{height:40px!important;padding:0 17px!important;border-radius:10px!important;border:1px solid #b8cce2!important;background:linear-gradient(180deg,#fff,#f6f9fc)!important;color:#17304f!important;font-size:10px!important;font-weight:900!important;box-shadow:0 5px 14px rgba(25,48,79,.05)!important}.premium-preview-footer #simpleRestore{height:40px!important;padding:0 15px!important;border-radius:10px!important;border:1px solid #cfdbea!important;background:#fff!important;color:#56677d!important;font-size:9px!important;font-weight:850!important}.premium-preview-footer #simpleSimplifyStatus{font-size:8px!important;margin-top:7px!important}
.commands-heading{margin:0 0 10px!important;padding:0!important}.commands-heading strong{font-size:12px!important}.commands-heading span{font-size:8px!important;color:#8190a4!important}.simple-settings{display:grid!important;gap:10px!important}.simple-settings>.field,.background-box,.result-strip,.workflow-compact,.client-material-box,.advanced-details{margin:0 0 10px!important;padding:13px 14px!important;background:#fff!important;border:1px solid #dbe4ee!important;border-radius:14px!important;box-shadow:0 5px 16px rgba(24,45,75,.025)!important}.simple-settings>.field label{font-size:10px!important;color:#1a2b43!important;margin-bottom:8px!important}.simple-settings>.field .input-wrap{height:40px!important;border-radius:9px!important;background:#fbfcfe!important}.simple-settings>.field input{font-size:11px!important}.mini{font-size:8px!important;color:#8190a4!important}.simple-presets{gap:7px!important}.preset-btn{min-height:38px!important;height:auto!important;padding:8px 7px!important;border-radius:9px!important;background:#fbfcfe!important;border:1px solid #d9e3ed!important;color:#5d6e84!important;font-size:8px!important;font-weight:800!important;line-height:1.15!important;white-space:normal!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important}.preset-btn.active{border-color:#9dbbdd!important;background:#edf5ff!important;color:#164f89!important;box-shadow:inset 0 0 0 1px #c8ddf3!important}.shape-presets-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.shape-presets-grid .preset-btn{font-size:9px!important;padding:9px 6px!important}.image-position-box{margin:0 0 10px!important;padding:13px 14px!important;border-radius:14px!important;border:1px solid #dbe4ee!important;background:#fff!important;box-shadow:0 5px 16px rgba(24,45,75,.025)!important}.background-box{margin-top:0!important}.result-strip{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}.result-strip .statusline{padding:0!important;border:0!important;background:transparent!important;font-size:8px!important}.workflow-compact{display:grid!important;gap:7px!important}.workflow-mini{border:0!important;background:transparent!important;padding:0!important}.workflow-mini summary{padding:8px 10px!important;border:1px solid #dce6ef!important;border-radius:9px!important;background:#fbfcfe!important;font-size:9px!important}.workflow-mini-detail{font-size:8px!important}.client-material-box{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.client-material-kicker{font-size:7px!important}.client-material-box-copy>strong{font-size:10px!important}.client-material-open{height:34px!important;padding:0 11px!important;border-radius:8px!important;font-size:8px!important}.advanced-details>summary{font-size:9px!important;font-weight:850!important}.advanced-inner{padding:10px 0 0!important}.simplify-panel{border-radius:10px!important}.app-screen-actions{margin-top:12px!important;padding:0!important;border:0!important}.app-primary-action,.app-secondary-action{height:44px!important;border-radius:10px!important;font-size:9px!important;font-weight:900!important}.app-primary-action{background:linear-gradient(180deg,#153f74,#092d58)!important;box-shadow:0 7px 16px rgba(14,49,91,.13)!important}
.woo-loaded-order-banner{margin-bottom:12px!important;border-radius:12px!important}
#sheetCard .step-title{padding:0 0 14px!important}.sheet-layout,.sheet-controls,.sheet-preview,.production-panel,#sheetCard .field{border-radius:12px!important}.save-panel,.sheet-card,.production-summary{border-color:#dbe4ee!important;box-shadow:0 5px 16px rgba(24,45,75,.025)!important}
@media(max-width:1180px){.app-shell{grid-template-columns:215px minmax(0,1fr)!important}.editor-fullwidth-layout{grid-template-columns:minmax(0,1.35fr) minmax(330px,.8fr)!important}.premium-product-row{grid-template-columns:minmax(185px,1.4fr) 78px 92px 92px 155px}.premium-material-spec{display:none!important}}
@media(max-width:900px){body{overflow:auto!important}.app-shell{display:block!important;height:auto!important}.app-sidebar{display:none!important}.app-workspace{min-height:100vh!important}.editor-fullwidth-layout{grid-template-columns:1fr!important}.editor-preview-sticky{position:relative!important}.premium-order-head{grid-template-columns:1fr auto!important}.premium-order-customer{grid-column:1/-1!important}.premium-product-row{grid-template-columns:1fr 1fr!important}.premium-product-main,.premium-product-actions{grid-column:1/-1!important}.premium-spec{padding-left:0!important;border-left:0!important}.premium-product-actions{justify-content:flex-start!important}}
.app-nav-copy strong{font-size:15px!important}
.app-nav-copy small{font-size:11px!important;line-height:1.25!important}
.new-job-btn{font-size:12px!important}.app-version{font-size:10px!important}
.app-step-eyebrow{font-size:11px!important}.app-ready-badge{font-size:11px!important}
.step-title p,.orders-hero p{font-size:13px!important;line-height:1.45!important}
.orders-kicker{font-size:11px!important}.woo-connection-badge{font-size:11px!important}
.woo-connected-actions button,.woo-connect-actions button{font-size:11px!important}
.woo-orders-count{font-size:11px!important}.premium-order-search input{font-size:13px!important}
.premium-section-title{font-size:20px!important}.premium-section-count{font-size:11px!important}
.premium-order-number strong{font-size:18px!important}
.premium-order-number small,.premium-order-customer small{font-size:11px!important;line-height:1.35!important}
.premium-order-customer strong{font-size:14px!important}.premium-order-state{font-size:10px!important}
.premium-product-index{font-size:9px!important}.premium-product-main>strong{font-size:13px!important}
.premium-file-ok,.premium-file-missing{font-size:10px!important}.premium-spec span{font-size:8px!important}
.premium-spec strong{font-size:12px!important}.premium-product-state{font-size:10px!important}
.premium-prepare-btn{font-size:11px!important;min-height:38px!important;height:38px!important}
.premium-section-empty{font-size:12px!important}
.preview-heading h3{font-size:15px!important}.preview-heading span{font-size:10px!important}
.preview-tool-btn,.preview-zoom-btn,.preview-zoom-value,.preview-size-btn{font-size:10px!important}
.measureline,.toggle{font-size:11px!important}.cutbox{font-size:10px!important;line-height:1.4!important}
.premium-preview-caption{font-size:10px!important}
.premium-preview-footer #simpleClean{font-size:12px!important;min-height:42px!important}
.premium-preview-footer #simpleRestore{font-size:11px!important;min-height:42px!important}
.premium-preview-footer #simpleSimplifyStatus{font-size:10px!important}
.commands-heading strong{font-size:15px!important}.commands-heading span{font-size:10px!important}
.simple-settings>.field label{font-size:12px!important}.simple-settings>.field input{font-size:13px!important}
.mini{font-size:10px!important;line-height:1.35!important}.preset-btn{font-size:10px!important;min-height:40px!important}
.result-strip .statusline{font-size:10px!important;line-height:1.4!important}
.workflow-mini summary{font-size:11px!important}.workflow-mini-detail{font-size:10px!important;line-height:1.5!important}
.client-material-kicker{font-size:9px!important}.client-material-box-copy>strong{font-size:12px!important}
.client-material-open{font-size:10px!important}.advanced-details>summary{font-size:11px!important}
.app-primary-action,.app-secondary-action{font-size:11px!important;min-height:46px!important}
.woo-loaded-order-banner{font-size:11px!important}
.premium-order-head{grid-template-columns:165px minmax(250px,1fr) auto!important;padding-top:14px!important;padding-bottom:13px!important}
.premium-product-row{grid-template-columns:minmax(220px,1.45fr) 88px 105px 105px 122px 185px!important;min-height:72px!important}
.simple-settings>.field,.background-box,.result-strip,.workflow-compact,.client-material-box,.advanced-details{padding:14px 15px!important}
#step2{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
#step2>.step-title{display:none!important}
#step2 .woo-loaded-order-banner{min-height:58px!important;margin:0 0 18px!important;padding:10px 13px 10px 15px!important;border:1px solid #cbe9d5!important;border-radius:14px!important;background:linear-gradient(180deg,#f5fff8,#effaf3)!important;box-shadow:none!important;align-items:center!important}
#step2 .woo-loaded-order-banner span{font-size:9px!important;letter-spacing:.08em!important;color:#17703a!important;font-weight:950!important}
#step2 .woo-loaded-order-banner strong{font-size:13px!important;color:#17344e!important}
#step2 .woo-loaded-order-banner small{font-size:10px!important;color:#61768e!important}
#step2 #backToWooOrders{height:36px!important;padding:0 13px!important;border-radius:9px!important;border:1px solid #bfe3cc!important;background:#fff!important;color:#176338!important;font-size:10px!important;font-weight:900!important}
#step2 .editor-fullwidth-layout{display:grid!important;grid-template-columns:minmax(0,1.65fr) 390px!important;gap:18px!important;align-items:start!important}
#step2 .editor-left-column,#step2 .editor-right-column{min-width:0!important}
#step2 .editor-preview-sticky{position:static!important;top:auto!important}
#step2 .editor-preview-panel{border:1px solid #dbe4ee!important;border-radius:17px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 8px 22px rgba(24,45,75,.035)!important}
#step2 .preview-heading{min-height:52px!important;padding:8px 16px!important;border-bottom:1px solid #edf2f7!important;background:#fff!important}
#step2 .preview-heading h3{font-size:14px!important;color:#13233c!important}
#step2 .preview-heading span{font-size:10px!important;color:#7a899d!important}
#step2 .preview-toolbar{gap:6px!important}
#step2 .preview-tool-btn,#step2 .preview-zoom-btn,#step2 .preview-zoom-value,#step2 .preview-size-btn{min-height:32px!important;height:32px!important;border-radius:8px!important;border:1px solid #d7e1ec!important;background:#fff!important;color:#40546e!important;font-size:10px!important;font-weight:800!important;box-shadow:none!important}
#step2 #preview{min-height:570px!important;height:570px!important;border:0!important;border-radius:0!important;margin:0!important;background-color:#fafcff!important}
#step2 .measureline{margin:0!important;padding:11px 15px!important;border-top:1px solid #edf2f7!important;border-radius:0!important;background:#fff!important;font-size:10px!important;color:#687a91!important;text-align:left!important}
#step2 .premium-preview-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:wrap!important;padding:12px 15px!important;border-top:1px solid #edf2f7!important;background:#fff!important}
#step2 .premium-preview-caption{font-size:10px!important;color:#687a91!important}
#step2 .simple-checks{margin-left:auto!important}
#step2 .secondary-actions{display:flex!important;gap:8px!important}
#step2 #simpleClean{min-height:42px!important;height:42px!important;padding:0 16px!important;border-radius:10px!important;border:1px solid #bfd1e4!important;background:linear-gradient(180deg,#fff,#f5f8fb)!important;color:#173a60!important;font-size:11px!important;font-weight:950!important;box-shadow:0 5px 13px rgba(20,47,78,.05)!important}
#step2 #simpleRestore{min-height:42px!important;height:42px!important;padding:0 13px!important;border-radius:10px!important;border:1px solid #d6e1ec!important;background:#fff!important;color:#5b6d83!important;font-size:10px!important;font-weight:850!important}
#step2 #simplePoints,#step2 #simpleSimplifyStatus{font-size:10px!important}
#step2 .editor-right-column{display:grid!important;gap:11px!important}
#step2 .commands-heading,#step2 .simple-settings{display:none!important}
#step2 .premium-simple-group{background:#fff!important;border:1px solid #dbe4ee!important;border-radius:15px!important;padding:14px!important;box-shadow:0 5px 16px rgba(24,45,75,.025)!important}
#step2 .premium-simple-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
#step2 .premium-simple-group-head strong{font-size:13px!important;color:#13233c!important}
#step2 .premium-simple-group-head span{font-size:9px!important;color:#8593a5!important}
#step2 .premium-simple-grid-2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
#step2 .premium-simple-group .field{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#step2 .premium-simple-group .field>label{display:block!important;margin:0 0 6px!important;font-size:10px!important;color:#52647b!important;font-weight:750!important}
#step2 .premium-simple-group .input-wrap{height:42px!important;border:1px solid #d5dfeb!important;border-radius:9px!important;background:#fbfcfe!important}
#step2 .premium-simple-group .input-wrap input{font-size:13px!important;color:#13233c!important;font-weight:700!important}
#step2 .premium-simple-group .unit{font-size:9px!important}
#step2 .premium-simple-group .mini{font-size:9px!important;line-height:1.35!important;margin-top:6px!important}
#step2 .premium-simple-group .simple-presets{display:grid!important;gap:7px!important}
#step2 .premium-simple-group .preset-btn{min-height:39px!important;height:auto!important;padding:8px 7px!important;font-size:10px!important;line-height:1.15!important}
#step2 .premium-simple-group .shape-presets-grid{grid-template-columns:1fr 1fr!important}
#step2 .premium-simple-group>#imagePositionControls{margin:12px 0 0!important;padding:12px 0 0!important;border:0!important;border-top:1px solid #edf2f7!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#step2 .premium-simple-group>#imagePositionControls .image-position-head{margin-bottom:9px!important}
#step2 .premium-simple-group>#imagePositionControls .image-position-head strong{font-size:11px!important}
#step2 .premium-simple-group>#imagePositionControls .mini{font-size:9px!important}
#step2 .premium-simple-group>#imagePositionControls .image-position-reset{height:34px!important;font-size:9px!important;border-radius:8px!important}
#step2 .premium-simple-group>#imagePositionControls .position-row{font-size:10px!important}
#step2 .premium-simple-subsection{margin-top:12px!important;padding-top:12px!important;border-top:1px solid #edf2f7!important}
#step2 .premium-simple-subtitle{font-size:10px!important;font-weight:850!important;color:#52647b!important;margin-bottom:8px!important}
#step2 .premium-simple-cut-grid{grid-template-columns:repeat(3,1fr)!important}
#step2 .client-material-box{margin:0!important;padding:10px 11px!important;border:1px solid #d8e2ec!important;border-radius:10px!important;background:#fbfcfe!important;box-shadow:none!important}
#step2 .client-material-kicker{font-size:8px!important}
#step2 .client-material-box-copy>strong{font-size:11px!important}
#step2 .client-material-box .mini{font-size:8px!important}
#step2 .client-material-open{height:36px!important;font-size:9px!important;border-radius:9px!important}
#step2 .premium-control-stack{display:grid!important;gap:8px!important}
#step2 .workflow-compact{display:grid!important;gap:8px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#step2 .workflow-mini{margin:0!important;border:0!important;background:transparent!important;padding:0!important}
#step2 .workflow-mini summary{min-height:44px!important;padding:10px 11px!important;border:1px solid #dbe4ee!important;border-radius:10px!important;background:#fbfcfe!important;font-size:10px!important;font-weight:850!important;color:#354b66!important}
#step2 #fileCheckMini summary{border-color:#ccebd7!important;background:#f4fff7!important;color:#185e36!important}
#step2 .workflow-mini-detail{font-size:9px!important;line-height:1.4!important;padding:8px 10px 0!important}
#step2 .premium-advanced-master{margin:0!important;border:1px solid #dbe4ee!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important}
#step2 .premium-advanced-master>summary{list-style:none!important;cursor:pointer!important;min-height:44px!important;padding:0 13px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;font-size:10px!important;font-weight:850!important;color:#40556f!important}
#step2 .premium-advanced-master>summary::-webkit-details-marker{display:none!important}
#step2 .premium-advanced-master>summary::after{content:'Dettagli tecnici  ▾';font-size:9px!important;color:#7c8a9d!important;font-weight:700!important}
#step2 .premium-advanced-master[open]>summary::after{content:'Nascondi opzioni  ▴'}
#step2 .premium-advanced-content{padding:0 12px 12px!important;display:grid!important;gap:10px!important}
#step2 .premium-advanced-content>.toggle,#step2 .premium-advanced-content>.cutbox,#step2 .premium-advanced-content>.image-position-box,#step2 .premium-advanced-content>.background-box,#step2 .premium-advanced-content>.result-strip,#step2 .premium-advanced-content>.advanced-details{margin:0!important}
#step2 .premium-advanced-content>.toggle{padding:10px 11px!important;border:1px solid #dbe4ee!important;border-radius:10px!important;background:#fbfcfe!important;font-size:10px!important}
#step2 .premium-advanced-content>.cutbox{padding:10px 11px!important;border-radius:10px!important;font-size:10px!important}
#step2 .image-position-box,#step2 .background-box,#step2 .result-strip,#step2 .advanced-details{box-shadow:none!important}
#step2 .result-strip{font-size:10px!important}
#step2 .premium-simple-group>#bgControls.premium-bg-inline{margin:12px 0 0!important;padding:12px!important;border:1px solid #f0d79f!important;border-radius:11px!important;background:#fffaf0!important;box-shadow:none!important;color:#573c00!important}
#step2 #bgControls.premium-bg-inline>strong{display:block!important;font-size:11px!important;color:#694a08!important}
#step2 #bgControls.premium-bg-inline>.mini{font-size:9px!important;line-height:1.4!important;color:#7a6435!important}
#step2 #bgControls.premium-bg-inline .background-main{grid-template-columns:minmax(0,1.2fr) minmax(120px,.8fr)!important;gap:9px!important;margin-top:10px!important}
#step2 #bgControls.premium-bg-inline .background-main>.field{padding:10px!important;border:1px solid #ead9b1!important;border-radius:9px!important;background:#fff!important}
#step2 #bgControls.premium-bg-inline .field>label{display:block!important;margin:0 0 6px!important;font-size:9px!important;font-weight:850!important;color:#5d4a1f!important}
#step2 #bgControls.premium-bg-inline #internalFillMode,#step2 #bgControls.premium-bg-inline #bgPreset{width:100%!important;min-height:38px!important;border:1px solid #d9dfE7!important;border-radius:8px!important;background:#fbfcfe!important;padding:0 9px!important;font-size:9px!important;color:#2e4058!important}
#step2 #bgControls.premium-bg-inline .input-wrap{height:38px!important;border:1px solid #d9e1e9!important;border-radius:8px!important;background:#fbfcfe!important}
#step2 #bgControls.premium-bg-inline .input-wrap input{font-size:11px!important;font-weight:750!important;color:#263950!important}
#step2 #bgControls.premium-bg-inline #autoFillSwatch{width:28px!important;height:28px!important;border-radius:8px!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)!important}
#step2 #bgControls.premium-bg-inline .color-preview-line{gap:8px!important;margin-top:8px!important}
#step2 #bgControls.premium-bg-inline>.advanced-details{margin:9px 0 0!important;border:1px solid #ead9b1!important;border-radius:9px!important;background:#fff!important;overflow:hidden!important}
#step2 #bgControls.premium-bg-inline>.advanced-details>summary{min-height:38px!important;padding:0 10px!important;display:flex!important;align-items:center!important;font-size:9px!important;font-weight:850!important;color:#654d16!important;cursor:pointer!important}
#step2 #bgControls.premium-bg-inline>.advanced-details .advanced-inner{padding:0 10px 10px!important}
#step2 #bgControls.premium-bg-inline>.advanced-details .controls{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
#step2 #bgControls.premium-bg-inline>.advanced-details .controls>.field:last-child{grid-column:1/-1!important}
#step2 #bgControls.premium-bg-inline #bgTolerance{width:100%!important}
#step2 #bgControls.premium-bg-inline #reprocessBgBtn{width:100%!important;min-height:36px!important;border-radius:8px!important;font-size:9px!important}
#step2 .app-screen-actions{position:sticky!important;bottom:10px!important;z-index:30!important;margin:16px 0 0!important;padding:10px 12px!important;border:1px solid #d6e0ea!important;border-radius:14px!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(14px)!important;box-shadow:0 8px 28px rgba(20,41,68,.10)!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important}
#step2 .app-secondary-action,#step2 .app-primary-action{height:42px!important;min-height:42px!important;border-radius:9px!important;font-size:10px!important;font-weight:900!important}
#step2 .app-primary-action{min-width:190px!important}
@media(max-width:1180px){#step2 .editor-fullwidth-layout{grid-template-columns:minmax(0,1fr) 360px!important}}
@media(max-width:980px){#step2 .editor-fullwidth-layout{grid-template-columns:1fr!important}#step2 #preview{height:500px!important;min-height:500px!important}}


/* --- mystickers-mobile-hotfix-v2 --- */

@media (max-width: 900px){
  html,body{
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .app-shell{
    display:block!important;
    height:auto!important;
    min-height:100vh!important;
    overflow:visible!important;
  }
  .app-workspace{
    display:block!important;
    height:auto!important;
    min-height:100vh!important;
    overflow:visible!important;
  }
  .app-topbar{
    position:sticky!important;
    top:0!important;
    min-height:60px!important;
    padding:10px 12px!important;
  }
  .app-topbar h1{font-size:17px!important;}
  .app-step-eyebrow{font-size:9px!important;}
  .app-scroll{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding:10px 10px 96px!important;
  }
  .app-scroll>.wrap{
    padding:0!important;
    overflow:visible!important;
  }
  .app-screen{
    width:100%!important;
    max-width:none!important;
    overflow:visible!important;
  }
  #step2,
  body.app-step-2-active #step2{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  #step2 .editor-fullwidth-layout,
  body.app-step-2-active #step2 .editor-fullwidth-layout{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .editor-left-column,
  .editor-right-column,
  body.app-step-2-active .editor-left-column,
  body.app-step-2-active .editor-right-column{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .editor-preview-sticky,
  body.app-step-2-active .editor-left-column .editor-preview-sticky{
    position:relative!important;
    top:auto!important;
    height:auto!important;
    overflow:visible!important;
  }
  .editor-preview-panel,
  body.app-step-2-active .editor-left-column .editor-preview-panel{
    height:auto!important;
    overflow:visible!important;
  }
  .preview-heading{
    height:auto!important;
    min-height:48px!important;
    padding:8px 10px!important;
    flex-wrap:wrap!important;
    gap:7px!important;
  }
  .preview-heading span{display:none!important;}
  .preview-toolbar{
    width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    gap:5px!important;
  }
  .preview-tool-btn,.preview-size-btn,
  .preview-zoom-btn,.preview-zoom-value{
    min-height:34px!important;
    font-size:9px!important;
  }
  .preview,
  body.app-step-2-active .editor-left-column .preview{
    width:100%!important;
    height:310px!important;
    min-height:310px!important;
    max-height:310px!important;
    padding:8px!important;
    overflow:hidden!important;
  }
  .preview>svg,
  body.app-step-2-active .editor-left-column .preview>svg{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
  }
  .premium-preview-footer{padding:10px!important;}
  .premium-preview-footer .secondary-actions{
    justify-content:stretch!important;
  }
  .premium-preview-footer .secondary-actions button{
    flex:1 1 0!important;
    min-height:42px!important;
  }
  .commands-heading{
    margin:4px 0 8px!important;
    padding:10px 2px 0!important;
  }
  .commands-heading strong{font-size:14px!important;}
  .commands-heading span{font-size:10px!important;}
  .simple-settings>.field,
  .background-box,.result-strip,.workflow-compact,.client-material-box,.advanced-details,
  .image-position-box{
    padding:12px!important;
    margin-bottom:9px!important;
  }
  .simple-settings>.field label{font-size:12px!important;}
  .simple-settings>.field .input-wrap{height:46px!important;}
  .simple-settings>.field input{font-size:14px!important;}
  .preset-btn{
    min-height:44px!important;
    font-size:10px!important;
  }
  .app-screen-actions,
  body.app-step-2-active #step2 .app-screen-actions{
    position:sticky!important;
    bottom:0!important;
    z-index:50!important;
    display:flex!important;
    width:100%!important;
    margin:12px 0 0!important;
    padding:10px!important;
    background:rgba(255,255,255,.97)!important;
    border-top:1px solid #dbe4ee!important;
    box-shadow:0 -5px 18px rgba(15,35,61,.08)!important;
  }
  .app-screen-actions button{
    min-height:48px!important;
    font-size:11px!important;
  }
  #goStep2Btn{width:100%!important;display:block!important;}
}


/* --- mystickers-mobile-hotfix-v3 --- */

@media (max-width: 900px){
  #step2 #preview,
  body.app-step-2-active #step2 #preview{
    width:100%!important;
    height:290px!important;
    min-height:290px!important;
    max-height:290px!important;
    overflow:hidden!important;
    padding:8px!important;
  }
  #step2 #preview > svg,
  #step2 #preview svg{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
  }
  #step2 .editor-preview-panel{
    height:auto!important;
    min-height:0!important;
  }
  #step2 .editor-left-column{
    height:auto!important;
    min-height:0!important;
  }
  #step2 .editor-right-column{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    margin-top:12px!important;
  }
  #step2 .commands-heading{
    display:block!important;
    position:relative!important;
    top:auto!important;
  }
  #step2 .simple-settings,
  #step2 .background-box,
  #step2 .result-strip,
  #step2 .simple-checks,
  #step2 .image-position-box,
  #step2 .advanced-details{
    display:block;
    visibility:visible!important;
  }
  #step2 .simple-settings{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  #step2 .app-screen-actions{
    display:flex!important;
    position:sticky!important;
    bottom:0!important;
    z-index:100!important;
  }
  .app-scroll{
    overflow:visible!important;
    height:auto!important;
    max-height:none!important;
    padding-bottom:110px!important;
  }
}
@media (max-width: 480px){
  #step2 #preview,
  body.app-step-2-active #step2 #preview{
    height:260px!important;
    min-height:260px!important;
    max-height:260px!important;
  }
}


/* --- mystickers-mobile-preview-v4 --- */

@media (max-width: 900px){
  #step2 #preview,
  body.app-step-2-active #step2 #preview{
    width:100%!important;
    height:clamp(340px, 44vh, 500px)!important;
    min-height:340px!important;
    max-height:500px!important;
    overflow:hidden!important;
    padding:10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }
  #step2 #preview > svg,
  #step2 #preview svg{
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:100%!important;
    display:block!important;
    margin:auto!important;
    flex:0 1 auto!important;
  }
  #step2 .preview-heading{
    gap:8px!important;
  }
  #step2 .preview-heading>div:first-child span{
    display:none!important;
  }
  #step2 .preview-toolbar{
    margin-top:6px!important;
  }
}
@media (max-width: 480px){
  #step2 #preview,
  body.app-step-2-active #step2 #preview{
    height:clamp(330px, 42vh, 440px)!important;
    min-height:330px!important;
    max-height:440px!important;
  }
}


/* --- mystickers-mobile-premium-v5 --- */

@media (max-width: 900px){
  :root{
    --m-bg:#f2f5f9;
    --m-card:#ffffff;
    --m-ink:#0e213b;
    --m-muted:#748399;
    --m-line:#dce5ef;
    --m-navy:#0b2d55;
    --m-navy-2:#123f74;
    --m-blue-soft:#edf5ff;
    --m-green:#168447;
    --m-shadow:0 10px 28px rgba(16,42,73,.07);
  }
  html,body{
    background:var(--m-bg)!important;
    color:var(--m-ink)!important;
    font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;
    overscroll-behavior-y:none;
  }
  body{padding-bottom:env(safe-area-inset-bottom)!important}
  button,input,select,summary{-webkit-tap-highlight-color:transparent}
  button{touch-action:manipulation}
  .app-workspace{
    background:linear-gradient(180deg,#f8fbff 0,#f2f5f9 170px,#f2f5f9 100%)!important;
  }
  .app-topbar{
    position:sticky!important;
    top:0!important;
    z-index:160!important;
    min-height:74px!important;
    padding:12px 14px!important;
    align-items:center!important;
    background:rgba(255,255,255,.91)!important;
    border-bottom:1px solid rgba(209,221,234,.9)!important;
    box-shadow:0 5px 22px rgba(20,45,75,.045)!important;
    backdrop-filter:blur(18px) saturate(1.3)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.3)!important;
  }
  .app-step-eyebrow{
    display:block!important;
    font-size:9px!important;
    line-height:1!important;
    letter-spacing:.14em!important;
    font-weight:900!important;
    color:#66809f!important;
  }
  .app-topbar h1{
    margin:5px 0 0!important;
    max-width:235px!important;
    font-size:19px!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
    color:#10233e!important;
  }
  .app-ready-badge{
    min-width:auto!important;
    height:34px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    font-size:9px!important;
    font-weight:850!important;
    white-space:nowrap!important;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.025)!important;
  }
  .app-scroll{
    padding:14px 12px calc(118px + env(safe-area-inset-bottom))!important;
  }
  .app-scroll>.wrap{max-width:680px!important;margin:0 auto!important}
  .app-screen{animation:msMobileIn .18s ease-out both}
  @keyframes msMobileIn{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}
  
  #step1 .step-title{display:none!important}
  #step1 .upload-layout{display:block!important}
  #step1 .drop{
    min-height:300px!important;
    padding:24px 18px!important;
    border:1.5px dashed #b9cbe0!important;
    border-radius:24px!important;
    background:
      radial-gradient(circle at 50% 5%,rgba(43,105,176,.09),transparent 44%),
      #fff!important;
    box-shadow:var(--m-shadow)!important;
  }
  #step1 .drop>div{width:100%!important;max-width:350px!important}
  #step1 .drop div[style*="font-size:46px"]{
    width:72px!important;height:72px!important;
    display:grid!important;place-items:center!important;
    margin:0 auto 18px!important;
    border-radius:22px!important;
    background:linear-gradient(145deg,#eef6ff,#e2edf9)!important;
    color:#124b83!important;
    font-size:31px!important;
    box-shadow:inset 0 0 0 1px #d3e2f1!important;
  }
  #step1 #choose{
    width:100%!important;
    min-height:56px!important;
    padding:0 20px!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,#174c84,#0a315c)!important;
    color:white!important;
    font-size:15px!important;
    font-weight:900!important;
    letter-spacing:-.01em!important;
    box-shadow:0 10px 20px rgba(13,54,97,.18),inset 0 1px 0 rgba(255,255,255,.15)!important;
  }
  #step1 .drop .small{
    margin-top:13px!important;
    font-size:11px!important;
    line-height:1.4!important;
    color:#8391a4!important;
  }
  #step1 .upload-help{
    margin-top:12px!important;
    padding:14px 15px!important;
    border:1px solid #dce6ef!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.88)!important;
    color:#64758c!important;
    font-size:11px!important;
    line-height:1.5!important;
    box-shadow:0 5px 18px rgba(20,45,75,.035)!important;
  }
  
  #step2 .editor-fullwidth-layout{gap:14px!important}
  #step2 .editor-preview-panel{
    border:1px solid #d8e3ee!important;
    border-radius:22px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:var(--m-shadow)!important;
  }
  #step2 .preview-heading{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    padding:14px!important;
    background:linear-gradient(180deg,#fff,#fbfdff)!important;
    border-bottom:1px solid #e7edf4!important;
  }
  #step2 .preview-heading>div:first-child{margin-bottom:11px!important}
  #step2 .preview-heading h3{
    margin:0!important;
    font-size:16px!important;
    line-height:1.15!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
    color:#10233e!important;
  }
  #step2 .preview-toolbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
  }
  #step2 #previewBgToggle{
    grid-column:1/-1!important;
    width:100%!important;
    min-height:44px!important;
    height:44px!important;
    padding:0 12px!important;
    border:1px solid #d9e3ed!important;
    border-radius:13px!important;
    background:#f7f9fc!important;
    color:#435a75!important;
    font-size:11px!important;
    font-weight:850!important;
  }
  #step2 .preview-zoom-controls{
    width:100%!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    border:1px solid #d9e3ed!important;
    border-radius:13px!important;
    overflow:hidden!important;
    background:#f7f9fc!important;
  }
  #step2 .preview-zoom-btn,#step2 .preview-zoom-value{
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#324a66!important;
    font-size:13px!important;
    font-weight:900!important;
    box-shadow:none!important;
  }
  #step2 .preview-zoom-value{border-left:1px solid #e0e7ef!important;border-right:1px solid #e0e7ef!important;font-size:11px!important}
  #step2 #togglePreviewSize{
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 10px!important;
    border:1px solid #d9e3ed!important;
    border-radius:13px!important;
    background:#f7f9fc!important;
    color:#324a66!important;
    font-size:11px!important;
    font-weight:850!important;
  }
  #step2 #preview,
  body.app-step-2-active #step2 #preview{
    width:100%!important;
    height:clamp(360px,48vh,540px)!important;
    min-height:360px!important;
    max-height:540px!important;
    padding:14px!important;
    background-color:#f8fafc!important;
    background-size:22px 22px!important;
    background-position:0 0,0 11px,11px -11px,-11px 0!important;
    border:0!important;
  }
  #step2 #preview svg{
    width:auto!important;height:auto!important;
    max-width:100%!important;max-height:100%!important;
    filter:drop-shadow(0 8px 12px rgba(15,31,52,.08));
  }
  #step2 .measureline{
    padding:10px 13px!important;
    font-size:10px!important;
    line-height:1.35!important;
    color:#65778e!important;
    background:#fff!important;
    border-top:1px solid #e8eef4!important;
  }
  #step2 .premium-preview-footer{background:#fff!important}
  
  #step2 .editor-right-column{margin-top:0!important}
  #step2 .premium-simple-group{
    margin:0 0 12px!important;
    padding:16px!important;
    border:1px solid #d9e4ee!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(17,43,73,.05)!important;
  }
  #step2 .premium-simple-group-head{
    margin-bottom:14px!important;
    padding-bottom:11px!important;
    border-bottom:1px solid #edf2f6!important;
  }
  #step2 .premium-simple-group-head strong{
    font-size:14px!important;
    font-weight:900!important;
    letter-spacing:-.015em!important;
    color:#122640!important;
  }
  #step2 .premium-simple-group-head span{
    padding:5px 8px!important;
    border-radius:999px!important;
    background:#eef4fa!important;
    color:#70839b!important;
    font-size:8px!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
  #step2 .premium-simple-grid-2{gap:10px!important}
  #step2 .premium-simple-group .field label,
  #step2 .premium-simple-subtitle{
    margin-bottom:7px!important;
    color:#566b84!important;
    font-size:10px!important;
    font-weight:850!important;
    letter-spacing:.01em!important;
  }
  #step2 .premium-simple-group .input-wrap{
    height:50px!important;
    border:1px solid #d8e2ec!important;
    border-radius:14px!important;
    background:#f8fafc!important;
    overflow:hidden!important;
  }
  #step2 .premium-simple-group input[type=number]{
    height:50px!important;
    padding-left:13px!important;
    border:0!important;
    background:transparent!important;
    font-size:15px!important;
    font-weight:850!important;
    color:#122943!important;
  }
  #step2 .premium-simple-group .unit{font-size:10px!important;color:#8291a3!important}
  #step2 .premium-simple-group .mini{font-size:9px!important;line-height:1.42!important;color:#8391a4!important}
  #step2 .simple-presets,
  #step2 .premium-simple-cut-grid,
  #step2 .shape-presets-grid{gap:8px!important}
  #step2 .preset-btn{
    min-height:50px!important;
    height:auto!important;
    padding:9px 8px!important;
    border:1px solid #d8e2ec!important;
    border-radius:14px!important;
    background:#f8fafc!important;
    color:#4d627b!important;
    font-size:11px!important;
    line-height:1.15!important;
    font-weight:850!important;
    box-shadow:none!important;
  }
  #step2 .preset-btn.active{
    border-color:#8eb5df!important;
    background:linear-gradient(180deg,#f3f8ff,#eaf4ff)!important;
    color:#124f88!important;
    box-shadow:inset 0 0 0 1px #c7dcf2,0 4px 12px rgba(37,98,160,.07)!important;
  }
  #step2 .premium-simple-subsection{
    margin-top:14px!important;
    padding-top:14px!important;
    border-top:1px solid #edf2f6!important;
  }
  #step2 .premium-simple-group>#imagePositionControls{
    margin-top:14px!important;
    padding-top:14px!important;
  }
  #step2 .image-position-reset,
  #step2 #reprocessBgBtn,
  #step2 .client-material-open{
    min-height:44px!important;
    height:44px!important;
    border-radius:13px!important;
    font-size:10px!important;
    font-weight:850!important;
  }
  #step2 .client-material-box{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:13px!important;
    border-radius:15px!important;
  }
  #step2 .client-material-box-copy>strong{font-size:12px!important}
  #step2 .client-material-open{width:100%!important}
  #step2 .workflow-mini summary{
    min-height:50px!important;
    padding:12px 13px!important;
    border-radius:14px!important;
    font-size:11px!important;
    line-height:1.25!important;
  }
  #step2 .workflow-mini-detail{font-size:10px!important;line-height:1.5!important}
  #step2 .premium-advanced-master{
    margin-bottom:4px!important;
    border-radius:17px!important;
    border:1px solid #d9e4ee!important;
    box-shadow:0 6px 18px rgba(17,43,73,.035)!important;
  }
  #step2 .premium-advanced-master>summary{
    min-height:52px!important;
    padding:0 15px!important;
    font-size:11px!important;
  }
  #step2 .premium-advanced-master>summary::after{font-size:9px!important}
  
  #step2 .premium-simple-group>#bgControls.premium-bg-inline{
    padding:14px!important;
    border-radius:15px!important;
  }
  #step2 #bgControls.premium-bg-inline .background-main{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  #step2 #bgControls.premium-bg-inline .background-main>.field{padding:11px!important;border-radius:12px!important}
  #step2 #bgControls.premium-bg-inline #internalFillMode,
  #step2 #bgControls.premium-bg-inline #bgPreset{
    min-height:46px!important;
    border-radius:12px!important;
    font-size:11px!important;
  }
  #step2 #bgControls.premium-bg-inline .input-wrap{height:46px!important;border-radius:12px!important}
  
  #step1 .app-screen-actions,
  #step2 .app-screen-actions{
    position:sticky!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    z-index:140!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
    margin:15px 0 0!important;
    padding:9px!important;
    border:1px solid rgba(207,220,233,.92)!important;
    border-radius:19px!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 12px 32px rgba(15,38,66,.13)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  #step2 .app-screen-actions{grid-template-columns:92px minmax(0,1fr)!important}
  .app-primary-action,
  .app-secondary-action{
    min-width:0!important;
    width:100%!important;
    min-height:54px!important;
    height:54px!important;
    padding:0 13px!important;
    border-radius:15px!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1.15!important;
  }
  .app-primary-action{
    border:0!important;
    background:linear-gradient(180deg,#174d85 0%,#0a315c 100%)!important;
    color:#fff!important;
    box-shadow:0 9px 19px rgba(11,51,94,.18),inset 0 1px 0 rgba(255,255,255,.16)!important;
  }
  .app-primary-action:disabled{opacity:.42!important;box-shadow:none!important}
  .app-secondary-action{
    border:1px solid #d7e1eb!important;
    background:#f6f8fb!important;
    color:#4a6079!important;
    box-shadow:none!important;
  }
  
  #sheetCard .step-title{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:4px 2px 12px!important;
  }
  #sheetCard .step-title h2{font-size:21px!important;line-height:1.15!important}
  #sheetCard .step-title p{font-size:10px!important;line-height:1.45!important}
  #sheetCard .app-title-back{
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    border-radius:14px!important;
  }
  #sheetCard .production-top{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:15px!important;
    border:1px solid #d9e4ee!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:var(--m-shadow)!important;
  }
  #sheetCard .production-top h3{font-size:15px!important;color:#132842!important}
  #sheetCard .production-top>.field{
    min-width:0!important;
    margin:0!important;
    padding:12px!important;
    border-radius:15px!important;
    background:#f8fafc!important;
  }
  #sheetCard #sheetFormat{
    min-height:50px!important;
    border:1px solid #d5e0eb!important;
    border-radius:13px!important;
    padding:0 12px!important;
    background:#fff!important;
    font-size:13px!important;
    font-weight:800!important;
    color:#19304b!important;
  }
  #sheetCard .quantity-production-box{
    padding:12px!important;
    border-radius:15px!important;
    background:#f8fafc!important;
  }
  #sheetCard .quantity-mode-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  #sheetCard .quantity-mode-btn{
    min-height:48px!important;
    padding:8px!important;
    border-radius:13px!important;
    font-size:10px!important;
    font-weight:850!important;
  }
  #sheetCard .quantity-input-wrap input{min-height:50px!important;font-size:15px!important}
  #sheetCard .sheet-info{
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
  }
  #sheetCard .sheet-stat{
    padding:12px!important;
    border-radius:15px!important;
    background:#fff!important;
    border:1px solid #dce5ee!important;
  }
  #sheetCard .sheet-stat span{font-size:9px!important}
  #sheetCard .sheet-stat strong{font-size:14px!important}
  #sheetCard .sheet-preview{
    margin-top:12px!important;
    padding:9px!important;
    border-radius:20px!important;
    border:1px solid #d9e4ee!important;
    background:#fff!important;
    box-shadow:var(--m-shadow)!important;
    overflow:auto!important;
  }
  #sheetCard .sheet-actions{margin-top:12px!important}
  #sheetCard .production-buttons{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  #sheetCard .production-buttons button{
    width:100%!important;
    min-height:54px!important;
    border-radius:15px!important;
    font-size:12px!important;
    font-weight:900!important;
  }
  
  .material-preview-modal{
    padding:12px 10px calc(12px + env(safe-area-inset-bottom))!important;
    align-items:flex-end!important;
    background:rgba(6,18,33,.52)!important;
    backdrop-filter:blur(5px)!important;
  }
  .material-preview-dialog{
    width:100%!important;
    max-width:680px!important;
    max-height:92vh!important;
    border-radius:24px 24px 18px 18px!important;
    overflow:auto!important;
    box-shadow:0 -12px 48px rgba(5,18,34,.22)!important;
  }
  .material-preview-header{padding:16px!important}
  .material-preview-header h2{font-size:19px!important}
  .material-preview-toolbar{padding:10px 14px!important;gap:9px!important;flex-direction:column!important;align-items:stretch!important}
  .material-preview-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  .material-tab{min-height:44px!important;font-size:10px!important}
  .material-select-control select{min-height:44px!important}
  .material-preview-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    padding:12px 14px!important;
  }
  .material-preview-actions button{min-height:48px!important;border-radius:13px!important;font-size:10px!important}
  .material-action-whatsapp,.material-action-primary{grid-column:1/-1!important}
  
  button:active,.preset-btn:active,.quantity-mode-btn:active{transform:scale(.985)}
}
@media (max-width: 420px){
  .app-topbar h1{max-width:205px!important;font-size:18px!important}
  .app-ready-badge{font-size:8px!important;padding:0 8px!important}
  #step2 #preview,
  body.app-step-2-active #step2 #preview{
    height:clamp(350px,46vh,470px)!important;
    min-height:350px!important;
    max-height:470px!important;
  }
  #step2 .premium-simple-grid-2{grid-template-columns:1fr 1fr!important}
  #step2 .premium-simple-cut-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #step2 .preset-btn{font-size:10px!important;padding:8px 5px!important}
  #step2 .app-screen-actions{grid-template-columns:82px minmax(0,1fr)!important}
  .app-primary-action,.app-secondary-action{font-size:11px!important}
}


/* --- mystickers-mobile-scrollfix-v5-1 --- */

@media (max-width:900px){
  html,body{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
  }
  body{
    position:relative!important;
    overscroll-behavior:none!important;
  }
  .app-shell{
    display:block!important;
    width:100%!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }
  .app-workspace{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    width:100%!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }
  .app-topbar{
    position:relative!important;
    top:auto!important;
    flex:0 0 auto!important;
  }
  .app-scroll,
  body.app-step-2-active .app-scroll{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    scrollbar-gutter:auto!important;
  }
  .app-scroll>.wrap,
  .app-screen,
  #step2,
  body.app-step-2-active #step2,
  #step2 .editor-fullwidth-layout,
  body.app-step-2-active #step2 .editor-fullwidth-layout,
  #step2 .editor-left-column,
  #step2 .editor-right-column,
  body.app-step-2-active .editor-left-column,
  body.app-step-2-active .editor-right-column{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  #step2,
  body.app-step-2-active #step2,
  #step2 .editor-fullwidth-layout,
  body.app-step-2-active #step2 .editor-fullwidth-layout,
  #step2 .editor-left-column,
  #step2 .editor-right-column{
    overflow:visible!important;
  }
  #step2 #preview,
  #step2 #preview *,
  body.app-step-2-active #step2 #preview,
  body.app-step-2-active #step2 #preview *{
    touch-action:pan-y!important;
  }
  #step2 .app-screen-actions,
  body.app-step-2-active #step2 .app-screen-actions{
    position:sticky!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
  }
}


/* --- mystickers-home-preview-xl --- */

@media (min-width: 901px){
  .home-preview-stage,
  .editor-preview-panel .preview,
  .editor-left-column .preview{
    min-height: 620px !important;
    height: min(72vh, 760px) !important;
  }
}
@media (max-width: 900px){
  .home-preview-stage,
  .editor-preview-panel .preview,
  .editor-left-column .preview{
    min-height: 500px !important;
    height: 62vh !important;
    max-height: 680px !important;
    padding: 6px !important;
  }
}
@media (max-width: 620px){
  .home-preview-stage,
  .editor-preview-panel .preview,
  .editor-left-column .preview{
    min-height: 470px !important;
    height: 58vh !important;
    max-height: 610px !important;
    padding: 4px !important;
  }
}
.editor-preview-panel .preview svg,
.editor-left-column .preview svg,
.preview svg,
.preview canvas,
.preview img{
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}
.editor-preview-panel,
.home-preview-stage{
  padding: 8px !important;
}


/* --- mystickers-home-v25-standard-size --- */

@media (min-width: 901px){
  .editor-preview-panel .preview,
  .editor-left-column .preview{
    min-height:680px !important;
    height:min(76vh,840px) !important;
    padding:2px !important;
  }
}
@media (max-width:900px){
  .editor-preview-panel .preview,
  .editor-left-column .preview{
    min-height:560px !important;
    height:68vh !important;
    max-height:760px !important;
    padding:2px !important;
  }
}
@media (max-width:620px){
  .editor-preview-panel .preview,
  .editor-left-column .preview{
    min-height:520px !important;
    height:66vh !important;
    max-height:700px !important;
    padding:0 !important;
  }
}
.preview-stage{
  padding:0 !important;
}
.preview-stage > svg{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
}


/* --- mystickers-home-v26-preview-92 --- */

.editor-preview-panel .preview,
.editor-left-column .preview{
  overflow:hidden !important;
}
.preview-stage,
.editor-preview-panel .preview > svg,
.editor-left-column .preview > svg,
.preview > svg{
  transform:scale(1.14) !important;
  transform-origin:center center !important;
}
@media (min-width:901px){
  .editor-preview-panel .preview,
  .editor-left-column .preview{
    min-height:720px !important;
    height:min(80vh,900px) !important;
    padding:0 !important;
  }
}
@media (max-width:900px){
  .editor-preview-panel .preview,
  .editor-left-column .preview{
    min-height:590px !important;
    height:72vh !important;
    max-height:820px !important;
    padding:0 !important;
  }
}
@media (max-width:620px){
  .editor-preview-panel .preview,
  .editor-left-column .preview{
    min-height:550px !important;
    height:70vh !important;
    max-height:760px !important;
    padding:0 !important;
  }
}


/* --- mystickers-home-v27-autozoom --- */

.preview{
  overflow:hidden !important;
}
.preview-stage{
  transform:scale(1.78) !important;
  transform-origin:center center !important;
  padding:0 !important;
}
@media (max-width:420px){
  .preview-stage{
    transform:scale(1.68) !important;
  }
}


/* --- mystickers-home-v28-max-preview --- */

.preview{
  overflow:hidden !important;
}
.preview-stage{
  transform:scale(2.55) !important;
  transform-origin:center center !important;
}
@media (max-width:620px){
  .preview-stage{
    transform:scale(2.80) !important;
  }
}
@media (max-width:390px){
  .preview-stage{
    transform:scale(2.65) !important;
  }
}


/* --- mystickers-home-v29-fit-contour --- */

.preview-stage{
  transform:none !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  padding:0 !important;
}
.preview-stage > svg{
  transform:none !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
}
.preview{
  overflow:hidden !important;
}


/* --- ms-home-v3-preview-hero --- */

@media(max-width:800px){
  .ms-preview-shell{
    min-height:0 !important;
    aspect-ratio:1 / 1 !important;
    padding:8px !important;
  }
  .ms-preview-shell canvas{
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    object-fit:contain !important;
  }
}
@media(min-width:801px){
  .ms-preview-shell canvas{
    width:100% !important;
    max-height:520px !important;
  }
}


/* --- ms-home-v31-controls --- */

.ms-home-shape-controls{
  margin-top:10px;
  padding:13px;
  border:1px solid #e3e7ec;
  border-radius:14px;
  background:#fafbfc;
}
.ms-home-shape-controls[hidden]{display:none!important}
.ms-home-control-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px
}
.ms-home-control-head strong{font-size:12px;color:#252b33}
.ms-home-control-head button{
  padding:6px 9px;border:0;border-radius:8px;background:#eef1f5;color:#4b5563;
  font-size:10px;font-weight:800;cursor:pointer
}
.ms-home-range-row{
  display:grid;grid-template-columns:118px 1fr;align-items:center;gap:10px;
  min-height:34px;font-size:10px;font-weight:800;color:#5b6470
}
.ms-home-range-row input{width:100%;accent-color:#ed1c24}
.ms-home-bg-border{
  display:grid;grid-template-columns:auto 1fr 30px;align-items:center;gap:10px;
  margin-top:10px;padding:11px 12px;border:1px solid #e3e7ec;border-radius:13px;
  background:#fff;cursor:pointer
}
.ms-home-bg-border input{width:17px;height:17px;accent-color:#ed1c24}
.ms-home-bg-border span{min-width:0}
.ms-home-bg-border strong{display:block;font-size:11px;color:#252b33}
.ms-home-bg-border small{display:block;margin-top:2px;font-size:9px;line-height:1.3;color:#7a838f}
.ms-home-bg-border i{
  width:28px;height:28px;border-radius:50%;border:1px solid #d8dde4;background:#fff;
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.55)
}
@media(max-width:800px){
  .ms-home-shape-controls{padding:11px;margin-top:8px}
  .ms-home-range-row{grid-template-columns:105px 1fr;min-height:32px}
  .ms-home-bg-border{margin-top:8px;padding:10px}
  .ms-home-bg-border small{font-size:8.5px}
}


/* --- ms-home-v36-performance --- */

.ms-shape-btn,.ms-material-btn,#msHomeResetShape{
  touch-action:manipulation;
}
#msHomeScale,#msHomePosX,#msHomePosY{
  touch-action:pan-y;
}


/* --- ms-home-v4-mobile-compact --- */

@media(max-width:800px){
  
  .ms-preview-shell{
    aspect-ratio:auto !important;
    min-height:0 !important;
    height:auto !important;
    padding:6px !important;
    border-radius:18px !important;
  }
  .ms-preview-shell canvas{
    width:100% !important;
    height:auto !important;
    max-height:430px !important;
    aspect-ratio:1/1 !important;
    object-fit:contain !important;
    border-radius:14px !important;
  }
  
  .ms-home-shape-block,
  .ms-home-shape-wrap{
    margin-top:10px !important;
  }
  .ms-home-shape-block h3,
  .ms-home-shape-wrap h3,
  .ms-section-title{
    margin:8px 0 8px !important;
    font-size:12px !important;
    letter-spacing:.03em !important;
  }
  .ms-shapes{
    gap:6px !important;
  }
  .ms-shape-btn{
    min-height:50px !important;
    padding:9px 6px !important;
    border-radius:13px !important;
    font-size:14px !important;
  }
  
  .ms-home-shape-controls{
    margin-top:8px !important;
    padding:10px !important;
    border-radius:13px !important;
  }
  .ms-home-control-head{
    margin-bottom:4px !important;
  }
  .ms-home-control-head strong{
    font-size:13px !important;
  }
  .ms-home-control-head button{
    padding:5px 8px !important;
    font-size:10px !important;
  }
  .ms-home-range-row{
    grid-template-columns:92px 1fr !important;
    gap:7px !important;
    min-height:28px !important;
    font-size:10px !important;
  }
  .ms-home-range-row input[type="range"]{
    height:20px !important;
    margin:0 !important;
  }
  
  .ms-home-bg-border{
    grid-template-columns:auto 1fr 24px !important;
    gap:8px !important;
    margin-top:7px !important;
    padding:8px 10px !important;
    border-radius:12px !important;
    min-height:48px !important;
  }
  .ms-home-bg-border input{
    width:16px !important;
    height:16px !important;
  }
  .ms-home-bg-border strong{
    font-size:11px !important;
  }
  .ms-home-bg-border small{
    display:none !important;
  }
  .ms-home-bg-border i{
    width:22px !important;
    height:22px !important;
  }
  
  .ms-materials{
    display:flex !important;
    grid-template-columns:none !important;
    gap:7px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:2px 2px 6px !important;
    margin:0 !important;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .ms-materials::-webkit-scrollbar{
    display:none;
  }
  .ms-material-btn{
    flex:0 0 92px !important;
    min-width:92px !important;
    min-height:88px !important;
    padding:8px 5px !important;
    border-radius:13px !important;
    scroll-snap-align:start;
  }
  .ms-material-btn .ms-material-swatch,
  .ms-material-btn i,
  .ms-material-btn span:first-child{
    transform:scale(.88);
    transform-origin:center;
  }
  .ms-material-btn strong,
  .ms-material-btn span:last-child{
    font-size:11px !important;
  }
  
  .ms-home-cta-wrap,
  .ms-cta-wrap{
    margin-top:10px !important;
    padding-top:0 !important;
  }
  .ms-home-cta,
  .ms-cta,
  .ms-create-btn{
    min-height:56px !important;
    border-radius:18px !important;
    font-size:16px !important;
  }
  
  .ms-home-card,
  .ms-home-section,
  .ms-preview-card{
    margin-bottom:10px !important;
  }
}
@media(max-width:390px){
  .ms-preview-shell canvas{
    max-height:390px !important;
  }
  .ms-shape-btn{
    font-size:13px !important;
  }
  .ms-material-btn{
    flex-basis:86px !important;
    min-width:86px !important;
  }
}


/* --- ms-home-v41-smart-upload --- */

.ms-file-ok{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  flex:0 0 auto;
  border-radius:50%;
  background:#ecfdf3;
  color:#16a34a;
  font-size:12px;
  font-weight:900;
}
.ms-change-file{
  flex:0 0 auto;
  padding:7px 10px;
  border:1px solid #e1e5ea;
  border-radius:9px;
  background:#f7f8fa;
  color:#343b45;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
}
.ms-change-file:active{transform:scale(.98)}
@media(max-width:800px){
  #msHomeDemo.has-file .ms-upload{
    display:none !important;
  }
  #msHomeDemo.has-file .ms-upload-col{
    margin:0 !important;
  }
  #msHomeDemo.has-file .ms-file-row{
    display:flex !important;
    min-height:42px !important;
    margin:0 0 7px !important;
    padding:7px 8px !important;
    border-radius:11px !important;
    background:#fff !important;
  }
  #msHomeDemo.has-file .ms-preview-col{
    margin-top:0 !important;
  }
  .ms-file-name{
    font-size:10px !important;
    font-weight:800 !important;
    color:#4b5563 !important;
  }
  .ms-file-ok{
    width:22px;
    height:22px;
    font-size:11px;
  }
  .ms-change-file{
    padding:6px 8px;
    font-size:9.5px;
  }
}


/* --- ms-home-v5-ux --- */

.ms-preview-kicker{display:none}
.ms-adjust-toggle{appearance:none;border:0;background:transparent;padding:0;display:flex;align-items:center;gap:6px;color:#252b33;font:inherit;font-weight:900;cursor:pointer}
.ms-adjust-toggle b{font-size:14px;transition:transform .18s ease}
.ms-home-shape-controls:not(.is-open) .ms-adjust-body{display:none}
.ms-home-shape-controls.is-open .ms-adjust-toggle b{transform:rotate(180deg)}
@media(min-width:801px){
 .ms-home-shape-controls .ms-adjust-body{display:block!important}
 .ms-adjust-toggle b{display:none}
}
@media(max-width:800px){
 #msHomeDemo.has-file .ms-preview-kicker{display:block;margin:1px 0 5px;font-size:9.5px;font-weight:800;color:#8a929d;text-align:center}
 #msHomeDemo.has-file .ms-preview-shell canvas{max-height:390px!important}
 #msHomeDemo.has-file .ms-preview-card,#msHomeDemo.has-file .ms-home-card{margin-bottom:7px!important}
 #msHomeDemo.has-file .ms-section-title{margin:6px 0!important}
 .ms-home-shape-controls{padding:8px 10px!important}
 .ms-home-control-head{margin:0!important}
 .ms-adjust-toggle{font-size:11px!important}
 .ms-home-shape-controls.is-open .ms-adjust-body{display:block;margin-top:5px}
 .ms-home-bg-border{min-height:38px!important;padding:6px 9px!important}
 .ms-home-bg-border strong{font-size:10px!important}
 .ms-home-bg-border i{width:19px!important;height:19px!important}
 .ms-material-btn{flex:0 0 82px!important;min-width:82px!important;min-height:70px!important;padding:5px 4px!important}
 .ms-material-btn .ms-material-swatch,.ms-material-btn i,.ms-material-btn span:first-child{transform:scale(.72);transform-origin:center;margin-block:-3px}
 .ms-material-btn strong,.ms-material-btn span:last-child{font-size:9.5px!important}
 #msHomeDemo.has-file .ms-home-cta-wrap,#msHomeDemo.has-file .ms-cta-wrap{
   position:sticky!important;bottom:8px!important;z-index:30!important;margin:8px 0 4px!important;padding:5px!important;
   border-radius:18px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 10px 30px rgba(15,23,42,.15)!important;
   backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)
 }
 #msHomeDemo.has-file .ms-home-cta,#msHomeDemo.has-file .ms-cta,#msHomeDemo.has-file .ms-create-btn{min-height:50px!important;font-size:14px!important;border-radius:14px!important}
}
@media(max-width:390px){#msHomeDemo.has-file .ms-preview-shell canvas{max-height:360px!important}}


/* --- ms-home-v51-polish --- */

.ms-preview-kicker{
  align-items:center;
  justify-content:center;
  gap:7px;
  flex-wrap:wrap;
}
.ms-preview-badge{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:3px 7px;
  border:1px solid #e3e7ec;
  border-radius:999px;
  background:#f8f9fb;
  color:#8a929d;
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.02em;
}
.ms-cta-micro{
  margin:0 0 5px;
  color:#6b7280;
  font-size:9.5px;
  font-weight:800;
  text-align:center;
}
.ms-material-status{
  min-height:18px;
  margin:0 0 4px;
  color:#7b8490;
  font-size:9.5px;
  font-weight:800;
  text-align:center;
  opacity:0;
  transition:opacity .15s ease;
}
.ms-material-status.is-visible{opacity:1}
.ms-material-btn.active{
  border-color:#ed1c24 !important;
  box-shadow:0 0 0 2px rgba(237,28,36,.10),0 7px 18px rgba(15,23,42,.07) !important;
}
.ms-material-btn.active::after{
  content:"✓";
  position:absolute;
  top:5px;
  right:6px;
  display:grid;
  place-items:center;
  width:17px;
  height:17px;
  border-radius:50%;
  background:#ed1c24;
  color:#fff;
  font-size:9px;
  font-weight:900;
}
.ms-material-btn{
  position:relative;
}
#msHomeCanvas{
  transition:opacity .16s ease, transform .16s ease;
}
#msHomePreviewShell.is-switching #msHomeCanvas{
  opacity:.72;
  transform:scale(.995);
}
@media(min-width:801px){
  .ms-preview-kicker{
    display:flex !important;
    margin:3px 0 7px;
    color:#8a929d;
    font-size:10px;
    font-weight:800;
  }
}
@media(max-width:800px){
  #msHomeDemo.has-file .ms-preview-kicker{
    display:flex !important;
    margin:1px 0 5px !important;
  }
  .ms-preview-badge{
    font-size:8px;
    min-height:18px;
    padding:2px 6px;
  }
  .ms-material-status{
    min-height:15px;
    font-size:9px;
  }
  .ms-material-btn.active{
    box-shadow:0 0 0 2px rgba(237,28,36,.11) !important;
  }
  .ms-material-btn.active::after{
    top:4px;
    right:4px;
    width:15px;
    height:15px;
    font-size:8px;
  }
  .ms-cta-micro{
    font-size:9px;
    margin-bottom:4px;
  }
}
@media(max-width:390px){
  #msHomeDemo.has-file .ms-preview-shell canvas{
    max-height:340px !important;
  }
}


/* --- ms-home-v52-arrows-glow --- */

.ms-material-carousel{
  position:relative;
}
.ms-material-arrow{
  display:none;
}
.mat-glow{
  background:
    radial-gradient(circle at 35% 35%,rgba(255,255,255,.95) 0 9%,transparent 10%),
    linear-gradient(135deg,#efffa8,#c7ff55 48%,#85d925 100%) !important;
  box-shadow:
    0 0 0 1px rgba(115,176,22,.22),
    0 0 12px rgba(177,255,56,.55) !important;
}
@media(max-width:800px){
  .ms-material-carousel{
    display:grid;
    grid-template-columns:30px minmax(0,1fr) 30px;
    align-items:center;
    gap:4px;
  }
  .ms-material-arrow{
    display:grid;
    place-items:center;
    width:30px;
    height:48px;
    padding:0;
    border:1px solid #e2e6eb;
    border-radius:11px;
    background:#fff;
    color:#252b33;
    font-size:24px;
    font-weight:700;
    line-height:1;
    box-shadow:0 4px 12px rgba(15,23,42,.08);
    cursor:pointer;
    touch-action:manipulation;
    z-index:2;
  }
  .ms-material-arrow:active{
    transform:scale(.96);
  }
  .ms-material-arrow:disabled{
    opacity:.30;
    box-shadow:none;
  }
  #msMaterialsTrack{
    min-width:0;
    padding-inline:1px !important;
    scroll-behavior:smooth;
  }
}


/* --- ms-home-v53-arrow-position --- */

@media(max-width:800px){
  .ms-material-carousel{
    position:relative !important;
    display:block !important;
  }
  #msMaterialsTrack{
    padding-left:34px !important;
    padding-right:34px !important;
  }
  .ms-material-arrow{
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    padding:0 !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid #dfe4ea !important;
    color:#252b33 !important;
    font-size:20px !important;
    line-height:1 !important;
    box-shadow:0 5px 14px rgba(15,23,42,.12) !important;
    z-index:5 !important;
  }
  .ms-material-prev{
    left:2px !important;
  }
  .ms-material-next{
    right:2px !important;
  }
  .ms-material-arrow:active{
    transform:translateY(-50%) scale(.94) !important;
  }
  .ms-material-arrow:disabled{
    opacity:.18 !important;
    box-shadow:none !important;
  }
  .ms-material-carousel::before,
  .ms-material-carousel::after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:36px;
    z-index:3;
    pointer-events:none;
  }
  .ms-material-carousel::before{
    left:0;
    background:linear-gradient(90deg,#fff 45%,rgba(255,255,255,0));
  }
  .ms-material-carousel::after{
    right:0;
    background:linear-gradient(270deg,#fff 45%,rgba(255,255,255,0));
  }
}


/* --- ms-home-v54-arrows-clean --- */

.ms-material-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:5px;
}
.ms-material-nav{
  display:flex;
  align-items:center;
  gap:5px;
}
.ms-material-nav .ms-material-arrow{
  position:static !important;
  display:grid !important;
  place-items:center;
  transform:none !important;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  min-height:30px !important;
  padding:0 !important;
  border:1px solid #dfe4ea !important;
  border-radius:9px !important;
  background:#fff !important;
  color:#252b33 !important;
  font-size:20px !important;
  line-height:1 !important;
  box-shadow:0 3px 9px rgba(15,23,42,.07) !important;
  z-index:auto !important;
}
.ms-material-nav .ms-material-arrow:active{
  transform:scale(.95) !important;
}
.ms-material-nav .ms-material-arrow:disabled{
  opacity:.28 !important;
  box-shadow:none !important;
}
#msMaterialsTrack{
  padding-left:2px !important;
  padding-right:2px !important;
}
.ms-material-carousel::before,
.ms-material-carousel::after{
  display:none !important;
}
@media(max-width:800px){
  .ms-material-carousel{
    display:block !important;
    position:relative !important;
  }
  .ms-material-title-row{
    margin-bottom:3px;
  }
  .ms-material-title-row .ms-option-label{
    margin:0 !important;
  }
  .ms-material-nav .ms-material-arrow{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    min-height:28px !important;
    border-radius:8px !important;
    font-size:18px !important;
  }
}


/* --- ms-home-v55-scroll-hint --- */

.ms-material-hint{
  margin-top:2px;
  color:#8a929d;
  font-size:9px;
  font-weight:800;
}
.ms-material-hint span{
  display:inline-block;
  margin-left:2px;
  color:#ed1c24;
  animation:msHintArrow 1.25s ease-in-out infinite;
}
@keyframes msHintArrow{
  0%,100%{transform:translateX(0)}
  50%{transform:translateX(4px)}
}
@media(max-width:800px){
  .ms-material-hint{
    display:block;
    font-size:9px;
  }
  
  #msMaterialsTrack{
    scroll-padding-right:22px;
    padding-right:18px !important;
  }
  .ms-material-btn{
    scroll-snap-align:start;
  }
}
@media(min-width:801px){
  .ms-material-hint{
    display:none;
  }
}


/* --- ms-home-v56-ux-final --- */

.ms-loading.visible{
  display:grid !important;
  place-items:center;
  background:rgba(247,249,251,.90) !important;
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}
.ms-loading-card{
  position:relative;
  width:min(78%,330px);
  min-height:118px;
  overflow:hidden;
  border:1px solid rgba(226,232,240,.95);
  border-radius:18px;
  background:rgba(255,255,255,.96);
  box-shadow:0 12px 34px rgba(15,23,42,.09);
}
.ms-loading-shimmer{
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 20%,rgba(237,28,36,.055) 43%,rgba(255,255,255,.8) 50%,rgba(237,28,36,.055) 57%,transparent 80%);
  transform:translateX(-110%);
  animation:msPremiumShimmer 1.05s linear infinite;
}
.ms-loading-copy{
  position:absolute;
  inset:0;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#4b5563;
  font-size:11px;
  font-weight:900;
}
@keyframes msPremiumShimmer{to{transform:translateX(110%)}}
@keyframes msPreviewReveal{
  from{opacity:.25;transform:scale(.975)}
  to{opacity:1;transform:scale(1)}
}
#msHomePreviewShell.just-loaded #msHomeCanvas{
  animation:msPreviewReveal .22s ease-out both;
}
.ms-adjust-toggle small{
  color:#9299a3;
  font-size:8px;
  font-weight:800;
}
.ms-change-file{
  display:inline-flex !important;
  align-items:center;
  gap:4px;
}
.ms-change-file span{
  font-size:13px;
  line-height:1;
}
.ms-material-btn::before,
.ms-shape-btn::before{
  content:"";
  position:absolute;
  inset:-4px;
}
.ms-material-btn,.ms-shape-btn{position:relative}
.ms-cta-micro{
  margin:0 0 5px !important;
  color:#737b86 !important;
  font-size:9.5px !important;
  font-weight:800 !important;
  text-align:center;
}
.ms-error.visible{
  line-height:1.35 !important;
  font-weight:800 !important;
}
@media(max-width:800px){
  #msHomeDemo.has-file .ms-step{
    display:none !important;
  }
  #msHomeDemo.has-file .ms-section-title{
    justify-content:center;
    gap:0 !important;
    font-size:11px !important;
    color:#7b8490 !important;
  }
  .ms-loading-card{
    width:min(82%,290px);
    min-height:100px;
    border-radius:16px;
  }
  .ms-material-btn,
  .ms-shape-btn{
    touch-action:manipulation;
  }
  .ms-change-file{
    min-height:30px;
    padding-inline:9px !important;
  }
  .ms-home-bg-border strong{
    font-size:10.5px !important;
  }
}


/* --- ms-home-v57-progress --- */

.ms-upload-progress{
  margin-top:9px;
  padding:10px 11px;
  border:1px solid #e3e7ec;
  border-radius:12px;
  background:#fff;
}
.ms-upload-progress[hidden]{display:none!important}
.ms-upload-progress-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:7px;
  color:#5f6772;
  font-size:10px;
  font-weight:800;
}
.ms-upload-progress-head strong{
  color:#ed1c24;
  font-size:10px;
}
.ms-upload-progress-track{
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:#eef1f4;
}
.ms-upload-progress-bar{
  width:0%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#ed1c24,#ff4b52);
  transition:width .22s ease;
}
.ms-upload-progress.done .ms-upload-progress-bar{
  background:#16a34a;
}
.ms-upload-progress.done .ms-upload-progress-head strong{
  color:#16a34a;
}
@media(max-width:800px){
  .ms-upload-progress{
    margin-top:7px;
    padding:8px 9px;
  }
  .ms-upload-progress-track{height:6px}
}


/* --- ms-home-v58-visual-polish --- */

.ms-preview-note,
.ms-preview-caption,
.ms-preview-disclaimer{
  color:#a0a6ae !important;
  font-size:8.5px !important;
  font-weight:700 !important;
  opacity:.82 !important;
}
.ms-material-btn.active{
  border-color:#ed1c24 !important;
  box-shadow:0 0 0 1px rgba(237,28,36,.12),0 5px 13px rgba(15,23,42,.07) !important;
  background:#fff !important;
}
.ms-material-btn.active::after{
  content:"✓";
  position:absolute;
  top:5px;
  right:6px;
  display:grid;
  place-items:center;
  width:15px;
  height:15px;
  border-radius:50%;
  background:#ed1c24;
  color:#fff;
  font-size:9px;
  font-weight:900;
  line-height:1;
}
#msHomeCta{
  letter-spacing:.01em;
}
.ms-material-btn,
.ms-shape-btn,
#msHomeCta{
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease !important;
}
.ms-material-btn:active,
.ms-shape-btn:active{
  transform:scale(.975);
}
@media(max-width:800px){
  .ms-material-btn.active::after{
    top:4px;
    right:5px;
    width:14px;
    height:14px;
    font-size:8px;
  }
}


/* --- ms-home-v59-cutcontour --- */

.ms-home-contour-controls{
  margin-top:8px;
  padding:8px 10px;
  border:1px solid #e3e7ec;
  border-radius:13px;
  background:#fafbfc;
}
.ms-contour-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0;
  border:0;
  background:transparent;
  color:#252b33;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.ms-contour-toggle small{
  color:#9299a3;
  font-size:8px;
  font-weight:800;
}
.ms-contour-toggle b{
  font-size:14px;
  transition:transform .18s ease;
}
.ms-home-contour-controls:not(.is-open) .ms-contour-body{
  display:none;
}
.ms-home-contour-controls.is-open .ms-contour-body{
  display:block;
  margin-top:6px;
}
.ms-home-contour-controls.is-open .ms-contour-toggle b{
  transform:rotate(180deg);
}
.ms-home-contour-controls .ms-home-range-row span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.ms-home-contour-controls .ms-home-range-row span strong{
  color:#ed1c24;
  font-size:9px;
  font-variant-numeric:tabular-nums;
}
.ms-contour-reset{
  width:100%;
  margin-top:6px;
  padding:7px 9px;
  border:1px solid #e1e5ea;
  border-radius:9px;
  background:#fff;
  color:#56606d;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
}
@media(max-width:800px){
  .ms-home-contour-controls{
    padding:7px 9px;
    margin-top:7px;
  }
  .ms-home-contour-controls .ms-home-range-row{
    grid-template-columns:112px 1fr !important;
    min-height:30px !important;
  }
}


/* --- ms-home-v510-rectangle --- */

.ms-shapes{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
@media(max-width:620px){
  .ms-shapes{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}


/* --- ms-home-v511-compact-mobile --- */

@media(max-width:800px){
  
  #msHomeDemo.has-file .ms-preview-shell canvas{
    max-height:330px !important;
  }
  
  #msHomeDemo.has-file .ms-section-title{
    margin:4px 0 !important;
    font-size:10.5px !important;
  }
  
  .ms-shapes{
    gap:5px !important;
  }
  .ms-shape-btn{
    min-height:42px !important;
    padding:7px 5px !important;
    border-radius:11px !important;
    font-size:12px !important;
  }
  
  .ms-home-contour-controls{
    margin-top:5px !important;
    padding:6px 8px !important;
    border-radius:11px !important;
  }
  .ms-contour-toggle{
    font-size:10px !important;
  }
  .ms-contour-toggle small{
    font-size:7.5px !important;
  }
  .ms-home-contour-controls.is-open .ms-contour-body{
    margin-top:4px !important;
  }
  .ms-home-contour-controls .ms-home-range-row{
    grid-template-columns:96px 1fr !important;
    min-height:26px !important;
    gap:6px !important;
    font-size:9px !important;
  }
  .ms-home-contour-controls .ms-home-range-row input{
    height:18px !important;
  }
  .ms-contour-reset{
    margin-top:4px !important;
    padding:5px 7px !important;
    font-size:8.5px !important;
  }
  
  .ms-home-shape-controls{
    margin-top:5px !important;
    padding:6px 8px !important;
    border-radius:11px !important;
  }
  .ms-adjust-toggle{
    font-size:10px !important;
  }
  .ms-adjust-toggle small{
    font-size:7.5px !important;
  }
  .ms-home-shape-controls.is-open .ms-adjust-body{
    margin-top:4px !important;
  }
  .ms-home-shape-controls .ms-home-range-row{
    grid-template-columns:96px 1fr !important;
    min-height:26px !important;
    gap:6px !important;
    font-size:9px !important;
  }
  .ms-home-shape-controls .ms-home-range-row input{
    height:18px !important;
  }
  
  .ms-home-bg-border{
    min-height:34px !important;
    margin-top:5px !important;
    padding:5px 8px !important;
  }
  .ms-home-bg-border strong{
    font-size:9.5px !important;
  }
  .ms-home-bg-border i{
    width:17px !important;
    height:17px !important;
  }
  
  .ms-material-btn{
    flex:0 0 76px !important;
    min-width:76px !important;
    min-height:62px !important;
    padding:4px 3px !important;
    border-radius:11px !important;
  }
  .ms-material-btn span:last-child,
  .ms-material-btn strong{
    font-size:9px !important;
  }
  .ms-material-title-row{
    margin-bottom:2px !important;
  }
  .ms-material-hint{
    margin-top:1px !important;
    font-size:8.5px !important;
  }
  .ms-material-nav .ms-material-arrow{
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
    min-height:26px !important;
    font-size:17px !important;
  }
  
  #msHomeDemo.has-file .ms-file-row{
    min-height:36px !important;
    padding:5px 7px !important;
    margin-bottom:5px !important;
  }
  .ms-change-file{
    min-height:26px !important;
    padding:5px 7px !important;
    font-size:9px !important;
  }
  .ms-upload-progress{
    margin-top:5px !important;
    padding:6px 7px !important;
  }
  
  #msHomeDemo.has-file .ms-bottom{
    margin-top:6px !important;
  }
  #msHomeCta{
    min-height:48px !important;
    font-size:13px !important;
    border-radius:13px !important;
  }
  .ms-cta-micro{
    margin-bottom:3px !important;
    font-size:8.5px !important;
  }
}
@media(max-width:390px){
  #msHomeDemo.has-file .ms-preview-shell canvas{
    max-height:305px !important;
  }
  .ms-shape-btn{
    min-height:40px !important;
    font-size:11.5px !important;
  }
}


/* --- ms-home-v512-simple-mode --- */

.ms-advanced-master-toggle{
  display:none;
}
@media(max-width:800px){
  .ms-advanced-master-toggle{
    width:100%;
    min-height:34px;
    margin-top:5px;
    padding:6px 9px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    border:1px solid #e3e7ec;
    border-radius:10px;
    background:#f8fafc;
    color:#596270;
    font-size:9.5px;
    font-weight:900;
    cursor:pointer;
  }
  .ms-advanced-master-toggle b{
    font-size:13px;
    transition:transform .16s ease;
  }
  .ms-advanced-master{
    display:none;
  }
  .ms-advanced-master.is-open{
    display:block;
  }
  .ms-advanced-master-toggle[aria-expanded="true"] b{
    transform:rotate(180deg);
  }
  
  .ms-advanced-master:not(.is-open){
    margin:0 !important;
    padding:0 !important;
  }
  
  .ms-option-block + .ms-option-block{
    margin-top:7px !important;
  }
  
  .ms-material-hint{
    color:#969da6 !important;
  }
}


/* --- ms-home-v513-ultra-simple --- */

@media(max-width:800px){
  
  #msHomeDemo.has-file .ms-section-title{
    display:none !important;
  }
  #msHomeDemo.has-file .ms-preview-kicker{
    margin:0 0 4px !important;
  }
  #msHomeDemo.has-file .ms-preview-shell{
    margin-bottom:6px !important;
  }
  #msHomeDemo.has-file .ms-preview-shell canvas{
    max-height:285px !important;
  }
  
  .ms-option-block{
    margin:5px 0 0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  .ms-option-label{
    margin:0 0 4px !important;
    font-size:9px !important;
    color:#7e8792 !important;
  }
  
  .ms-shapes{
    gap:4px !important;
  }
  .ms-shape-btn{
    min-height:38px !important;
    padding:6px 4px !important;
    font-size:11px !important;
    border-radius:10px !important;
  }
  
  .ms-advanced-master-toggle{
    min-height:28px !important;
    margin-top:4px !important;
    padding:3px 2px !important;
    border:0 !important;
    background:transparent !important;
    color:#8a929d !important;
    font-size:8.5px !important;
    justify-content:flex-start !important;
  }
  .ms-advanced-master-toggle b{
    margin-left:3px;
    font-size:11px !important;
  }
  
  .ms-material-title-row{
    margin-bottom:1px !important;
  }
  .ms-material-hint{
    font-size:8px !important;
    margin-top:0 !important;
  }
  .ms-material-btn{
    flex:0 0 70px !important;
    min-width:70px !important;
    min-height:56px !important;
    padding:3px 2px !important;
    border-radius:10px !important;
  }
  .ms-material-btn span:last-child,
  .ms-material-btn strong{
    font-size:8.5px !important;
  }
  .ms-material-nav .ms-material-arrow{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    min-height:24px !important;
    font-size:16px !important;
  }
  
  #msHomeDemo.has-file .ms-file-row{
    min-height:32px !important;
    padding:4px 6px !important;
    margin-bottom:4px !important;
  }
  .ms-file-name{
    font-size:8.8px !important;
  }
  .ms-change-file{
    min-height:24px !important;
    padding:4px 6px !important;
    font-size:8.5px !important;
  }
  
  #msHomeDemo.has-file .ms-bottom{
    margin-top:5px !important;
  }
  #msHomeCta{
    min-height:44px !important;
    font-size:12.5px !important;
  }
  .ms-cta-micro{
    display:none !important;
  }
  
  .ms-home-contour-controls,
  .ms-home-shape-controls{
    margin-top:4px !important;
    padding:5px 7px !important;
  }
  .ms-home-bg-border{
    margin-top:4px !important;
    min-height:30px !important;
    padding:4px 7px !important;
  }
}
@media(max-width:390px){
  #msHomeDemo.has-file .ms-preview-shell canvas{
    max-height:265px !important;
  }
}


/* --- ms-home-v514-premium-material-icons --- */

.ms-material-btn .ms-material-photo{
  display:block !important;
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  margin:0 auto 3px !important;
  border-radius:50% !important;
  background-size:contain !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-color:transparent !important;
  box-shadow:none !important;
  transform:none !important;
}
@media(max-width:800px){
  .ms-material-btn .ms-material-photo{
    width:36px !important;
    height:36px !important;
    flex-basis:36px !important;
    margin-bottom:2px !important;
    transform:none !important;
  }
}


/* --- ms-home-v515-icons-uniform --- */

.ms-material-btn .ms-material-photo{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background-color:transparent !important;
  border-radius:0 !important;
  width:38px !important;
  height:38px !important;
  flex:0 0 38px !important;
  margin:0 auto 3px !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  transform:none !important;
}
.ms-material-btn[data-material="glitter"] .ms-material-photo,
.ms-material-btn[data-material="silver"] .ms-material-photo,
.ms-material-btn[data-material="glow"] .ms-material-photo{
  width:33px !important;
  height:33px !important;
  flex-basis:33px !important;
  margin-top:2.5px !important;
  margin-bottom:5.5px !important;
}
.ms-material-btn[data-material="holographic"] .ms-material-photo,
.ms-material-btn[data-material="gold"] .ms-material-photo{
  width:37px !important;
  height:37px !important;
  flex-basis:37px !important;
}
.ms-material-btn[data-material="classic"] .ms-material-photo{
  width:38px !important;
  height:38px !important;
  flex-basis:38px !important;
}
@media(max-width:800px){
  .ms-material-btn .ms-material-photo{
    width:34px !important;
    height:34px !important;
    flex-basis:34px !important;
  }
  .ms-material-btn[data-material="glitter"] .ms-material-photo,
  .ms-material-btn[data-material="silver"] .ms-material-photo,
  .ms-material-btn[data-material="glow"] .ms-material-photo{
    width:29px !important;
    height:29px !important;
    flex-basis:29px !important;
    margin-top:2.5px !important;
    margin-bottom:4.5px !important;
  }
  .ms-material-btn[data-material="holographic"] .ms-material-photo,
  .ms-material-btn[data-material="gold"] .ms-material-photo{
    width:33px !important;
    height:33px !important;
    flex-basis:33px !important;
  }
}


/* --- ms-home-v516-definitive-icons --- */

.ms-material-btn[data-material="glitter"] .ms-material-photo {
  background-image: url("assets/img-52913eae03b8901a.webp") !important;
  background-color: transparent !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  margin: 0 auto 3px !important;
  transform: none !important;
}
.ms-material-btn[data-material="silver"] .ms-material-photo {
  background-image: url("assets/img-8ec3bfbb27a16859.webp") !important;
  background-color: transparent !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  margin: 0 auto 3px !important;
  transform: none !important;
}
.ms-material-btn[data-material="glow"] .ms-material-photo {
  background-image: url("assets/img-b1677162aff66078.png") !important;
  background-color: transparent !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  margin: 0 auto 3px !important;
  transform: none !important;
}
.ms-material-btn[data-material="classic"] .ms-material-photo {
  background-image: url("assets/img-1cf402155a87c39a.png") !important;
  background-color: transparent !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  margin: 0 auto 3px !important;
  transform: none !important;
}
.ms-material-btn[data-material="gold"] .ms-material-photo {
  background-image: url("assets/img-df54fb9abd09ffed.png") !important;
  background-color: transparent !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  margin: 0 auto 3px !important;
  transform: none !important;
}
.ms-material-btn[data-material="holographic"] .ms-material-photo {
  background-image: url("assets/img-4535d1f4b1d194c8.png") !important;
  background-color: transparent !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  margin: 0 auto 3px !important;
  transform: none !important;
}
@media(max-width:800px){
  .ms-material-btn .ms-material-photo{
    width:34px !important;
    height:34px !important;
    flex-basis:34px !important;
    margin:0 auto 3px !important;
  }
}


/* --- ms-home-v517-premium-shapes --- */

.ms-shape-btn{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  min-height:76px !important;
  padding:9px 7px 8px !important;
  background:#fff !important;
  border:1px solid #e1e5ea !important;
  border-radius:14px !important;
  color:#222831 !important;
  box-shadow:0 3px 10px rgba(15,23,42,.035) !important;
  line-height:1 !important;
}
.ms-shape-icon{
  display:grid !important;
  place-items:center !important;
  width:34px !important;
  height:34px !important;
  margin:0 !important;
}
.ms-shape-icon svg{
  display:block !important;
  width:100% !important;
  height:100% !important;
  overflow:visible !important;
}
.ms-shape-icon svg *{
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:3.2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.ms-shape-label{
  display:block !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  color:inherit !important;
}
.ms-shape-check{
  position:absolute !important;
  top:5px !important;
  right:5px !important;
  display:none !important;
  width:16px !important;
  height:16px !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#ed1c24 !important;
  color:#fff !important;
  font-size:9px !important;
  font-weight:900 !important;
  line-height:1 !important;
}
.ms-shape-btn.active{
  color:#ed1c24 !important;
  border-color:#ed1c24 !important;
  background:#fff6f6 !important;
  box-shadow:0 0 0 2px rgba(237,28,36,.08),0 7px 16px rgba(15,23,42,.05) !important;
}
.ms-shape-btn.active .ms-shape-check{
  display:grid !important;
}
.ms-shape-btn:active{
  transform:scale(.975) !important;
}
@media(max-width:800px){
  .ms-shapes{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:5px !important;
  }
  .ms-shape-btn{
    min-height:68px !important;
    padding:7px 4px 6px !important;
    border-radius:12px !important;
  }
  .ms-shape-icon{
    width:30px !important;
    height:30px !important;
  }
  .ms-shape-label{
    font-size:8.8px !important;
  }
  .ms-shape-check{
    top:4px !important;
    right:4px !important;
    width:14px !important;
    height:14px !important;
    font-size:8px !important;
  }
}
@media(max-width:390px){
  .ms-shape-btn{
    min-height:64px !important;
  }
  .ms-shape-icon{
    width:28px !important;
    height:28px !important;
  }
  .ms-shape-label{
    font-size:8.2px !important;
  }
}


/* --- ms-home-v518-shape-edit-hint --- */

.ms-shape-edit-hint{
  width:100%;
  margin-top:5px;
  padding:7px 9px;
  display:grid;
  grid-template-columns:25px minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  border:1px solid #f1c8ca;
  border-radius:11px;
  background:#fff8f8;
  color:#252b33;
  text-align:left;
  box-shadow:none;
}
.ms-shape-edit-hint[hidden]{display:none!important}
.ms-shape-edit-icon{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:8px;
  background:#fff;
  color:#ed1c24;
  font-size:14px;
  font-weight:900;
}
.ms-shape-edit-hint span:nth-child(2){
  min-width:0;
}
.ms-shape-edit-hint strong,
.ms-shape-edit-hint small{
  display:block;
}
.ms-shape-edit-hint strong{
  font-size:9.5px;
  line-height:1.1;
}
.ms-shape-edit-hint small{
  margin-top:2px;
  color:#8a929d;
  font-size:7.8px;
  font-weight:700;
}
.ms-shape-edit-hint b{
  color:#ed1c24;
  font-size:9px;
  font-weight:900;
}
.ms-shape-edit-hint:active{
  transform:scale(.99);
}
@media(max-width:800px){
  .ms-shape-edit-hint{
    min-height:37px;
    margin-top:4px;
    padding:5px 7px;
  }
}


/* --- ms-home-v519-edit-flow --- */

@media(max-width:800px){
  .ms-shape-edit-hint{
    margin-bottom:0 !important;
    border-radius:11px !important;
  }
  .ms-advanced-master-toggle{
    margin-top:2px !important;
    padding-left:7px !important;
  }
  .ms-advanced-master.is-open{
    margin-top:2px !important;
  }
}


/* --- ms-home-v520-edit-toggle --- */

#msAdvancedMasterToggle{
  display:none !important;
}
.ms-shape-edit-hint{
  margin-bottom:0 !important;
}
.ms-advanced-master{
  margin-top:4px !important;
}


/* --- v528-feedback --- */

#msUxLoader,#msUxToast{position:fixed;z-index:99999;left:50%;pointer-events:none;font-family:Arial,sans-serif}
#msUxLoader{top:42%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #e5e7eb;border-radius:999px;background:rgba(255,255,255,.95);box-shadow:0 8px 24px rgba(15,23,42,.10);font-size:9px;font-weight:800;color:#303640}
#msUxToast{bottom:18px;transform:translateX(-50%);padding:7px 10px;border-radius:999px;background:rgba(27,31,36,.92);color:#fff;font-size:8.5px;font-weight:850;box-shadow:0 6px 18px rgba(15,23,42,.14)}
#msUxLoader[hidden],#msUxToast[hidden]{display:none!important}
#msUxLoader i{width:13px;height:13px;border:2px solid #eceff2;border-top-color:#ed1c24;border-radius:50%;animation:msSpin .65s linear infinite}
@keyframes msSpin{to{transform:rotate(360deg)}}


/* --- ms-home-v529-labels-fix --- */

.ms-product-mode-home{
  margin:0 0 7px;
}
.ms-product-mode-home-title{
  margin-bottom:4px;
  color:#6f7782;
  font-size:9px;
  font-weight:900;
}
.ms-product-mode-home-buttons{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
}
.ms-product-mode-home-btn{
  min-height:36px;
  padding:7px 9px !important;
  border:1px solid #e0e4e9 !important;
  border-radius:11px !important;
  background:#fff !important;
  color:#343a42 !important;
  font-size:10px !important;
  font-weight:900 !important;
  box-shadow:none !important;
}
.ms-product-mode-home-btn.active{
  border-color:#ed1c24 !important;
  background:#fff5f5 !important;
  color:#ed1c24 !important;
  box-shadow:0 0 0 2px rgba(237,28,36,.06) !important;
}
.ms-label-sheet-home{
  position:absolute;
  inset:8px;
  z-index:15;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}
.ms-label-sheet-home[hidden]{display:none!important}
.ms-label-paper-home{
  width:86%;
  height:91%;
  padding:16px 14px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(4,minmax(0,1fr));
  gap:9px 11px;
  background:#fff;
  border:1px solid #e2e6ea;
  border-radius:8px;
  box-shadow:0 12px 30px rgba(15,23,42,.14);
  transform:rotate(-1deg);
}
.ms-label-copy{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:0;
}
.ms-label-copy canvas{
  display:block;
  max-width:92%;
  max-height:92%;
  width:auto;
  height:auto;
  filter:drop-shadow(0 2px 2px rgba(15,23,42,.09));
}
.ms-label-sheet-badge{
  position:absolute;
  right:10px;
  bottom:8px;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(27,31,36,.9);
  color:#fff;
  font-size:7.5px;
  font-weight:900;
}
#msHomePreviewShell.ms-label-mode > #msHomeCanvas{
  visibility:hidden !important;
}
#msHomePreviewShell.ms-label-mode > #msHomePlaceholder{
  visibility:hidden !important;
}
@media(max-width:800px){
  .ms-product-mode-home{margin-bottom:5px}
  .ms-product-mode-home-btn{
    min-height:32px;
    font-size:9px !important;
  }
  .ms-label-paper-home{
    width:89%;
    height:91%;
    padding:11px 10px;
    gap:7px 8px;
  }
}


/* --- ms-home-v530-label-sheet-fix --- */

.ms-label-sheet-home{
  inset:10px !important;
  align-items:center !important;
  justify-content:center !important;
}
.ms-label-paper-home{
  width:78% !important;
  height:88% !important;
  padding:18px 16px !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-template-rows:repeat(4,minmax(0,1fr)) !important;
  gap:12px 14px !important;
  background:#fff !important;
  border:1px solid #dfe4e8 !important;
  border-radius:10px !important;
  box-shadow:0 12px 30px rgba(15,23,42,.14) !important;
  transform:rotate(-.5deg) !important;
  overflow:hidden !important;
}
.ms-label-copy{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  min-width:0 !important;
  min-height:0 !important;
}
.ms-label-copy canvas{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:72% !important;
  max-height:72% !important;
  object-fit:contain !important;
  filter:drop-shadow(0 2px 2px rgba(15,23,42,.08)) !important;
}
.ms-label-sheet-badge{
  right:16px !important;
  bottom:12px !important;
  padding:5px 8px !important;
  font-size:7px !important;
  background:rgba(27,31,36,.86) !important;
}
@media(max-width:800px){
  .ms-label-sheet-home{
    inset:8px !important;
  }
  .ms-label-paper-home{
    width:80% !important;
    height:88% !important;
    padding:14px 12px !important;
    gap:10px 11px !important;
  }
  .ms-label-copy canvas{
    max-width:68% !important;
    max-height:68% !important;
  }
  .ms-label-sheet-badge{
    right:10px !important;
    bottom:8px !important;
    font-size:6.7px !important;
  }
}
@media(max-width:390px){
  .ms-label-paper-home{
    width:82% !important;
    height:86% !important;
    padding:12px 10px !important;
    gap:8px 9px !important;
  }
  .ms-label-copy canvas{
    max-width:64% !important;
    max-height:64% !important;
  }
}


/* --- ms-home-v531-labels-cutout --- */

.ms-label-copy canvas{
  max-width:82% !important;
  max-height:82% !important;
  background:transparent !important;
  filter:drop-shadow(0 2px 2px rgba(15,23,42,.10)) !important;
}
.ms-label-paper-home{
  gap:9px 12px !important;
}
@media(max-width:800px){
  .ms-label-copy canvas{
    max-width:80% !important;
    max-height:80% !important;
  }
}
@media(max-width:390px){
  .ms-label-copy canvas{
    max-width:77% !important;
    max-height:77% !important;
  }
}


/* --- ms-home-v532-label-sheet-realistic --- */

.ms-label-paper-home{
  width:78% !important;
  height:88% !important;
  padding:18px 18px !important;
  gap:14px 16px !important;
  background:#f4f5f6 !important;
  border:1px solid #d8dde2 !important;
  border-radius:9px !important;
  box-shadow:0 12px 30px rgba(15,23,42,.13) !important;
  transform:rotate(-.35deg) !important;
  overflow:hidden !important;
}
.ms-label-copy{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  min-width:0 !important;
  min-height:0 !important;
}
.ms-label-copy canvas{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:62% !important;
  max-height:62% !important;
  object-fit:contain !important;
  background:transparent !important;
  filter:drop-shadow(0 1px 1.5px rgba(15,23,42,.11)) !important;
}
.ms-label-sheet-badge{
  right:14px !important;
  bottom:10px !important;
  font-size:6.8px !important;
  opacity:.92 !important;
}
@media(max-width:800px){
  .ms-label-paper-home{
    width:80% !important;
    height:87% !important;
    padding:16px 14px !important;
    gap:12px 13px !important;
  }
  .ms-label-copy canvas{
    max-width:58% !important;
    max-height:58% !important;
  }
}
@media(max-width:390px){
  .ms-label-paper-home{
    width:82% !important;
    height:86% !important;
    padding:14px 12px !important;
    gap:10px 11px !important;
  }
  .ms-label-copy canvas{
    max-width:55% !important;
    max-height:55% !important;
  }
}


/* --- ms-home-v533-label-sheet-6 --- */

.ms-label-paper-home{
  width:68% !important;
  height:86% !important;
  padding:22px 16px !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-template-rows:repeat(3,minmax(0,1fr)) !important;
  column-gap:16px !important;
  row-gap:24px !important;
  background:#f4f5f6 !important;
  border:1px solid #d8dde2 !important;
  border-radius:9px !important;
  box-shadow:0 12px 30px rgba(15,23,42,.13) !important;
  transform:rotate(-.3deg) !important;
  overflow:hidden !important;
}
.ms-label-copy{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  min-width:0 !important;
  min-height:0 !important;
}
.ms-label-copy canvas{
  max-width:66% !important;
  max-height:66% !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  background:transparent !important;
}
.ms-label-sheet-badge{
  right:16px !important;
  bottom:10px !important;
  font-size:6.8px !important;
}
@media(max-width:800px){
  .ms-label-paper-home{
    width:70% !important;
    height:86% !important;
    padding:20px 13px !important;
    column-gap:13px !important;
    row-gap:22px !important;
  }
  .ms-label-copy canvas{
    max-width:64% !important;
    max-height:64% !important;
  }
}
@media(max-width:390px){
  .ms-label-paper-home{
    width:72% !important;
    height:85% !important;
    padding:18px 11px !important;
    column-gap:11px !important;
    row-gap:20px !important;
  }
  .ms-label-copy canvas{
    max-width:61% !important;
    max-height:61% !important;
  }
}


/* --- ms-home-v534-label-sheet --- */

.ms-label-paper-home{
  width:60% !important;
  height:86% !important;
  padding:22px 13px !important;
  column-gap:12px !important;
  row-gap:24px !important;
}
.ms-label-copy canvas{
  max-width:70% !important;
  max-height:70% !important;
}
@media(max-width:800px){
  .ms-label-paper-home{
    width:62% !important;
    height:86% !important;
    padding:20px 11px !important;
    column-gap:10px !important;
    row-gap:22px !important;
  }
  .ms-label-copy canvas{
    max-width:68% !important;
    max-height:68% !important;
  }
}
@media(max-width:390px){
  .ms-label-paper-home{
    width:64% !important;
    height:85% !important;
    padding:18px 10px !important;
    column-gap:9px !important;
    row-gap:20px !important;
  }
}


/* --- ms-home-v535-labels-same-shape --- */

.ms-label-paper-home{
  width:58% !important;
  height:86% !important;
}
@media(max-width:800px){
  .ms-label-paper-home{
    width:60% !important;
  }
}
@media(max-width:390px){
  .ms-label-paper-home{
    width:62% !important;
  }
}


/* --- ms-home-v536-labels --- */

.ms-label-paper-home{
  width:58% !important;
  height:86% !important;
  padding:20px 10px !important;
  column-gap:9px !important;
  row-gap:18px !important;
}
.ms-label-copy canvas{
  max-width:82% !important;
  max-height:82% !important;
}
@media(max-width:800px){
  .ms-label-paper-home{
    width:60% !important;
    padding:18px 9px !important;
    column-gap:8px !important;
    row-gap:17px !important;
  }
  .ms-label-copy canvas{
    max-width:80% !important;
    max-height:80% !important;
  }
}
@media(max-width:390px){
  .ms-label-paper-home{
    width:62% !important;
    padding:17px 8px !important;
    row-gap:16px !important;
  }
  .ms-label-copy canvas{
    max-width:78% !important;
    max-height:78% !important;
  }
}


/* --- ms-home-v537-labels --- */

.ms-label-copy canvas{
  max-width:86% !important;
  max-height:86% !important;
}
@media(max-width:800px){
  .ms-label-copy canvas{
    max-width:84% !important;
    max-height:84% !important;
  }
}
@media(max-width:390px){
  .ms-label-copy canvas{
    max-width:82% !important;
    max-height:82% !important;
  }
}


/* --- ms-home-v538-labels-4 --- */

.ms-label-paper-home{
  width:56% !important;
  height:84% !important;
  padding:34px 14px !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-template-rows:repeat(2,minmax(0,1fr)) !important;
  column-gap:18px !important;
  row-gap:34px !important;
}
.ms-label-copy canvas{
  max-width:88% !important;
  max-height:88% !important;
}
.ms-label-sheet-badge{
  right:14px !important;
  bottom:10px !important;
}
@media(max-width:800px){
  .ms-label-paper-home{
    width:58% !important;
    height:84% !important;
    padding:32px 12px !important;
    column-gap:16px !important;
    row-gap:32px !important;
  }
  .ms-label-copy canvas{
    max-width:86% !important;
    max-height:86% !important;
  }
}
@media(max-width:390px){
  .ms-label-paper-home{
    width:60% !important;
    height:83% !important;
    padding:30px 10px !important;
    column-gap:14px !important;
    row-gap:30px !important;
  }
  .ms-label-copy canvas{
    max-width:84% !important;
    max-height:84% !important;
  }
}


/* --- ms-home-v539-square-rect-hard-corners --- */

.ms-label-copy canvas{
  border-radius:0 !important;
  clip-path:none !important;
  -webkit-clip-path:none !important;
}


/* --- ms-home-v540-labels-bigger --- */

.ms-label-paper-home{
  padding:26px 8px !important;
  column-gap:8px !important;
  row-gap:20px !important;
}
.ms-label-copy{
  overflow:visible !important;
}
.ms-label-copy canvas{
  max-width:98% !important;
  max-height:98% !important;
  width:auto !important;
  height:auto !important;
}
@media(max-width:800px){
  .ms-label-paper-home{
    padding:24px 7px !important;
    column-gap:7px !important;
    row-gap:18px !important;
  }
  .ms-label-copy canvas{
    max-width:97% !important;
    max-height:97% !important;
  }
}
@media(max-width:390px){
  .ms-label-paper-home{
    padding:22px 6px !important;
    column-gap:6px !important;
    row-gap:16px !important;
  }
  .ms-label-copy canvas{
    max-width:96% !important;
    max-height:96% !important;
  }
}


/* --- ms-home-v541-qr --- */

.ms-product-mode-home-buttons{grid-template-columns:repeat(3,1fr)!important}
.ms-qr-controls{display:none;margin:7px 0 0}
.ms-qr-controls.active{display:block}
.ms-qr-controls-title{font-size:9px;font-weight:900;color:#6f7782;margin-bottom:4px}
.ms-qr-position-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.ms-qr-pos-btn{
 min-height:30px;padding:5px 3px!important;border:1px solid #e0e4e9!important;border-radius:9px!important;
 background:#fff!important;color:#3b424b!important;font-size:8px!important;font-weight:900!important
}
.ms-qr-pos-btn.active{border-color:#ed1c24!important;background:#fff5f5!important;color:#ed1c24!important}
#msQrVisualLayer{
 position:absolute;inset:0;z-index:14;display:none;align-items:center;justify-content:center;pointer-events:none
}
#msHomePreviewShell.ms-qr-mode #msQrVisualLayer{display:flex}
#msHomePreviewShell.ms-qr-mode > #msHomeCanvas{visibility:hidden!important}
#msQrCompositeCanvas{
 display:block;max-width:92%;max-height:90%;width:auto;height:auto;
 filter:drop-shadow(0 8px 14px rgba(15,23,42,.15))
}
@media(max-width:800px){
 .ms-product-mode-home-btn{font-size:8.5px!important;padding:6px 4px!important}
 .ms-qr-pos-btn{font-size:7.5px!important}
}


/* --- ms-home-v542-qr-unified --- */

#msQrVisualLayer{padding:12px}
@media(max-width:800px){
  #msQrVisualLayer{padding:8px}
  #msQrCompositeCanvas{max-width:95%;max-height:92%}
}


/* --- ms-v579-product-menu --- */

.ms-product-mode-home-title{
  font-weight:800;
  letter-spacing:-.02em;
}
.ms-product-mode-home-subtitle{
  margin:4px 0 11px;
  font-size:12px;
  line-height:1.35;
  color:#64748b;
}
.ms-product-mode-home-cards{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px !important;
}
.ms-product-mode-home-cards .ms-product-mode-home-btn{
  min-width:0;
  height:auto !important;
  min-height:58px;
  padding:9px 8px !important;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  text-align:center;
  border-radius:12px !important;
  line-height:1.15;
}
.ms-product-mode-name{
  display:block;
  font-size:13px;
  font-weight:800;
}
.ms-product-mode-desc{
  display:block;
  font-size:10px;
  font-weight:600;
  opacity:.66;
  white-space:nowrap;
}
.ms-product-mode-home-btn.active .ms-product-mode-desc{
  opacity:.82;
}
@media(max-width:520px){
  .ms-product-mode-home-cards{
    gap:6px !important;
  }
  .ms-product-mode-home-cards .ms-product-mode-home-btn{
    min-height:55px;
    padding:8px 4px !important;
    border-radius:10px !important;
  }
  .ms-product-mode-name{font-size:12px}
  .ms-product-mode-desc{font-size:8.7px}
  .ms-product-mode-home-subtitle{font-size:11px;margin-bottom:9px}
}


/* --- ms-v580-most-chosen --- */

.ms-product-most-chosen{
  position:relative;
}
.ms-product-badge-most{
  position:absolute;
  top:-7px;
  right:7px;
  z-index:2;
  padding:3px 6px;
  border-radius:999px;
  background:#e31b23;
  color:#fff;
  font-size:7.5px;
  line-height:1;
  font-weight:900;
  letter-spacing:.045em;
  box-shadow:0 2px 7px rgba(227,27,35,.18);
  white-space:nowrap;
}
@media(max-width:520px){
  .ms-product-badge-most{
    top:-6px;
    right:5px;
    padding:3px 5px;
    font-size:6.8px;
  }
}


/* --- ms-v581-shape-most-chosen --- */

#shapeSagomato.ms-shape-most-chosen{
  position:relative;
  overflow:visible;
}
#shapeSagomato .ms-shape-badge-most{
  position:absolute;
  top:-7px;
  right:5px;
  z-index:3;
  padding:3px 5px;
  border-radius:999px;
  background:#e31b23;
  color:#fff;
  font-size:6.8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.04em;
  white-space:nowrap;
  box-shadow:0 2px 6px rgba(227,27,35,.16);
}
@media(max-width:520px){
  #shapeSagomato .ms-shape-badge-most{
    top:-6px;
    right:3px;
    font-size:6.2px;
    padding:3px 4px;
  }
}


/* --- ms-v582-shape-badge-visible --- */

#shapeSagomato.ms-shape-most-chosen{
  position:relative !important;
  overflow:visible !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  flex-wrap:nowrap !important;
}
#shapeSagomato .ms-shape-label{
  display:inline-block !important;
}
#shapeSagomato .ms-shape-badge-most{
  position:static !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:3px 5px !important;
  border-radius:999px !important;
  background:#e31b23 !important;
  color:#fff !important;
  font-size:6.5px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.035em !important;
  white-space:nowrap !important;
  box-shadow:none !important;
  opacity:1 !important;
  visibility:visible !important;
}
@media(max-width:520px){
  #shapeSagomato.ms-shape-most-chosen{gap:3px !important;}
  #shapeSagomato .ms-shape-badge-most{
    font-size:5.8px !important;
    padding:3px 4px !important;
  }
}


/* --- ms-v583-home-shape-badge --- */

.ms-shape-btn.ms-home-shape-most{
  position:relative !important;
  overflow:visible !important;
}
.ms-home-shape-badge{
  position:absolute !important;
  top:-7px !important;
  right:6px !important;
  z-index:20 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:3px 6px !important;
  border-radius:999px !important;
  background:#e31b23 !important;
  color:#fff !important;
  font-size:6.8px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  white-space:nowrap !important;
  box-shadow:0 2px 7px rgba(227,27,35,.18) !important;
  opacity:1 !important;
  visibility:visible !important;
}
@media(max-width:520px){
  .ms-home-shape-badge{
    top:-6px !important;
    right:4px !important;
    font-size:6.2px !important;
    padding:3px 5px !important;
  }
}


/* --- ms-v584-home-shape-badge-left --- */

.ms-home-shape-badge{
  left:6px !important;
  right:auto !important;
}
@media(max-width:520px){
  .ms-home-shape-badge{
    left:4px !important;
    right:auto !important;
  }
}


/* --- ms-v585-product-badge-left --- */

.ms-product-badge-most{
  left:6px !important;
  right:auto !important;
}
@media(max-width:520px){
  .ms-product-badge-most{
    left:4px !important;
    right:auto !important;
  }
}


/* --- ms-v593-mobile-compact-open --- */

@media(max-width:800px){
  
  #msHomeDemo .ms-preview-col{
    margin-top:8px !important;
  }
  #msHomeDemo .ms-product-mode-home{
    margin-bottom:8px !important;
  }
  #msHomeDemo .ms-product-mode-home-subtitle{
    margin-bottom:7px !important;
  }
  #msHomeDemo .ms-preview-shell{
    min-height:300px !important;
    padding:10px !important;
    margin-bottom:8px !important;
  }
  
  #msHomeDemo .ms-option-block{
    margin-top:8px !important;
  }
  #msHomeDemo .ms-option-block > .ms-option-label{
    margin-bottom:6px !important;
    font-size:9px !important;
  }
  #msHomeDemo .ms-shapes{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:5px !important;
  }
  #msHomeDemo .ms-shape-btn{
    min-height:64px !important;
    padding:6px 3px !important;
    border-radius:11px !important;
    gap:3px !important;
  }
  #msHomeDemo .ms-shape-icon{
    width:27px !important;
    height:27px !important;
  }
  #msHomeDemo .ms-shape-label{
    font-size:9px !important;
  }
  #msHomeDemo .ms-home-shape-badge{
    top:-5px !important;
    left:3px !important;
    right:auto !important;
    padding:2px 4px !important;
    font-size:5.8px !important;
  }
  #msHomeDemo .ms-shape-check{
    top:4px !important;
    right:4px !important;
    width:16px !important;
    height:16px !important;
    font-size:8px !important;
  }
  
  #msHomeDemo .ms-shape-edit-hint{
    margin-top:6px !important;
    min-height:38px !important;
    padding:6px 8px !important;
    border-radius:10px !important;
  }
  #msHomeDemo .ms-shape-edit-hint strong{
    font-size:9.5px !important;
  }
  #msHomeDemo .ms-shape-edit-hint small{
    font-size:8px !important;
  }
  #msHomeDemo .ms-shape-edit-hint b{
    font-size:9px !important;
  }
  
  #msHomeDemo .ms-material-title-row{
    margin-bottom:4px !important;
  }
  #msHomeDemo .ms-material-hint{
    font-size:8px !important;
  }
  #msHomeDemo .ms-material-btn{
    flex:0 0 68px !important;
    min-width:68px !important;
    min-height:61px !important;
    padding:4px 3px !important;
    border-radius:10px !important;
    font-size:8.5px !important;
  }
  #msHomeDemo .ms-material-btn .ms-material-photo{
    width:31px !important;
    height:31px !important;
    flex-basis:31px !important;
    margin:0 auto 3px !important;
  }
  #msHomeDemo .ms-materials{
    gap:5px !important;
  }
  #msHomeDemo .ms-material-scroll{
    padding-bottom:2px !important;
  }
  
  #msHomeDemo #msQrControls{
    margin:7px 0 5px !important;
    padding:7px !important;
    border:1px solid #e7e9ed !important;
    border-radius:11px !important;
    background:#fff !important;
  }
  #msHomeDemo #msQrControls .ms-qr-controls-title{
    display:block !important;
    margin:0 0 5px !important;
    font-size:8.5px !important;
    font-weight:900 !important;
    color:#69717c !important;
  }
  #msHomeDemo #msQrControls .ms-qr-position-buttons{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:4px !important;
  }
  #msHomeDemo #msQrControls .ms-qr-pos-btn{
    min-height:29px !important;
    padding:4px 2px !important;
    border-radius:8px !important;
    font-size:7.5px !important;
  }
  
  #msHomeDemo .ms-bottom{
    margin-top:11px !important;
  }
  #msHomeDemo .ms-cta{
    min-height:50px !important;
    border-radius:13px !important;
  }
}


/* --- ms-v594-copy-polish --- */

@media(max-width:800px){
  #msHomeDemo .ms-cta-micro{
    font-size:10px !important;
    line-height:1.45 !important;
    color:#747c87 !important;
  }
  #msHomeDemo .ms-cta-micro strong{
    display:inline-block;
    margin-bottom:2px;
    color:#171b21;
    font-size:12px;
    font-weight:900;
  }
}


/* --- ms-v595-copy-visible-fix --- */

@media(max-width:800px){
  #msHomeDemo .ms-bottom .ms-cta-micro{
    display:block !important;
    margin:0 0 10px !important;
    color:#747c87 !important;
    font-size:10px !important;
    line-height:1.45 !important;
    text-align:center !important;
  }
  #msHomeDemo .ms-bottom .ms-cta-micro strong{
    display:inline-block !important;
    margin-bottom:2px !important;
    color:#171b21 !important;
    font-size:12px !important;
    font-weight:900 !important;
  }
  #msHomeDemo .ms-home-head h1{
    font-size:25px !important;
    line-height:1.06 !important;
  }
  #msHomeDemo .ms-home-head h2{
    font-size:13px !important;
    line-height:1.25 !important;
  }
  #msHomeDemo .ms-home-head p{
    max-width:340px !important;
    font-size:10.5px !important;
    line-height:1.45 !important;
  }
}


/* --- ms-v597-bottom-copy-box-only --- */

#msHomeDemo .ms-cta-micro{
  display:block !important;
  max-width:520px !important;
  margin:0 auto 9px !important;
  padding:7px 10px !important;
  border:1px solid #e4e7eb !important;
  border-radius:7px !important;
  background:#f8f9fa !important;
  color:#737b86 !important;
  font-size:8.5px !important;
  line-height:1.35 !important;
  font-weight:600 !important;
  text-align:center !important;
}
#msHomeDemo .ms-cta-micro strong{
  display:inline !important;
  margin:0 !important;
  color:#343a43 !important;
  font-size:9px !important;
  font-weight:900 !important;
}
@media(max-width:800px){
  #msHomeDemo .ms-bottom .ms-cta-micro{
    display:block !important;
    max-width:none !important;
    margin:0 0 8px !important;
    padding:7px 9px !important;
    border:1px solid #e4e7eb !important;
    border-radius:7px !important;
    background:#f8f9fa !important;
    color:#737b86 !important;
    font-size:8px !important;
    line-height:1.35 !important;
    text-align:center !important;
  }
  #msHomeDemo .ms-bottom .ms-cta-micro strong{
    display:inline !important;
    margin:0 !important;
    color:#343a43 !important;
    font-size:8.5px !important;
  }
}


/* --- ms-v5101-preview-first-safe --- */

.ms-mobile-preview-summary{display:none}
@media(max-width:800px){
  #msHomeDemo:not(.has-file) .ms-bottom{
    display:none !important;
  }
  
  #msHomeDemo.has-file:not(.ms-mobile-edit-open) .ms-product-mode-home,
  #msHomeDemo.has-file:not(.ms-mobile-edit-open) .ms-option-block{
    display:none !important;
  }
  #msHomeDemo.has-file:not(.ms-mobile-edit-open) #msQrControls{
    display:none !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open .ms-product-mode-home,
  #msHomeDemo.has-file.ms-mobile-edit-open .ms-option-block{
    display:block !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open #msQrControls{
    display:none !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open #msQrControls.active{
    display:block !important;
  }
  
  #msHomeDemo .ms-preview-col{
    display:block !important;
  }
  #msHomeDemo.has-file .ms-preview-shell{
    display:flex !important;
    min-height:345px !important;
    margin-bottom:6px !important;
  }
  #msHomeDemo.has-file .ms-preview-kicker{
    display:flex !important;
    justify-content:center !important;
    margin:0 0 5px !important;
  }
  
  #msHomeDemo.has-file .ms-mobile-preview-summary{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin:8px 0 6px;
    padding:8px 9px;
    border:1px solid #e4e7eb;
    border-radius:10px;
    background:#fff;
  }
  .ms-mobile-preview-summary-values{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px;
    min-width:0;
    color:#343a43;
    font-size:8.5px;
    font-weight:900;
  }
  .ms-mobile-preview-summary-values span{
    display:inline-flex;
    align-items:center;
    white-space:nowrap;
  }
  .ms-mobile-preview-summary-values span:not(:last-child)::after{
    content:"·";
    margin-left:5px;
    color:#b0b6be;
  }
  .ms-mobile-preview-edit{
    flex:0 0 auto;
    min-height:30px;
    padding:5px 9px;
    border:1px solid #dedfe3;
    border-radius:8px;
    background:#f7f8fa;
    color:#333a43;
    font-family:inherit;
    font-size:8px;
    font-weight:900;
  }
  #msHomeDemo.ms-mobile-edit-open .ms-mobile-preview-edit{
    background:#171b21;
    border-color:#171b21;
    color:#fff;
  }
  
  #msHomeDemo.has-file .ms-bottom{
    display:block !important;
    margin-top:8px !important;
  }
}


/* --- ms-v5102-preupload-hide-safe --- */

@media(max-width:800px){
  #msHomeDemo:not(.has-file) .ms-preview-col{
    position:absolute !important;
    left:-10000px !important;
    top:0 !important;
    width:100% !important;
    max-width:760px !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
  #msHomeDemo:not(.has-file) .ms-bottom{
    display:none !important;
  }
  #msHomeDemo:not(.has-file) .ms-home-card{
    display:block !important;
  }
  #msHomeDemo:not(.has-file) .ms-upload-col{
    width:100% !important;
    max-width:none !important;
  }
  
  #msHomeDemo.has-file .ms-preview-col{
    position:static !important;
    left:auto !important;
    top:auto !important;
    width:auto !important;
    max-width:none !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
  #msHomeDemo.has-file:not(.ms-mobile-edit-open) .ms-product-mode-home,
  #msHomeDemo.has-file:not(.ms-mobile-edit-open) .ms-option-block,
  #msHomeDemo.has-file:not(.ms-mobile-edit-open) #msQrControls{
    display:none !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open .ms-product-mode-home,
  #msHomeDemo.has-file.ms-mobile-edit-open .ms-option-block{
    display:block !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open #msQrControls{
    display:none !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open #msQrControls.active{
    display:block !important;
  }
}


/* --- ms-v5103-mobile-hierarchy --- */

@media(max-width:800px){
  
  #msHomeDemo.has-file .ms-product-mode-home{
    display:block !important;
    margin:7px 0 7px !important;
  }
  #msHomeDemo.has-file .ms-product-mode-home-title{
    font-size:9px !important;
    margin-bottom:2px !important;
  }
  #msHomeDemo.has-file .ms-product-mode-home-subtitle{
    display:none !important;
  }
  #msHomeDemo.has-file .ms-product-mode-home-cards{
    gap:4px !important;
  }
  #msHomeDemo.has-file .ms-product-mode-home-btn{
    min-height:42px !important;
    padding:5px 3px !important;
    border-radius:8px !important;
  }
  #msHomeDemo.has-file .ms-product-mode-name{
    font-size:9px !important;
  }
  #msHomeDemo.has-file .ms-product-mode-desc{
    display:none !important;
  }
  
  #msHomeDemo.has-file .ms-option-block.ms-mobile-material-block{
    display:block !important;
    margin-top:7px !important;
    margin-bottom:5px !important;
  }
  #msHomeDemo.has-file .ms-option-block.ms-mobile-material-block .ms-material-title-row{
    margin-bottom:3px !important;
  }
  #msHomeDemo.has-file .ms-option-block.ms-mobile-material-block .ms-material-hint{
    display:none !important;
  }
  #msHomeDemo.has-file .ms-option-block.ms-mobile-material-block .ms-material-btn{
    flex:0 0 64px !important;
    min-width:64px !important;
    min-height:57px !important;
    padding:4px 3px !important;
    border-radius:9px !important;
    font-size:8px !important;
  }
  #msHomeDemo.has-file .ms-option-block.ms-mobile-material-block .ms-material-photo{
    width:29px !important;
    height:29px !important;
    flex-basis:29px !important;
    margin-bottom:3px !important;
  }
  
  #msHomeDemo.has-file:not(.ms-mobile-edit-open) .ms-option-block.ms-mobile-shape-block{
    display:none !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open .ms-option-block.ms-mobile-shape-block{
    display:block !important;
  }
  
  #msHomeDemo.has-file:not(.ms-mobile-edit-open) #msQrControls{
    display:none !important;
  }
  
  #msHomeDemo.has-file .ms-mobile-preview-summary{
    margin:6px 0 5px !important;
    padding:7px 8px !important;
  }
  #msHomeDemo.has-file .ms-mobile-preview-edit{
    min-height:31px !important;
    padding:5px 9px !important;
    font-size:8px !important;
  }
  
  #msHomeDemo.has-file .ms-bottom{
    margin-top:6px !important;
  }
}


/* --- ms-v5104-mobile-products-outside --- */

@media(max-width:800px){
  
  #msHomeDemo.has-file .ms-preview-col{
    display:flex !important;
    flex-direction:column !important;
  }
  #msHomeDemo.has-file .ms-preview-col > .ms-section-title{order:1}
  #msHomeDemo.has-file .ms-preview-col > .ms-preview-kicker{order:2}
  #msHomeDemo.has-file .ms-preview-col > #msHomePreviewShell{order:3}
  #msHomeDemo.has-file .ms-preview-col > .ms-mobile-preview-summary{order:4}
  #msHomeDemo.has-file .ms-preview-col > .ms-mobile-shape-block{order:5}
  #msHomeDemo.has-file .ms-preview-col > #msQrControls{order:6}
  #msHomeDemo.has-file .ms-preview-col > #msProductModeHome{order:7}
  #msHomeDemo.has-file .ms-preview-col > .ms-mobile-material-block{order:8}
  
  #msHomeDemo.has-file #msProductModeHome{
    display:block !important;
    margin:8px 0 6px !important;
  }
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-home-title{
    display:block !important;
    margin:0 0 5px !important;
    font-size:9px !important;
  }
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-home-subtitle{
    display:none !important;
  }
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-home-buttons{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:4px !important;
  }
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-home-btn{
    min-height:42px !important;
    padding:5px 3px !important;
    border-radius:8px !important;
  }
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-name{
    font-size:9px !important;
  }
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-desc{
    display:none !important;
  }
  
  #msHomeDemo.has-file .ms-mobile-material-block{
    display:block !important;
  }
  
  #msHomeDemo.has-file:not(.ms-mobile-edit-open) .ms-mobile-shape-block{
    display:none !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open .ms-mobile-shape-block{
    display:block !important;
  }
  #msHomeDemo.has-file:not(.ms-mobile-edit-open) #msQrControls{
    display:none !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open #msQrControls{
    display:none !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open #msQrControls.active{
    display:block !important;
  }
  
  #msHomeDemo.has-file .ms-mobile-preview-summary-values [data-summary-product],
  #msHomeDemo.has-file .ms-mobile-preview-summary-values [data-summary-material]{
    display:none !important;
  }
  #msHomeDemo.has-file .ms-mobile-preview-summary-values [data-summary-shape]::after{
    content:"";
    margin:0;
  }
}


/* --- ms-v5108-clean-edit-visibility --- */

@media(max-width:800px){
  
  #msHomeDemo.has-file:not(.ms-mobile-edit-open) #msProductModeHome{
    display:block !important;
  }
  #msHomeDemo.has-file:not(.ms-mobile-edit-open) .ms-mobile-material-block{
    display:block !important;
  }
  #msHomeDemo.has-file:not(.ms-mobile-edit-open) .ms-mobile-shape-block{
    display:none !important;
  }
  #msHomeDemo.has-file:not(.ms-mobile-edit-open) #msQrControls{
    display:none !important;
  }
  
  #msHomeDemo.has-file.ms-mobile-edit-open .ms-mobile-shape-block{
    display:block !important;
  }
  
  #msHomeDemo.has-file.ms-mobile-edit-open .ms-mobile-material-block{
    display:none !important;
  }
  
  #msHomeDemo.has-file.ms-mobile-edit-open:not(.ms-edit-qr) #msProductModeHome{
    display:none !important;
  }
  
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr #msProductModeHome{
    display:block !important;
    margin:0 0 8px !important;
  }
  
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr #msProductModeHome > .ms-product-mode-home-title,
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr #msProductModeHome > .ms-product-mode-home-subtitle,
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr #msProductModeHome > .ms-product-mode-home-buttons{
    display:none !important;
  }
  
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr #msQrControls{
    display:block !important;
    margin:0 !important;
    padding:7px !important;
    border:1px solid #e7e9ed !important;
    border-radius:10px !important;
    background:#fff !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr #msQrControls .ms-qr-controls-title{
    display:block !important;
    margin:0 0 6px !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr #msQrControls .ms-qr-position-buttons{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:4px !important;
  }
}


/* --- ms-v5109-dynamic-edit --- */

@media(max-width:800px){
  #msHomeDemo.has-file:not(.ms-mobile-edit-open) .ms-mobile-shape-block,
  #msHomeDemo.has-file:not(.ms-mobile-edit-open) #msQrControls{
    display:none !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open:not(.ms-edit-qr) .ms-mobile-shape-block{
    display:block !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open:not(.ms-edit-qr) #msProductModeHome{
    display:none !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open:not(.ms-edit-qr) #msQrControls{
    display:none !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr .ms-mobile-shape-block{
    display:block !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr #msProductModeHome{
    display:block !important;
    margin:0 0 7px !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr #msProductModeHome > .ms-product-mode-home-title,
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr #msProductModeHome > .ms-product-mode-home-subtitle,
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr #msProductModeHome > .ms-product-mode-home-buttons{
    display:none !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr #msQrControls{
    display:block !important;
    margin:0 !important;
    padding:7px !important;
    border:1px solid #e7e9ed !important;
    border-radius:10px !important;
    background:#fff !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr #msQrControls .ms-qr-controls-title{
    display:block !important;
    margin:0 0 6px !important;
    font-size:9px !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr #msQrControls .ms-qr-position-buttons{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:4px !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open .ms-mobile-material-block{
    display:none !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open:not(.ms-edit-qr) #msHomeContourControls{
    display:block !important;
    margin-top:7px !important;
  }
}


/* --- ms-v5110-mobile-readable-text --- */

@media(max-width:800px){
  #msHomeDemo .ms-home-head h1{
    font-size:25px !important;
    line-height:1.08 !important;
    color:#15181d !important;
    font-weight:900 !important;
  }
  #msHomeDemo .ms-home-head h2{
    font-size:13px !important;
    line-height:1.3 !important;
    color:#343a43 !important;
    font-weight:800 !important;
  }
  #msHomeDemo .ms-home-head p{
    font-size:11px !important;
    line-height:1.45 !important;
    color:#626a75 !important;
  }
  
  #msHomeDemo .ms-section-title,
  #msHomeDemo .ms-product-mode-home-title,
  #msHomeDemo .ms-option-label,
  #msHomeDemo .ms-material-title-row{
    color:#252a31 !important;
    font-size:10.5px !important;
    font-weight:900 !important;
  }
  #msHomeDemo .ms-preview-kicker{
    color:#4f5762 !important;
    font-size:9.5px !important;
    font-weight:800 !important;
  }
  
  #msHomeDemo .ms-product-mode-name{
    color:#20242a !important;
    font-size:10px !important;
    font-weight:900 !important;
  }
  
  #msHomeDemo .ms-shape-label{
    color:#292e35 !important;
    font-size:9.5px !important;
    font-weight:850 !important;
  }
  #msHomeDemo .ms-material-btn{
    color:#292e35 !important;
    font-size:9px !important;
    font-weight:850 !important;
  }
  
  #msHomeDemo .ms-mobile-preview-edit{
    min-height:34px !important;
    padding:6px 10px !important;
    color:#22272e !important;
    background:#f3f4f6 !important;
    border-color:#cfd3d8 !important;
    font-size:9.5px !important;
    font-weight:900 !important;
  }
  #msHomeDemo.ms-mobile-edit-open .ms-mobile-preview-edit{
    color:#fff !important;
    background:#171b21 !important;
    border-color:#171b21 !important;
  }
  
  #msHomeDemo #msQrControls .ms-qr-controls-title{
    color:#252a31 !important;
    font-size:10px !important;
    font-weight:900 !important;
  }
  #msHomeDemo #msQrControls .ms-qr-pos-btn{
    color:#30363e !important;
    font-size:8.5px !important;
    font-weight:850 !important;
  }
  
  #msHomeDemo .ms-bottom .ms-cta-micro{
    color:#59616c !important;
    font-size:9px !important;
    line-height:1.4 !important;
  }
  #msHomeDemo .ms-bottom .ms-cta-micro strong{
    color:#272c33 !important;
    font-size:10px !important;
    font-weight:900 !important;
  }
  #msHomeDemo .ms-cta{
    font-size:13px !important;
    font-weight:900 !important;
  }
}


<![CDATA[
        .PerfCutContour{
          fill:none;
          stroke:#00A651;
          stroke-linejoin:round;
          stroke-linecap:round;
          stroke-miterlimit:1;
        }
      ]]>
.material-action-whatsapp{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:42px;
  padding:9px 15px;
  border:1px solid #16a34a;
  border-radius:11px;
  background:#16a34a;
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.material-action-whatsapp:hover{filter:brightness(.96)}
.material-action-whatsapp:disabled{opacity:.55;cursor:not-allowed}
.woo-work-filter{
  display:flex;align-items:center;gap:6px;flex-wrap:wrap
}
.woo-work-filter .woo-filter-btn{
  min-height:36px!important;padding:7px 12px!important;border-radius:10px!important;
  border:1px solid #dbe4ee!important;background:#fff!important;color:#64748b!important;
  font-size:10px!important;font-weight:900!important
}
.woo-work-filter .woo-filter-btn.active{
  border-color:#0f172a!important;background:#0f172a!important;color:#fff!important;
  box-shadow:0 4px 12px rgba(15,23,42,.12)
}
.woo-filter-count{
  display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;
  margin-left:5px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.16);font-size:9px
}
.woo-filter-btn:not(.active) .woo-filter-count{background:#f1f5f9;color:#475569}
.workflow-compact{
  display:flex;gap:8px;margin-top:10px;flex-wrap:wrap
}
.workflow-mini{
  flex:1 1 260px;border:1px solid #dbe4ee;border-radius:11px;background:#fff;overflow:hidden
}
.workflow-mini summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:40px;
  padding:8px 11px;color:#334155;font-size:10px;font-weight:850
}
.workflow-mini summary::-webkit-details-marker{display:none}
.workflow-mini summary:after{content:'Dettagli';margin-left:auto;color:#94a3b8;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.workflow-mini[open] summary:after{content:'Chiudi'}
.workflow-mini-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex:0 0 auto}
.workflow-mini.warn .workflow-mini-dot{background:#f59e0b}
.workflow-mini.bad .workflow-mini-dot{background:#ef4444}
.workflow-mini.warn{border-color:#fde68a}.workflow-mini.bad{border-color:#fecaca}
.workflow-mini-detail{padding:0 11px 10px;color:#64748b;font-size:9px;line-height:1.45;border-top:1px solid #f1f5f9;padding-top:8px}
.production-estimate-boxline{
  margin-top:7px;padding-top:7px;border-top:1px solid #e2e8f0;color:#475569;font-size:9px;line-height:1.35
}
.production-estimate-boxline strong{color:#0f172a}
@media(max-width:800px){.workflow-compact{display:grid;grid-template-columns:1fr}.woo-work-filter{width:100%}.woo-work-filter .woo-filter-btn{flex:1}}


/* --- ms-home-preview-v2-style --- */

  html,body{overflow-x:hidden!important;overflow-y:auto!important;background:#fff!important;height:auto!important;min-height:100%!important}
  body.material-modal-open{overflow-y:auto!important;overflow-x:hidden!important}
  html.material-modal-open{overflow-y:auto!important;overflow-x:hidden!important}
  .app-shell,#materialPreviewModal{display:none!important}
  .ms-home-demo{font-family:Arial,Helvetica,sans-serif;color:#111827;background:#fff;min-height:100vh;padding:48px 20px 60px}
  .ms-home-demo *{box-sizing:border-box}
  .ms-home-wrap{max-width:1180px;margin:0 auto}
  .ms-home-head{text-align:center;margin:0 auto 28px;max-width:760px}
  .ms-home-kicker{display:block;color:#ed1c24;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px}
  .ms-home-head h1{margin:0;color:#0b0d12;font-size:44px;line-height:1.03;letter-spacing:-.035em;font-weight:900}
  .ms-home-head h2{margin:10px 0 0;font-size:18px;line-height:1.25;font-weight:800;color:#151922}
  .ms-home-head p{margin:8px auto 0;color:#6b7280;font-size:15px;line-height:1.5}
  .ms-home-card{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(430px,1.22fr);gap:26px;padding:28px;background:#fff;border:1px solid #e6e9ee;border-radius:24px;box-shadow:0 18px 55px rgba(15,23,42,.08)}
  .ms-section-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:900;color:#111827;margin-bottom:16px}
  .ms-step{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#ed1c24;color:#fff;font-size:13px;font-weight:900;flex:0 0 auto}
  .ms-upload{min-height:255px;border:2px dashed #cfd5dd;border-radius:18px;background:#fbfcfd;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;cursor:pointer;transition:.18s ease}
  .ms-upload:hover{border-color:#ed1c24;background:#fffafa}
  .ms-upload-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin-bottom:13px;color:#ed1c24;background:#fff1f2;font-size:29px;font-weight:400}
  .ms-upload strong{font-size:16px;color:#10131a}
  .ms-upload small{margin-top:7px;color:#8a919d;font-size:12px}
  .ms-file-row{display:none;align-items:center;gap:10px;margin-top:12px;padding:11px 12px;border:1px solid #e3e7ec;border-radius:12px;background:#fff;font-size:12px;color:#374151}
  .ms-file-row.visible{display:flex}.ms-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ms-check{color:#16a34a;font-weight:900}
  .ms-engine-note{margin-top:12px;color:#8b93a1;font-size:11px;line-height:1.45}
  .ms-preview-shell{position:relative;min-height:390px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#f7f8fa,#eef1f5);overflow:hidden;padding:26px}
  .ms-preview-shell canvas{display:block;width:100%;height:auto;max-height:410px;object-fit:contain}
  .ms-placeholder{text-align:center;color:#9aa2ad;font-size:14px;line-height:1.45}.ms-placeholder strong{display:block;color:#69717d;font-size:16px;margin-bottom:4px}
  .ms-loading{display:none;position:absolute;inset:0;z-index:5;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:rgba(248,250,252,.88);backdrop-filter:blur(3px);font-size:13px;font-weight:800;color:#475569}.ms-loading.visible{display:flex}
  .ms-spinner{width:30px;height:30px;border:3px solid #e1e5ea;border-top-color:#ed1c24;border-radius:50%;animation:msspin .75s linear infinite}@keyframes msspin{to{transform:rotate(360deg)}}
  .ms-option-block{margin-top:17px}.ms-option-label{text-align:center;margin-bottom:9px;font-size:11px;color:#454b55;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
  .ms-shapes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.ms-shape-btn{min-height:45px;border:1px solid #dde2e8;border-radius:12px;background:#fff;color:#242a33;font-size:13px;font-weight:800;cursor:pointer}.ms-shape-btn.active{border-color:#ed1c24;background:#fff7f7;color:#d8171e;box-shadow:inset 0 0 0 1px rgba(237,28,36,.05)}
  .ms-materials{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.ms-material-btn{min-width:0;padding:9px 5px 10px;border:1px solid #dde2e8;border-radius:12px;background:#fff;color:#2a3039;cursor:pointer;font-size:11px;font-weight:800}.ms-material-btn.active{border-color:#ed1c24;background:#fff7f7}.ms-material-dot{display:block;width:38px;height:38px;border-radius:50%;margin:0 auto 6px;border:1px solid rgba(15,23,42,.09);box-shadow:inset 0 1px 4px rgba(255,255,255,.6)}
  .mat-classic{background:linear-gradient(145deg,#fff,#dfe4e9)}.mat-holographic{background:linear-gradient(135deg,#c9f3ff,#f2c8ea,#d0ffd4,#d7dcff,#ffe4c4)}.mat-glitter{background:radial-gradient(circle at 25% 30%,#fff 0 3%,transparent 4%),radial-gradient(circle at 70% 60%,#fff 0 2%,transparent 3%),linear-gradient(135deg,#cfd2d8,#777d86,#dddfe3)}.mat-gold{background:linear-gradient(135deg,#ffea9c,#b98716,#f6d462,#8e6208)}.mat-silver{background:linear-gradient(135deg,#fff,#8f959d,#f6f6f6,#777d85)}
  .ms-bottom{text-align:center;margin-top:22px}.ms-bottom p{margin:0 0 10px;font-size:14px;font-weight:800}.ms-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:310px;min-height:52px;padding:0 28px;border:0;border-radius:999px;background:#ed1c24;color:#fff;text-decoration:none;font-size:16px;font-weight:900;box-shadow:0 10px 24px rgba(237,28,36,.20)}
  .ms-error{display:none;margin-top:12px;padding:10px 12px;border:1px solid #fecaca;background:#fff1f2;color:#991b1b;border-radius:10px;font-size:12px;line-height:1.4}.ms-error.visible{display:block}
  @media(max-width:800px){
    .ms-home-demo{padding:26px 14px 34px}.ms-home-head{margin-bottom:19px}.ms-home-kicker{font-size:10px;margin-bottom:7px}.ms-home-head h1{font-size:29px}.ms-home-head h2{font-size:15px;margin-top:8px}.ms-home-head p{font-size:13px;margin-top:6px}
    .ms-home-card{display:block;padding:0;border:0;border-radius:0;box-shadow:none}.ms-upload-col .ms-section-title,.ms-preview-col .ms-section-title{display:none}
    .ms-upload{min-height:132px;border-radius:15px;padding:17px}.ms-upload-icon{width:46px;height:46px;border-radius:14px;margin-bottom:8px;font-size:23px}.ms-upload strong{font-size:14px}.ms-upload small{font-size:10px;margin-top:5px}.ms-file-row{margin-top:8px}.ms-engine-note{display:none}
    .ms-preview-col{margin-top:12px}.ms-preview-shell{min-height:280px;border-radius:15px;padding:13px}.ms-preview-shell canvas{max-height:330px}.ms-option-block{margin-top:13px}.ms-option-label{font-size:9px;margin-bottom:7px}.ms-shapes{gap:6px}.ms-shape-btn{min-height:39px;border-radius:10px;font-size:11px;padding:0 4px}
    .ms-material-scroll{overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.ms-material-scroll::-webkit-scrollbar{display:none}.ms-materials{display:flex;gap:7px;width:max-content}.ms-material-btn{width:76px;flex:0 0 76px;padding:7px 4px 8px;border-radius:10px;font-size:10px}.ms-material-dot{width:31px;height:31px;margin-bottom:5px}
    .ms-bottom{margin-top:17px}.ms-bottom p{display:none}.ms-cta{width:100%;min-width:0;min-height:49px;font-size:14px}
  }


/* --- ms-home-scroll-v23 --- */

html, body {
  height:auto !important;
  min-height:100% !important;
  max-height:none !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  position:static !important;
  overscroll-behavior-y:auto !important;
  -webkit-overflow-scrolling:touch !important;
}
body.app-step-2-active,
body.app-orders-active,
body.material-modal-open {
  height:auto !important;
  min-height:100% !important;
  max-height:none !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  position:static !important;
}
.app-shell, .app-workspace, .app-scroll {
  max-height:none !important;
}
.ms-home-demo {
  height:auto !important;
  min-height:100vh !important;
  max-height:none !important;
  overflow:visible !important;
  touch-action:pan-y !important;
}
.ms-home-card, .ms-preview-col, .ms-preview-shell {
  max-height:none !important;
}
@media (max-width:900px) {
  html, body, body.app-step-2-active, body.material-modal-open {
    height:auto !important;
    min-height:100% !important;
    overflow-y:auto !important;
  }
  .ms-home-demo { touch-action:pan-y !important; }
  .ms-preview-shell { touch-action:pan-y !important; }
  .ms-preview-shell canvas { pointer-events:none; }
}


/* --- ms-v5112-selection-order --- */

@media(max-width:800px){
  #msHomeDemo.has-file .ms-preview-col{
    display:flex !important;
    flex-direction:column !important;
  }
  #msHomeDemo.has-file .ms-preview-col > .ms-section-title{order:1 !important;}
  #msHomeDemo.has-file .ms-preview-col > .ms-preview-kicker{order:2 !important;}
  #msHomeDemo.has-file .ms-preview-col > #msHomePreviewShell{order:3 !important;}
  #msHomeDemo.has-file .ms-preview-col > #msProductModeHome{order:4 !important;}
  #msHomeDemo.has-file .ms-preview-col > .ms-mobile-preview-summary{order:5 !important;}
  #msHomeDemo.has-file .ms-preview-col > .ms-mobile-shape-block{order:6 !important;}
  #msHomeDemo.has-file .ms-preview-col > .ms-mobile-material-block{order:7 !important;}
  
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-home-title{
    display:block !important;
  }
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-home-title::before{
    content:"1 · ";
    color:#ed1c24;
    font-weight:950;
  }
  
  #msHomeDemo.has-file .ms-mobile-preview-summary{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin:7px 0 7px !important;
    padding:9px 10px !important;
  }
  #msHomeDemo.has-file .ms-mobile-preview-summary-values{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:2px !important;
    min-width:0 !important;
  }
  #msHomeDemo.has-file .ms-mobile-preview-summary-values::before{
    content:"2 · Scegli la forma";
    display:block;
    color:#252a31;
    font-size:10.5px;
    line-height:1.15;
    font-weight:900;
    letter-spacing:.01em;
  }
  #msHomeDemo.has-file .ms-mobile-preview-summary-values [data-summary-product],
  #msHomeDemo.has-file .ms-mobile-preview-summary-values [data-summary-material]{
    display:none !important;
  }
  #msHomeDemo.has-file .ms-mobile-preview-summary-values [data-summary-shape]{
    display:block !important;
    color:#777f89 !important;
    font-size:9px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
  }
  #msHomeDemo.has-file .ms-mobile-preview-summary-values [data-summary-shape]::after{
    content:"" !important;
    margin:0 !important;
  }
  
  #msHomeDemo.has-file.ms-edit-qr .ms-mobile-preview-summary-values::before{
    content:"2 · Posizione codice QR";
  }
  #msHomeDemo.has-file.ms-edit-qr .ms-mobile-preview-summary-values [data-summary-shape]{
    display:none !important;
  }
  
  #msHomeDemo.has-file .ms-mobile-material-block .ms-option-label::before{
    content:"3 · ";
    color:#ed1c24;
    font-weight:950;
  }
  
  #msHomeDemo.has-file.ms-mobile-edit-open:not(.ms-edit-qr) .ms-mobile-shape-block{
    order:6 !important;
    display:block !important;
    margin-top:0 !important;
  }
}


/* --- ms-v5113-qr-back-inside-point1 --- */

@media(max-width:800px){
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr .ms-mobile-preview-summary{
    display:none !important;
  }
  
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr #msQrControls{
    position:relative !important;
    padding:12px 12px 11px !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr #msQrControls .ms-qr-controls-title{
    min-height:36px !important;
    display:flex !important;
    align-items:center !important;
    margin:0 118px 8px 0 !important;
    font-size:11px !important;
  }
  
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr #msQrControls > .ms-mobile-preview-edit{
    position:absolute !important;
    top:8px !important;
    right:8px !important;
    z-index:2 !important;
    min-height:38px !important;
    padding:7px 13px !important;
    border-radius:10px !important;
    background:#171b21 !important;
    border-color:#171b21 !important;
    color:#fff !important;
    font-size:10px !important;
    font-weight:900 !important;
  }
}


/* --- ms-v5114-uniform-section-headings --- */

@media(max-width:800px){
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-home-title,
  #msHomeDemo.has-file .ms-mobile-preview-summary-values::before,
  #msHomeDemo.has-file .ms-mobile-material-block .ms-option-label{
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:10.5px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
  }
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-home-title,
  #msHomeDemo.has-file .ms-mobile-material-block .ms-option-label{
    color:#252a31 !important;
  }
  
  #msHomeDemo.has-file .ms-mobile-material-block .ms-material-title-row,
  #msHomeDemo.has-file .ms-mobile-material-block .ms-option-label{
    text-transform:none !important;
  }
}


/* --- ms-v5115-step2-outside-clickable --- */

@media(max-width:800px){
  #msHomeDemo.has-file .ms-step2-heading{
    display:block;
    order:5 !important;
    margin:13px 0 7px !important;
    padding:0 !important;
    color:#252a31;
    font-family:Arial,Helvetica,sans-serif;
    font-size:10.5px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:0;
    text-transform:none;
  }
  #msHomeDemo.has-file .ms-step2-heading .ms-step2-number{
    color:#ed1c24;
    font-weight:950;
  }
  
  #msHomeDemo.has-file .ms-mobile-preview-summary-values::before{
    content:none !important;
    display:none !important;
  }
  
  #msHomeDemo.has-file .ms-mobile-preview-summary{
    order:6 !important;
    margin:0 0 7px !important;
    cursor:pointer !important;
    -webkit-tap-highlight-color:transparent;
    transition:transform .12s ease, border-color .12s ease, background .12s ease;
  }
  #msHomeDemo.has-file .ms-mobile-preview-summary:active{
    transform:scale(.992);
    background:#f8fafc !important;
  }
  #msHomeDemo.has-file .ms-mobile-preview-summary:hover{
    border-color:#cbd5e1;
  }
  
  #msHomeDemo.has-file .ms-preview-col > .ms-mobile-shape-block{
    order:7 !important;
  }
  #msHomeDemo.has-file .ms-preview-col > .ms-mobile-material-block{
    order:8 !important;
  }
  
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr .ms-step2-heading{
    display:none !important;
  }
}


/* --- ms-v5116-qr-summary-left-copy --- */

@media(max-width:800px){
  #msHomeDemo.has-file.ms-edit-qr:not(.ms-mobile-edit-open)
  .ms-mobile-preview-summary-values::after{
    content:"Posizione del codice QR" !important;
    display:block !important;
    color:#777f89 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:9px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
  }
}


/* --- ms-v5117-hide-order-while-step2-open --- */

@media(max-width:800px){
  #msHomeDemo.has-file.ms-mobile-edit-open .ms-bottom .ms-cta{
    display:none !important;
  }
}


/* --- ms-v5118-qr-shapes-and-step2-back --- */

.ms-step2-main-back{display:none}
@media(max-width:800px){
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr .ms-mobile-shape-block{
    display:block !important;
    order:7 !important;
    margin:10px 0 0 !important;
    padding:11px 12px !important;
    border:1px solid #d9dee5 !important;
    border-radius:14px !important;
    background:#fff !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr .ms-mobile-shape-block > .ms-option-label{
    display:block !important;
    margin:0 0 8px !important;
    text-align:left !important;
    color:#252a31 !important;
    font-size:10.5px !important;
    font-weight:900 !important;
    text-transform:none !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr .ms-mobile-shape-block > .ms-shapes{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:6px !important;
  }
  
  
  #msHomeDemo.has-file.ms-mobile-edit-open .ms-bottom .ms-cta-micro,
  #msHomeDemo.has-file.ms-mobile-edit-open .ms-bottom .ms-cta{
    display:none !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open .ms-bottom{
    margin-top:14px !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open .ms-bottom .ms-step2-main-back{
    display:flex !important;
    width:100% !important;
    min-height:50px !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    padding:0 18px !important;
    border:1px solid #171b21 !important;
    border-radius:14px !important;
    background:#171b21 !important;
    color:#fff !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:11px !important;
    font-weight:900 !important;
    cursor:pointer !important;
    box-shadow:none !important;
  }
  #msHomeDemo.has-file.ms-mobile-edit-open .ms-bottom .ms-step2-main-back:active{
    transform:scale(.992);
  }
}


/* --- ms-v5119-hide-small-back-in-step2 --- */

@media(max-width:800px){
  #msHomeDemo.has-file.ms-mobile-edit-open .ms-mobile-preview-edit{
    display:none !important;
  }
  
  #msHomeDemo.has-file.ms-mobile-edit-open.ms-edit-qr #msQrControls .ms-qr-controls-title{
    margin-right:0 !important;
  }
}


/* --- ms-v5120-subtle-readable-text --- */

@media(max-width:800px){
  #msHomeDemo.has-file,
  #msHomeDemo.has-file button,
  #msHomeDemo.has-file input,
  #msHomeDemo.has-file label{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif !important;
  }
  
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-home-title,
  #msHomeDemo.has-file .ms-step2-heading,
  #msHomeDemo.has-file .ms-mobile-material-block .ms-option-label{
    font-size:11.5px !important;
    line-height:1.25 !important;
    color:#20242a !important;
    font-weight:900 !important;
  }
  
  #msHomeDemo.has-file .ms-product-mode-name{
    font-size:11px !important;
    line-height:1.2 !important;
    color:#20242a !important;
    font-weight:900 !important;
  }
  #msHomeDemo.has-file .ms-product-mode-desc,
  #msHomeDemo.has-file .ms-product-mode-home-subtitle{
    font-size:9.5px !important;
    line-height:1.3 !important;
    color:#68717d !important;
  }
  
  #msHomeDemo.has-file .ms-shape-label{
    font-size:11px !important;
    line-height:1.2 !important;
    color:#252a31 !important;
    font-weight:850 !important;
  }
  #msHomeDemo.has-file .ms-mobile-preview-summary-values [data-summary-shape],
  #msHomeDemo.has-file.ms-edit-qr:not(.ms-mobile-edit-open) .ms-mobile-preview-summary-values::after{
    font-size:10px !important;
    line-height:1.25 !important;
    color:#68717d !important;
  }
  
  #msHomeDemo.has-file .ms-material-btn{
    font-size:10.5px !important;
    line-height:1.15 !important;
    color:#252a31 !important;
    font-weight:850 !important;
  }
  #msHomeDemo.has-file .ms-material-btn span:last-child,
  #msHomeDemo.has-file .ms-material-btn strong{
    font-size:10.5px !important;
  }
  #msHomeDemo.has-file .ms-material-hint{
    font-size:9px !important;
    color:#737c87 !important;
  }
  
  #msHomeDemo.has-file #msQrControls .ms-qr-controls-title{
    font-size:11px !important;
    color:#20242a !important;
    font-weight:900 !important;
  }
  #msHomeDemo.has-file #msQrControls .ms-qr-pos-btn{
    font-size:10.5px !important;
    line-height:1.2 !important;
    color:#2d333b !important;
    font-weight:850 !important;
  }
  
  #msHomeDemo.has-file .ms-contour-toggle,
  #msHomeDemo.has-file .ms-adjust-toggle{
    font-size:10.5px !important;
    color:#252a31 !important;
  }
  #msHomeDemo.has-file .ms-contour-toggle small,
  #msHomeDemo.has-file .ms-adjust-toggle small{
    font-size:8.5px !important;
    color:#78818c !important;
  }
  #msHomeDemo.has-file .ms-home-contour-controls .ms-home-range-row,
  #msHomeDemo.has-file .ms-home-shape-controls .ms-home-range-row{
    font-size:10px !important;
    color:#505864 !important;
  }
  #msHomeDemo.has-file .ms-contour-reset,
  #msHomeDemo.has-file .ms-home-control-head button{
    font-size:9.5px !important;
  }
  #msHomeDemo.has-file .ms-home-bg-border strong{
    font-size:10px !important;
    color:#252a31 !important;
  }
  #msHomeDemo.has-file .ms-home-bg-border small{
    font-size:9px !important;
    color:#747d88 !important;
  }
  
  #msHomeDemo.has-file .ms-file-name,
  #msHomeDemo.has-file .ms-change-file{
    font-size:10px !important;
  }
  #msHomeDemo.has-file .ms-preview-kicker{
    font-size:10px !important;
    color:#515963 !important;
  }
  
  #msHomeDemo.has-file .ms-bottom .ms-cta-micro{
    font-size:9.5px !important;
    line-height:1.4 !important;
    color:#59616c !important;
  }
  #msHomeDemo.has-file .ms-bottom .ms-cta-micro strong{
    font-size:10.5px !important;
    color:#252a31 !important;
  }
  #msHomeDemo.has-file .ms-step2-main-back{
    font-size:11.5px !important;
  }
}


/* --- ms-v601-product-icons --- */

.ms-product-mode-home-cards .ms-product-mode-home-btn{
  gap:4px !important;
  min-height:72px !important;
}
.ms-product-icon-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:34px;
  pointer-events:none;
}
.ms-product-icon{
  display:block;
  width:auto;
  height:38px;
  max-width:102px;
  object-fit:contain;
  filter:drop-shadow(0 1px 1px rgba(15,23,42,.08));
  pointer-events:none;
}
.ms-product-mode-name{
  margin-top:1px;
}
@media(max-width:520px){
  .ms-product-mode-home-cards .ms-product-mode-home-btn{
    min-height:68px !important;
  }
  .ms-product-icon-wrap{min-height:32px;}
  .ms-product-icon{height:34px;max-width:93px;}
}
#msHomeDemo.has-file .ms-product-mode-home-btn{
  gap:3px !important;
  min-height:58px !important;
  padding:7px 3px !important;
}
#msHomeDemo.has-file .ms-product-icon-wrap{
  min-height:28px;
}
#msHomeDemo.has-file .ms-product-icon{
  height:34px !important;
  max-width:93px !important;
}
#msHomeDemo.has-file .ms-product-mode-name{
  font-size:10.6px !important;
}
#msHomeDemo.has-file .ms-product-badge-most{
  transform:translateY(-1px);
}


/* --- ms-v602-mobile-compact-section-spacing --- */

@media(max-width:800px){
  #msHomeDemo.has-file #msProductModeHome{
    margin:5px 0 3px !important;
  }
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-home-title{
    margin:0 0 4px !important;
  }
  
  #msHomeDemo.has-file .ms-step2-heading{
    margin:8px 0 5px !important;
  }
  #msHomeDemo.has-file .ms-mobile-preview-summary{
    margin:0 0 4px !important;
    padding:8px 9px !important;
  }
  
  #msHomeDemo.has-file .ms-option-block.ms-mobile-material-block,
  #msHomeDemo.has-file .ms-mobile-material-block{
    margin-top:3px !important;
    margin-bottom:4px !important;
  }
  #msHomeDemo.has-file .ms-mobile-material-block .ms-material-title-row{
    margin-bottom:2px !important;
  }
  
  #msHomeDemo.has-file.ms-mobile-edit-open .ms-mobile-shape-block{
    margin-top:0 !important;
  }
}


/* --- ms-v-final-mobile-step3-compact --- */

@media(max-width:800px){
  #msHomeDemo.has-file .ms-mobile-material-block{
    margin-top:1px !important;
    margin-bottom:2px !important;
  }
  #msHomeDemo.has-file .ms-mobile-material-block .ms-material-title-row{
    margin-bottom:1px !important;
  }
  #msHomeDemo.has-file .ms-mobile-material-block .ms-material-scroll{
    padding-bottom:0 !important;
  }
  #msHomeDemo.has-file .ms-mobile-material-block .ms-materials{
    gap:4px !important;
  }
  #msHomeDemo.has-file .ms-mobile-material-block .ms-material-btn{
    flex-basis:62px !important;
    min-width:62px !important;
    min-height:54px !important;
    padding:3px 3px !important;
  }
  #msHomeDemo.has-file .ms-mobile-material-block .ms-material-photo{
    width:28px !important;
    height:28px !important;
    flex-basis:28px !important;
    margin-bottom:2px !important;
  }
}


/* --- ms-v605-mobile-product-title-air --- */

@media(max-width:800px){
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-home-title{
    margin-bottom:8px !important;
  }
}


/* --- ms-v606-mobile-material-slider-polish --- */

@media(max-width:800px){
  #msHomeDemo.has-file .ms-mobile-material-block .ms-material-hint{
    display:block !important;
    margin-top:1px !important;
    font-size:9px !important;
    line-height:1.2 !important;
    color:#7b8490 !important;
    font-weight:750 !important;
  }
  #msHomeDemo.has-file .ms-mobile-material-block .ms-material-hint span{
    color:#ed1c24 !important;
  }
  
  #msHomeDemo.has-file .ms-mobile-material-block .ms-materials{
    gap:5px !important;
    padding-right:8px !important;
  }
  #msHomeDemo.has-file .ms-mobile-material-block .ms-material-btn{
    flex:0 0 65px !important;
    min-width:65px !important;
  }
  
  #msHomeDemo.has-file .ms-mobile-material-block .ms-material-nav{
    gap:3px !important;
  }
  #msHomeDemo.has-file .ms-mobile-material-block .ms-material-nav .ms-material-arrow{
    width:21px !important;
    height:21px !important;
    min-width:21px !important;
    min-height:21px !important;
    padding:0 !important;
    border:1px solid #edf0f3 !important;
    border-radius:7px !important;
    background:#f8fafc !important;
    color:#7b8490 !important;
    font-size:14px !important;
    box-shadow:none !important;
    opacity:.82 !important;
  }
  #msHomeDemo.has-file .ms-mobile-material-block .ms-material-nav .ms-material-arrow:disabled{
    opacity:.18 !important;
  }
}


/* --- ms-v607-mobile-material-arrows-outside --- */

@media(max-width:800px){
  #msHomeDemo.has-file .ms-mobile-material-block{
    position:relative !important;
  }
  #msHomeDemo.has-file .ms-mobile-material-block .ms-material-title-row{
    margin-bottom:3px !important;
  }
  
  #msHomeDemo.has-file .ms-mobile-material-block .ms-material-scroll{
    margin-left:22px !important;
    margin-right:22px !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    padding-bottom:0 !important;
  }
  #msHomeDemo.has-file .ms-mobile-material-block .ms-material-carousel{
    overflow:visible !important;
  }
  #msHomeDemo.has-file .ms-mobile-material-block .ms-materials{
    gap:5px !important;
    padding-right:10px !important;
  }
  #msHomeDemo.has-file .ms-mobile-material-block .ms-material-btn{
    flex:0 0 64px !important;
    min-width:64px !important;
  }
  
  #msHomeDemo.has-file .ms-mobile-material-block .ms-material-nav{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:52px !important;
    height:0 !important;
    z-index:5 !important;
    pointer-events:none !important;
  }
  #msHomeDemo.has-file .ms-mobile-material-block .ms-material-nav .ms-material-arrow{
    position:absolute !important;
    top:0 !important;
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    padding:0 !important;
    border:none !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#ed1c24 !important;
    box-shadow:none !important;
    font-size:24px !important;
    line-height:1 !important;
    font-weight:900 !important;
    opacity:.95 !important;
    pointer-events:auto !important;
  }
  #msHomeDemo.has-file .ms-mobile-material-block .ms-material-nav .ms-material-prev{
    left:0 !important;
  }
  #msHomeDemo.has-file .ms-mobile-material-block .ms-material-nav .ms-material-next{
    right:0 !important;
  }
  #msHomeDemo.has-file .ms-mobile-material-block .ms-material-nav .ms-material-arrow:disabled{
    opacity:.22 !important;
  }
}


/* --- ms-v608-mobile-final-cta-compact --- */

@media(max-width:800px){
  #msHomeDemo.has-file:not(.ms-mobile-edit-open) .ms-bottom{
    margin-top:8px !important;
  }
  #msHomeDemo.has-file:not(.ms-mobile-edit-open) .ms-bottom .ms-cta-micro{
    display:block !important;
    margin:0 0 6px !important;
    padding:5px 8px !important;
    border:1px solid #e5e7eb !important;
    border-radius:8px !important;
    background:#fafafa !important;
    text-align:center !important;
    line-height:1.2 !important;
  }
  #msHomeDemo.has-file:not(.ms-mobile-edit-open) .ms-bottom .ms-cta-micro strong{
    display:inline !important;
    margin:0 !important;
    font-size:10.5px !important;
    line-height:1.2 !important;
    color:#252a31 !important;
    font-weight:900 !important;
  }
  #msHomeDemo.has-file:not(.ms-mobile-edit-open) .ms-bottom .ms-cta{
    min-height:48px !important;
    border-radius:13px !important;
    font-size:13.5px !important;
  }
}


/* --- ms-v609-scratch-product-preview --- */

.ms-scratch-preview-canvas{
  display:none;
  width:100%;
  height:auto;
  max-height:410px;
  object-fit:contain;
}
#msHomePreviewShell.ms-scratch-mode > #msHomeCanvas,
#msHomePreviewShell.ms-scratch-mode > #msQrVisualLayer,
#msHomePreviewShell.ms-scratch-mode > #msLabelSheetHome{
  display:none !important;
  visibility:hidden !important;
}
#msHomePreviewShell > #msScratchPreviewCanvas{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}
#msHomePreviewShell.ms-scratch-mode > #msScratchPreviewCanvas{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
.ms-scratch-logo-controls{
  display:none;
  margin-top:0;
  padding:11px;
  border:1px solid #e3e7ec;
  border-radius:13px;
  background:#f8fafc;
}
.ms-scratch-logo-controls .ms-home-control-head{margin-bottom:6px}
.ms-scratch-logo-controls .ms-home-control-head strong{font-size:10.5px}
.ms-scratch-logo-controls .ms-home-range-row{
  grid-template-columns:110px 1fr;
  min-height:31px;
  gap:8px;
  font-size:10px;
}
.ms-scratch-logo-controls .ms-home-range-row span{display:flex;justify-content:space-between;gap:5px}
.ms-scratch-logo-controls .ms-home-range-row strong{color:#252a31;font-variant-numeric:tabular-nums}
.ms-scratch-reset{
  padding:7px 10px !important;
  border:0 !important;
  border-radius:8px !important;
  background:#eef1f5 !important;
  color:#4b5563 !important;
  font-size:9.5px !important;
  font-weight:900 !important;
}
.ms-scratch-note{
  margin-top:7px;
  padding:7px 9px;
  border-radius:9px;
  background:#fff;
  color:#737c87;
  font-size:8.8px;
  line-height:1.35;
}
@media(min-width:801px){
  #msProductModeHome .ms-product-mode-home-cards{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}
@media(max-width:800px){
  #msHomeDemo #msProductModeHome .ms-product-mode-home-cards{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
  }
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-home-btn{
    min-height:62px !important;
  }
  #msHomeDemo .ms-scratch-product-icon{
    border-radius:7px;
    box-shadow:0 1px 3px rgba(15,23,42,.12);
  }
  
  #msHomeDemo.ms-product-scratch .ms-mobile-material-block{
    display:none !important;
  }
  
  #msHomeDemo.ms-product-scratch.ms-mobile-edit-open .ms-mobile-shape-block{
    display:block !important;
  }
  #msHomeDemo.ms-product-scratch.ms-mobile-edit-open .ms-mobile-shape-block > .ms-option-label,
  #msHomeDemo.ms-product-scratch.ms-mobile-edit-open .ms-mobile-shape-block > .ms-shapes,
  #msHomeDemo.ms-product-scratch.ms-mobile-edit-open .ms-mobile-shape-block > .ms-shape-edit-hint,
  #msHomeDemo.ms-product-scratch.ms-mobile-edit-open .ms-mobile-shape-block > .ms-advanced-master-toggle,
  #msHomeDemo.ms-product-scratch.ms-mobile-edit-open .ms-mobile-shape-block > .ms-advanced-master{
    display:none !important;
  }
  #msHomeDemo.ms-product-scratch.ms-mobile-edit-open .ms-scratch-logo-controls{
    display:block !important;
  }
  
  #msHomeDemo.ms-product-scratch:not(.ms-mobile-edit-open) .ms-scratch-logo-controls{
    display:none !important;
  }
  #msHomeDemo.ms-product-scratch .ms-step2-heading{
    margin-top:11px !important;
  }
  #msHomePreviewShell.ms-scratch-mode .ms-scratch-preview-canvas{
    max-height:330px;
  }
}


/* --- ms-v612-scratch-auto-fill-ui --- */

@media(max-width:800px){
  #msHomeDemo.ms-product-scratch.ms-mobile-edit-open .ms-mobile-shape-block > .ms-home-bg-border{
    display:flex !important;
  }
}


/* --- ms-v613-scratch-autofill-visible-fix --- */

@media(max-width:800px){
  #msHomeDemo.ms-product-scratch.ms-mobile-edit-open .ms-scratch-auto-fill-row{
    display:flex !important;
    margin-top:10px !important;
    padding:10px 11px !important;
    border:1px solid #dfe4ea !important;
    border-radius:12px !important;
    background:#fff !important;
    align-items:center !important;
    gap:9px !important;
  }
  #msHomeDemo.ms-product-scratch .ms-scratch-auto-fill-row input{
    flex:0 0 auto;
  }
  #msHomeDemo.ms-product-scratch .ms-scratch-auto-fill-row span{
    flex:1 1 auto;
    min-width:0;
  }
  #msHomeDemo.ms-product-scratch .ms-scratch-auto-fill-row strong{
    display:block;
    font-size:10.5px !important;
    color:#252a31 !important;
  }
  #msHomeDemo.ms-product-scratch .ms-scratch-auto-fill-row small{
    display:block;
    margin-top:2px;
    font-size:8.5px !important;
    line-height:1.25;
    color:#77808b !important;
  }
  #msScratchBgSwatch{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    border-radius:50% !important;
    border:1px solid #d7dce2 !important;
    box-shadow:inset 0 0 0 2px #fff !important;
  }
}


/* --- ms-v614-scratch-autofill-always --- */

@media(max-width:800px){
  #msHomeDemo.ms-product-scratch .ms-scratch-auto-fill-row{display:none !important;}
  #msHomeDemo.ms-product-scratch .ms-scratch-auto-fill-static{
    display:flex !important;
    margin-top:10px !important;
    padding:10px 11px !important;
    border:1px solid #dfe4ea !important;
    border-radius:12px !important;
    background:#fff !important;
    align-items:center !important;
    gap:9px !important;
  }
  #msHomeDemo.ms-product-scratch .ms-scratch-auto-fill-static span{
    flex:1 1 auto;
    min-width:0;
  }
  #msHomeDemo.ms-product-scratch .ms-scratch-auto-fill-static strong{
    display:block;
  }
  #msHomeDemo.ms-product-scratch .ms-scratch-auto-fill-static small{
    display:block;
    color:#6b7280;
    margin-top:2px;
  }
  #msHomeDemo.ms-product-scratch .ms-scratch-auto-fill-static i{
    flex:0 0 18px;
    width:18px;
    height:18px;
    border-radius:999px;
    border:1px solid rgba(15,23,42,.08);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
  }
}


/* --- ms-v618-products-row4-pretty --- */

@media(max-width:800px){
  #msHomeDemo #msProductModeHome .ms-product-mode-home-cards,
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-home-cards{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    grid-auto-flow:row !important;
    gap:6px !important;
    align-items:stretch !important;
    width:100% !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-home-btn,
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-home-btn{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:70px !important;
    height:auto !important;
    padding:8px 3px 7px !important;
    gap:3px !important;
    border-radius:14px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-icon-wrap,
  #msHomeDemo.has-file #msProductModeHome .ms-product-icon-wrap{
    min-height:26px !important;
    width:100% !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-icon,
  #msHomeDemo.has-file #msProductModeHome .ms-product-icon{
    height:28px !important;
    width:auto !important;
    max-width:56px !important;
    object-fit:contain !important;
    background:transparent !important;
  }
  #msHomeDemo #msProductModeHome .ms-scratch-product-icon,
  #msHomeDemo.has-file #msProductModeHome .ms-scratch-product-icon{
    height:28px !important;
    max-width:56px !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-name,
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-name{
    display:block !important;
    font-size:8.8px !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    color:#20242a !important;
    margin-top:0 !important;
    white-space:normal !important;
    word-break:keep-all !important;
    overflow-wrap:anywhere !important;
    text-align:center !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-desc,
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-desc{
    display:none !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-badge-most,
  #msHomeDemo.has-file #msProductModeHome .ms-product-badge-most{
    font-size:6.8px !important;
    padding:2px 5px !important;
    left:5px !important;
    right:auto !important;
    top:-8px !important;
  }
}


/* --- ms-v619-scratch-custom-bg-note --- */

@media(max-width:800px){
  #msHomeDemo.ms-product-scratch .ms-scratch-contact-note{
    margin-top:7px !important;
    padding:8px 10px !important;
    border-radius:10px !important;
    background:#fff5f5 !important;
    border:1px solid #fecaca !important;
    color:#7f1d1d !important;
    font-size:8.8px !important;
    line-height:1.35 !important;
    text-align:left !important;
  }
  #msHomeDemo.ms-product-scratch .ms-scratch-contact-note strong{
    color:#991b1b !important;
    font-weight:900 !important;
  }
}


/* --- ms-desktop-clean-fix-v1 --- */

@media(min-width:1000px){
  #msHomeDemo #msProductModeHome .ms-product-mode-home-cards{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:10px !important;
    width:100% !important;
    align-items:stretch !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-home-btn,
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-home-btn{
    position:relative !important;
    min-width:0 !important;
    width:auto !important;
    height:98px !important;
    min-height:98px !important;
    max-height:98px !important;
    padding:9px 7px 8px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    border-radius:13px !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-icon-wrap,
  #msHomeDemo.has-file #msProductModeHome .ms-product-icon-wrap{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 44px !important;
    width:64px !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    overflow:hidden !important;
    background:none !important;
    position:relative !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-icon,
  #msHomeDemo.has-file #msProductModeHome .ms-product-icon,
  #msHomeDemo #msProductModeHome .ms-scratch-product-icon,
  #msHomeDemo.has-file #msProductModeHome .ms-scratch-product-icon{
    display:block !important;
    position:static !important;
    inset:auto !important;
    float:none !important;
    width:56px !important;
    height:42px !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:56px !important;
    max-height:42px !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
    object-position:center !important;
    transform:none !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-name,
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-name{
    font-size:11px !important;
    line-height:1.05 !important;
    font-weight:900 !important;
    margin:0 !important;
    text-align:center !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-desc,
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-desc{
    display:block !important;
    font-size:8px !important;
    line-height:1.05 !important;
    white-space:normal !important;
    text-align:center !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-badge-most,
  #msHomeDemo.has-file #msProductModeHome .ms-product-badge-most{
    top:4px !important;
    left:6px !important;
    right:auto !important;
    transform:none !important;
    z-index:2 !important;
  }
}


/* --- ms-desktop-v4-functional-guard --- */

@media(min-width:1000px){
  #msHomeDemo .ms-upload-col{position:relative!important;z-index:5!important;}
  #msHomeDemo #msHomeDrop{position:relative!important;z-index:6!important;pointer-events:auto!important;cursor:pointer!important;}
  #msHomeDemo #msHomeDrop *{pointer-events:none!important;}
  #msHomeDemo #msProductModeHome{position:relative!important;z-index:2!important;}
  #msHomeDemo #msProductModeHome .ms-product-icon{pointer-events:none!important;}
}


/* --- ms-desktop-v5-home-isolation --- */

@media(min-width:1000px){
  #msHomeDemo{position:relative!important;z-index:10!important;}
  #msHomeDemo #msHomeDrop{pointer-events:auto!important;cursor:pointer!important;}
  #msHomeDemo #msHomeDrop input{pointer-events:auto!important;}
}


/* --- ms-desktop-v9-clean-4step --- */

@media(min-width:1000px){
  #msHomeDemo{
    padding:30px 22px 54px !important;
  }
  #msHomeDemo .ms-home-wrap{
    width:100% !important;
    max-width:1560px !important;
    margin:0 auto !important;
  }
  #msHomeDemo .ms-home-head{
    max-width:900px !important;
    margin:0 auto 24px !important;
  }
  #msHomeDemo .ms-home-head h1{
    font-size:40px !important;
    line-height:1.02 !important;
  }
  #msHomeDemo .ms-home-head h2{
    font-size:17px !important;
    margin-top:8px !important;
  }
  #msHomeDemo .ms-home-head p{
    max-width:760px !important;
    margin:7px auto 0 !important;
    font-size:13px !important;
  }
  
  #msHomeDemo .ms-home-card{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    grid-template-rows:auto auto auto !important;
    gap:14px !important;
    align-items:stretch !important;
    width:100% !important;
    padding:18px !important;
    border-radius:22px !important;
    box-shadow:0 14px 40px rgba(15,23,42,.065) !important;
    background:#fff !important;
  }
  
  #msHomeDemo .ms-preview-col{
    display:contents !important;
  }
  
  #msHomeDemo .ms-upload-col,
  #msHomeDemo #msProductModeHome,
  #msHomeDemo .ms-preview-col > .ms-option-block:has(.ms-shapes),
  #msHomeDemo .ms-preview-col > .ms-option-block:has(#msMaterialsTrack){
    min-width:0 !important;
    height:340px !important;
    margin:0 !important;
    padding:16px !important;
    border:1px solid #e7e9ed !important;
    border-radius:17px !important;
    background:#fbfcfd !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  
  #msHomeDemo .ms-upload-col{
    grid-column:1 !important;
    grid-row:1 !important;
  }
  #msHomeDemo .ms-upload-col .ms-section-title{
    margin:0 0 12px !important;
    font-size:14px !important;
    line-height:1.1 !important;
  }
  #msHomeDemo .ms-upload{
    min-height:248px !important;
    height:248px !important;
    padding:18px !important;
    border-radius:14px !important;
  }
  #msHomeDemo.has-file .ms-upload{
    min-height:145px !important;
    height:145px !important;
  }
  #msHomeDemo .ms-engine-note{
    display:none !important;
  }
  
  #msHomeDemo #msProductModeHome{
    grid-column:2 !important;
    grid-row:1 !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-home-title{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 0 12px !important;
    font-size:14px !important;
    font-weight:900 !important;
    text-transform:none !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-home-title::before{
    content:'2' !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:27px !important;
    height:27px !important;
    flex:0 0 27px !important;
    border-radius:999px !important;
    background:#ed1c24 !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-home-subtitle{
    display:none !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-home-cards{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-home-btn,
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-home-btn{
    height:126px !important;
    min-height:126px !important;
    max-height:126px !important;
    padding:10px 6px 8px !important;
    border-radius:13px !important;
    overflow:hidden !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-icon-wrap{
    width:68px !important;
    height:55px !important;
    min-height:55px !important;
    flex:0 0 55px !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-icon,
  #msHomeDemo #msProductModeHome .ms-scratch-product-icon{
    width:62px !important;
    height:50px !important;
    max-width:62px !important;
    max-height:50px !important;
    object-fit:contain !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-name{
    font-size:11px !important;
    line-height:1.06 !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-desc{
    display:none !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-badge-most{
    font-size:7px !important;
    padding:2px 6px !important;
  }
  #msHomeDemo #msQrControls{
    margin-top:8px !important;
    padding:7px !important;
  }
  #msHomeDemo #msQrControls .ms-qr-position-buttons{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:5px !important;
  }
  
  #msHomeDemo .ms-preview-col > .ms-option-block:has(.ms-shapes){
    grid-column:3 !important;
    grid-row:1 !important;
  }
  #msHomeDemo .ms-preview-col > .ms-option-block:has(.ms-shapes) > .ms-option-label{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 0 12px !important;
    text-align:left !important;
    font-size:14px !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
  }
  #msHomeDemo .ms-preview-col > .ms-option-block:has(.ms-shapes) > .ms-option-label::before{
    content:'3' !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:27px !important;
    height:27px !important;
    flex:0 0 27px !important;
    border-radius:999px !important;
    background:#ed1c24 !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
  }
  #msHomeDemo .ms-shapes{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
  }
  #msHomeDemo .ms-shape-btn{
    min-height:106px !important;
    height:106px !important;
    padding:8px 5px !important;
    border-radius:13px !important;
  }
  #msHomeDemo .ms-shape-icon{
    width:35px !important;
    height:35px !important;
  }
  #msHomeDemo .ms-shape-label{
    font-size:11px !important;
  }
  #msHomeDemo .ms-shape-edit-hint{
    margin-top:9px !important;
  }
  #msHomeDemo .ms-advanced-master-toggle,
  #msHomeDemo .ms-home-contour-controls,
  #msHomeDemo .ms-home-shape-controls,
  #msHomeDemo .ms-home-bg-border{
    font-size:9px !important;
  }
  
  #msHomeDemo .ms-preview-col > .ms-option-block:has(#msMaterialsTrack){
    grid-column:4 !important;
    grid-row:1 !important;
  }
  #msHomeDemo .ms-preview-col > .ms-option-block:has(#msMaterialsTrack) .ms-option-label{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 !important;
    text-align:left !important;
    font-size:14px !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
  }
  #msHomeDemo .ms-preview-col > .ms-option-block:has(#msMaterialsTrack) .ms-option-label::before{
    content:'4' !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:27px !important;
    height:27px !important;
    flex:0 0 27px !important;
    border-radius:999px !important;
    background:#ed1c24 !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
  }
  #msHomeDemo .ms-preview-col > .ms-option-block:has(#msMaterialsTrack) .ms-material-hint,
  #msHomeDemo .ms-preview-col > .ms-option-block:has(#msMaterialsTrack) .ms-material-nav{
    display:none !important;
  }
  #msHomeDemo .ms-material-scroll,
  #msHomeDemo .ms-material-carousel{
    width:100% !important;
    overflow:visible !important;
  }
  #msHomeDemo #msMaterialsTrack{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
    transform:none !important;
    margin-top:12px !important;
  }
  #msHomeDemo .ms-material-btn{
    width:100% !important;
    min-width:0 !important;
    min-height:82px !important;
    height:82px !important;
    padding:7px 4px !important;
    border-radius:12px !important;
    font-size:9.5px !important;
  }
  #msHomeDemo .ms-material-btn .ms-material-photo{
    width:37px !important;
    height:37px !important;
    flex-basis:37px !important;
    margin:0 auto 4px !important;
  }
  
  #msHomeDemo .ms-preview-col > .ms-section-title{
    display:none !important;
  }
  #msHomeDemo .ms-preview-col > .ms-preview-kicker{
    grid-column:1 / 5 !important;
    grid-row:2 !important;
    margin:8px 0 0 !important;
    justify-content:center !important;
    text-align:center !important;
    font-size:12px !important;
  }
  #msHomeDemo .ms-preview-col > .ms-preview-kicker > span:first-child{
    font-weight:900 !important;
    font-size:15px !important;
    color:#16181d !important;
  }
  #msHomeDemo #msHomePreviewShell{
    grid-column:1 / 5 !important;
    grid-row:3 !important;
    min-width:0 !important;
    width:100% !important;
    min-height:520px !important;
    height:520px !important;
    margin:0 !important;
    padding:24px !important;
    border-radius:18px !important;
  }
  #msHomeDemo #msHomePreviewShell canvas{
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    max-height:475px !important;
    object-fit:contain !important;
  }
  
  #msHomeDemo .ms-bottom{
    width:100% !important;
    max-width:620px !important;
    margin:18px auto 0 !important;
  }
  #msHomeDemo .ms-bottom .ms-cta-micro{
    max-width:620px !important;
    margin:0 0 8px !important;
  }
  #msHomeDemo .ms-bottom .ms-cta{
    width:100% !important;
    min-width:0 !important;
    min-height:56px !important;
    border-radius:999px !important;
    font-size:15px !important;
  }
}
@media(min-width:1000px) and (max-width:1300px){
  #msHomeDemo .ms-home-wrap{max-width:1240px !important;}
  #msHomeDemo .ms-home-card{gap:10px !important;padding:14px !important;}
  #msHomeDemo .ms-upload-col,
  #msHomeDemo #msProductModeHome,
  #msHomeDemo .ms-preview-col > .ms-option-block:has(.ms-shapes),
  #msHomeDemo .ms-preview-col > .ms-option-block:has(#msMaterialsTrack){height:320px !important;padding:12px !important;}
  #msHomeDemo .ms-upload{height:230px !important;min-height:230px !important;}
  #msHomeDemo #msProductModeHome .ms-product-mode-home-btn{height:116px !important;min-height:116px !important;max-height:116px !important;}
  #msHomeDemo .ms-shape-btn{height:98px !important;min-height:98px !important;}
  #msHomeDemo .ms-material-btn{height:76px !important;min-height:76px !important;}
  #msHomeDemo #msHomePreviewShell{height:480px !important;min-height:480px !important;}
  #msHomeDemo #msHomePreviewShell canvas{max-height:435px !important;}
}


/* --- ms-desktop-v10-menu-label-fix --- */

@media(min-width:1000px){
  #msHomeDemo .ms-upload-col,
  #msHomeDemo #msProductModeHome,
  #msHomeDemo .ms-preview-col > .ms-option-block:has(.ms-shapes),
  #msHomeDemo .ms-preview-col > .ms-option-block:has(#msMaterialsTrack){
    height:auto !important;
    min-height:340px !important;
    max-height:none !important;
    overflow:visible !important;
    align-self:stretch !important;
  }
  
  #msHomeDemo .ms-home-card{
    grid-template-rows:auto auto auto !important;
    align-items:stretch !important;
  }
  #msHomeDemo .ms-home-contour-controls,
  #msHomeDemo .ms-home-shape-controls,
  #msHomeDemo .ms-advanced-master,
  #msHomeDemo #msQrControls{
    max-height:none !important;
    overflow:visible !important;
  }
  
  #msHomeDemo #msHomePreviewShell > #msHomeCanvas,
  #msHomeDemo #msHomePreviewShell > #msScratchPreviewCanvas,
  #msHomeDemo #msQrVisualLayer > #msQrCompositeCanvas{
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    max-height:475px !important;
    object-fit:contain !important;
  }
  
  #msHomeDemo .ms-label-sheet-home{
    inset:22px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  #msHomeDemo .ms-label-sheet-home[hidden]{display:none !important;}
  #msHomeDemo .ms-label-paper-home{
    width:min(720px,68%) !important;
    height:82% !important;
    padding:28px 24px !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:repeat(2,minmax(0,1fr)) !important;
    column-gap:30px !important;
    row-gap:26px !important;
    background:#fff !important;
    border:1px solid #dfe3e8 !important;
    border-radius:12px !important;
    box-shadow:0 14px 34px rgba(15,23,42,.12) !important;
    transform:rotate(-.2deg) !important;
    overflow:hidden !important;
  }
  #msHomeDemo .ms-label-copy{
    min-width:0 !important;
    min-height:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
  }
  #msHomeDemo .ms-label-copy canvas{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:88% !important;
    max-height:88% !important;
    object-fit:contain !important;
    background:transparent !important;
    filter:drop-shadow(0 2px 3px rgba(15,23,42,.10)) !important;
  }
  #msHomeDemo .ms-label-sheet-badge{
    right:22px !important;
    bottom:16px !important;
    font-size:7px !important;
  }
}
@media(min-width:1000px) and (max-width:1300px){
  #msHomeDemo .ms-upload-col,
  #msHomeDemo #msProductModeHome,
  #msHomeDemo .ms-preview-col > .ms-option-block:has(.ms-shapes),
  #msHomeDemo .ms-preview-col > .ms-option-block:has(#msMaterialsTrack){
    height:auto !important;
    min-height:320px !important;
  }
  #msHomeDemo .ms-label-paper-home{
    width:min(650px,72%) !important;
    height:82% !important;
    padding:24px 20px !important;
    column-gap:24px !important;
    row-gap:22px !important;
  }
}


/* --- ms-desktop-v11-label-scratch-fix --- */

@media(min-width:1000px){
  #msHomeDemo #msHomePreviewShell .ms-label-sheet-home{
    inset:24px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-sheet-home[hidden]{
    display:none !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-paper-home{
    width:min(700px,62%) !important;
    height:80% !important;
    padding:30px 28px !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:repeat(2,minmax(0,1fr)) !important;
    gap:28px 34px !important;
    background:#fff !important;
    border:1px solid #dfe3e8 !important;
    border-radius:13px !important;
    box-shadow:0 14px 34px rgba(15,23,42,.12) !important;
    transform:rotate(-.15deg) !important;
    overflow:hidden !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy{
    position:relative !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:8px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy canvas{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:74% !important;
    max-height:74% !important;
    object-fit:contain !important;
    object-position:center !important;
    margin:auto !important;
    background:transparent !important;
    border-radius:0 !important;
    filter:drop-shadow(0 2px 3px rgba(15,23,42,.12)) !important;
  }
  
  #msHomeDemo.ms-product-scratch .ms-preview-col > .ms-option-block:has(.ms-shapes){
    grid-column:3 / 5 !important;
    height:auto !important;
    min-height:340px !important;
    max-height:none !important;
    overflow:visible !important;
  }
  #msHomeDemo.ms-product-scratch .ms-preview-col > .ms-option-block:has(.ms-shapes) > .ms-option-label,
  #msHomeDemo.ms-product-scratch .ms-preview-col > .ms-option-block:has(.ms-shapes) > .ms-shapes,
  #msHomeDemo.ms-product-scratch .ms-preview-col > .ms-option-block:has(.ms-shapes) > .ms-shape-edit-hint,
  #msHomeDemo.ms-product-scratch .ms-preview-col > .ms-option-block:has(.ms-shapes) > .ms-advanced-master-toggle,
  #msHomeDemo.ms-product-scratch .ms-preview-col > .ms-option-block:has(.ms-shapes) > .ms-advanced-master{
    display:none !important;
  }
  #msHomeDemo.ms-product-scratch #msScratchLogoControls{
    display:block !important;
    margin:0 !important;
    padding:18px !important;
    border:0 !important;
    border-radius:14px !important;
    background:#fff !important;
  }
  #msHomeDemo.ms-product-scratch #msScratchLogoControls .ms-home-control-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    margin-bottom:14px !important;
  }
  #msHomeDemo.ms-product-scratch #msScratchLogoControls .ms-home-control-head strong{
    font-size:15px !important;
    font-weight:900 !important;
  }
  #msHomeDemo.ms-product-scratch #msScratchLogoControls .ms-scratch-reset{
    font-size:10px !important;
    padding:8px 11px !important;
  }
  #msHomeDemo.ms-product-scratch #msScratchLogoControls .ms-home-range-row{
    display:grid !important;
    grid-template-columns:160px minmax(0,1fr) !important;
    align-items:center !important;
    gap:14px !important;
    min-height:42px !important;
    margin:0 0 8px !important;
    font-size:11px !important;
  }
  #msHomeDemo.ms-product-scratch #msScratchLogoControls .ms-home-range-row span{
    font-size:11px !important;
    font-weight:800 !important;
  }
  #msHomeDemo.ms-product-scratch #msScratchLogoControls .ms-home-range-row input[type="range"]{
    width:100% !important;
  }
  #msHomeDemo.ms-product-scratch #msScratchLogoControls .ms-scratch-auto-fill-static,
  #msHomeDemo.ms-product-scratch #msScratchLogoControls .ms-scratch-note,
  #msHomeDemo.ms-product-scratch #msScratchLogoControls .ms-scratch-contact-note{
    margin-top:10px !important;
  }
  
  #msHomeDemo.ms-product-scratch .ms-preview-col > .ms-option-block:has(#msMaterialsTrack){
    display:none !important;
  }
}


/* --- ms-desktop-v12-labels-bigger --- */

@media(min-width:1000px){
  #msHomeDemo #msHomePreviewShell .ms-label-paper-home{
    width:min(860px,76%) !important;
    height:86% !important;
    padding:22px 22px !important;
    gap:16px 22px !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy{
    padding:3px !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy canvas{
    width:auto !important;
    height:auto !important;
    max-width:94% !important;
    max-height:94% !important;
    object-fit:contain !important;
  }
}


/* --- ms-desktop-v13-scale-up --- */

@media(min-width:1000px){
  #msHomeDemo #msHomePreviewShell .ms-label-paper-home{
    width:min(940px,82%) !important;
    height:88% !important;
    padding:16px !important;
    gap:12px 16px !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy{
    padding:0 !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy canvas{
    width:92% !important;
    height:92% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center !important;
  }
  #msHomeDemo .ms-label-sheet-badge{
    font-size:8.5px !important;
    padding:5px 8px !important;
  }
  
  #msHomeDemo .ms-home-head h1{
    font-size:42px !important;
    line-height:1.03 !important;
  }
  #msHomeDemo .ms-home-head h2{
    font-size:18px !important;
  }
  #msHomeDemo .ms-home-head p{
    font-size:14px !important;
    line-height:1.5 !important;
  }
  #msHomeDemo .ms-section-title{
    font-size:15px !important;
  }
  #msHomeDemo .ms-step{
    width:30px !important;
    height:30px !important;
    font-size:14px !important;
  }
  #msHomeDemo .ms-product-mode-home-title,
  #msHomeDemo .ms-option-label{
    font-size:12px !important;
  }
  #msHomeDemo .ms-product-mode-home-subtitle,
  #msHomeDemo .ms-engine-note{
    font-size:11px !important;
  }
  #msHomeDemo .ms-preview-kicker{
    font-size:12px !important;
  }
  #msHomeDemo .ms-preview-badge{
    font-size:9px !important;
  }
  
  #msHomeDemo #msProductModeHome .ms-product-mode-home-btn{
    min-height:96px !important;
    padding:10px 8px !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-icon-wrap{
    width:70px !important;
    height:46px !important;
    min-height:46px !important;
    flex-basis:46px !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-icon,
  #msHomeDemo #msProductModeHome .ms-scratch-product-icon{
    width:62px !important;
    height:44px !important;
    max-width:62px !important;
    max-height:44px !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-name{
    font-size:12.5px !important;
    line-height:1.08 !important;
  }
  #msHomeDemo .ms-product-badge-most,
  #msHomeDemo .ms-home-shape-badge{
    font-size:8px !important;
    padding:3px 7px !important;
  }
  #msHomeDemo .ms-shape-btn{
    min-height:84px !important;
    padding:9px 6px !important;
  }
  #msHomeDemo .ms-shape-icon{
    width:38px !important;
    height:38px !important;
  }
  #msHomeDemo .ms-shape-label{
    font-size:11.5px !important;
  }
  #msHomeDemo .ms-material-btn{
    min-height:94px !important;
    font-size:11.5px !important;
    padding:9px 5px !important;
  }
  #msHomeDemo .ms-material-btn .ms-material-photo{
    width:46px !important;
    height:46px !important;
    flex-basis:46px !important;
  }
  
  #msHomeDemo .ms-upload-icon{
    width:58px !important;
    height:58px !important;
    font-size:28px !important;
  }
  #msHomeDemo .ms-upload strong{
    font-size:16px !important;
  }
  #msHomeDemo .ms-upload small{
    font-size:11px !important;
  }
  
  #msHomeDemo .ms-shape-edit-hint,
  #msHomeDemo .ms-contour-toggle,
  #msHomeDemo .ms-adjust-toggle,
  #msHomeDemo .ms-advanced-master-toggle{
    font-size:11px !important;
  }
  #msHomeDemo .ms-home-range-row,
  #msHomeDemo .ms-home-range-row span{
    font-size:11.5px !important;
  }
  #msHomeDemo .ms-bottom .ms-cta{
    font-size:16px !important;
  }
  #msHomeDemo .ms-bottom .ms-cta-micro{
    font-size:11px !important;
  }
}


/* --- ms-desktop-v14-final-scale --- */

@media(min-width:1000px){
  
  #msHomeDemo #msProductModeHome .ms-product-mode-home-btn,
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-home-btn{
    height:130px !important;
    min-height:130px !important;
    max-height:130px !important;
    padding:10px 7px 9px !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-icon-wrap{
    width:84px !important;
    height:61px !important;
    min-height:61px !important;
    flex:0 0 61px !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-icon,
  #msHomeDemo #msProductModeHome .ms-scratch-product-icon{
    width:76px !important;
    height:57px !important;
    max-width:76px !important;
    max-height:57px !important;
    object-fit:contain !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-name{
    font-size:13.5px !important;
    line-height:1.08 !important;
    font-weight:900 !important;
  }
  
  #msHomeDemo .ms-product-badge-most,
  #msHomeDemo .ms-home-shape-badge{
    font-size:9px !important;
    padding:3px 8px !important;
  }
  #msHomeDemo .ms-preview-badge{
    font-size:10.5px !important;
    padding:4px 8px !important;
  }
  #msHomeDemo .ms-label-sheet-badge{
    font-size:10px !important;
    padding:5px 9px !important;
  }
  #msHomeDemo .ms-upload small{
    font-size:12.5px !important;
  }
  #msHomeDemo .ms-file-name,
  #msHomeDemo .ms-change-file,
  #msHomeDemo .ms-upload-progress-head,
  #msHomeDemo .ms-error{
    font-size:12px !important;
  }
  
  #msHomeDemo .ms-shape-edit-hint{
    font-size:12px !important;
  }
  #msHomeDemo .ms-shape-edit-hint small,
  #msHomeDemo .ms-contour-toggle small,
  #msHomeDemo .ms-adjust-toggle small,
  #msHomeDemo .ms-home-bg-border small,
  #msHomeDemo .ms-scratch-auto-fill-static small{
    font-size:10.5px !important;
    line-height:1.35 !important;
  }
  #msHomeDemo .ms-contour-toggle,
  #msHomeDemo .ms-adjust-toggle,
  #msHomeDemo .ms-advanced-master-toggle,
  #msHomeDemo .ms-contour-reset,
  #msHomeDemo #msHomeResetShape{
    font-size:12px !important;
  }
  #msHomeDemo .ms-home-range-row,
  #msHomeDemo .ms-home-range-row span,
  #msHomeDemo .ms-home-range-row strong{
    font-size:12px !important;
  }
  
  #msHomeDemo .ms-qr-controls-title{
    font-size:11.5px !important;
  }
  #msHomeDemo .ms-qr-pos-btn{
    font-size:11.5px !important;
  }
  
  #msHomeDemo .ms-shape-label{
    font-size:12.5px !important;
  }
  #msHomeDemo .ms-material-btn{
    font-size:12.5px !important;
  }
  #msHomeDemo .ms-material-btn .ms-material-photo{
    width:50px !important;
    height:50px !important;
    flex-basis:50px !important;
  }
  
  #msHomeDemo .ms-bottom .ms-cta-micro{
    font-size:12px !important;
  }
  #msHomeDemo .ms-bottom .ms-cta{
    font-size:17px !important;
  }
}


/* --- ms-desktop-v15-final-tweaks --- */

@media(min-width:1000px){
  
  #msHomeDemo #msProductModeHome .ms-product-mode-home-btn,
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-home-btn{
    height:142px !important;
    min-height:142px !important;
    max-height:142px !important;
    padding:10px 7px 8px !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-icon-wrap,
  #msHomeDemo.has-file #msProductModeHome .ms-product-icon-wrap{
    width:102px !important;
    height:76px !important;
    min-height:76px !important;
    flex:0 0 76px !important;
    overflow:visible !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-icon,
  #msHomeDemo #msProductModeHome .ms-scratch-product-icon,
  #msHomeDemo.has-file #msProductModeHome .ms-product-icon,
  #msHomeDemo.has-file #msProductModeHome .ms-scratch-product-icon{
    width:92px !important;
    height:70px !important;
    max-width:92px !important;
    max-height:70px !important;
    object-fit:contain !important;
    transform:scale(1.08) !important;
    transform-origin:center !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-name{
    font-size:14px !important;
  }
  
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(odd){
    transform:translateX(38px) !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(even){
    transform:translateX(-38px) !important;
  }
}
@media(min-width:1000px) and (max-width:1300px){
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(odd){
    transform:translateX(26px) !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(even){
    transform:translateX(-26px) !important;
  }
}


/* --- ms-desktop-v16-label-sheet-tight --- */

@media(min-width:1000px){
  #msHomeDemo #msHomePreviewShell .ms-label-paper-home{
    width:66% !important;
    height:84% !important;
    padding:12px 10px !important;
    gap:10px 8px !important;
    transform:rotate(0deg) !important;
  }
  
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(odd){
    transform:translateX(52px) !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(even){
    transform:translateX(-52px) !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy canvas{
    max-width:86% !important;
    max-height:86% !important;
  }
}
@media(min-width:1000px) and (max-width:1300px){
  #msHomeDemo #msHomePreviewShell .ms-label-paper-home{
    width:70% !important;
    padding:12px 10px !important;
    gap:10px 8px !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(odd){
    transform:translateX(38px) !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(even){
    transform:translateX(-38px) !important;
  }
}


/* --- ms-desktop-v17-refine --- */

@media(min-width:1000px){
  #msHomeDemo #msHomePreviewShell .ms-label-paper-home{
    width:58% !important;
    height:78% !important;
    padding:10px 6px !important;
    gap:2px 2px !important;
    transform:rotate(0deg) !important;
  }
  
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(odd){
    transform:translateX(72px) !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(even){
    transform:translateX(-72px) !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy canvas{
    max-width:92% !important;
    max-height:92% !important;
  }
  
  #msHomeDemo #msProductModeHome .ms-product-mode-home-subtitle,
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-home-subtitle{
    font-size:14px !important;
    line-height:1.35 !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-name,
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-name{
    font-size:15px !important;
    line-height:1.08 !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-desc,
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-desc{
    font-size:11.8px !important;
    line-height:1.18 !important;
    opacity:.8 !important;
  }
  
  #msHomeDemo #msProductModeHome .ms-product-icon-wrap,
  #msHomeDemo.has-file #msProductModeHome .ms-product-icon-wrap{
    min-height:38px !important;
    margin-bottom:4px !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-icon,
  #msHomeDemo.has-file #msProductModeHome .ms-product-icon{
    height:40px !important;
    max-width:110px !important;
  }
}
@media(min-width:1000px) and (max-width:1300px){
  #msHomeDemo #msHomePreviewShell .ms-label-paper-home{
    width:62% !important;
    height:80% !important;
    padding:10px 8px !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(odd){
    transform:translateX(56px) !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(even){
    transform:translateX(-56px) !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-name,
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-name{
    font-size:14px !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-desc,
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-desc{
    font-size:11px !important;
  }
}


/* --- ms-desktop-v18-refine --- */

@media(min-width:1000px){
  #msHomeDemo #msHomePreviewShell .ms-label-paper-home{
    width:52% !important;
    height:78% !important;
    padding:10px 6px !important;
    gap:2px 2px !important;
  }
  
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(odd){
    transform:translateX(60px) !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(even){
    transform:translateX(-60px) !important;
  }
  
  #msHomeDemo #msProductModeHome .ms-product-icon-wrap,
  #msHomeDemo.has-file #msProductModeHome .ms-product-icon-wrap{
    min-height:46px !important;
    margin-bottom:6px !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-icon,
  #msHomeDemo.has-file #msProductModeHome .ms-product-icon{
    height:48px !important;
    max-width:132px !important;
  }
  
  #msHomeDemo #msProductModeHome .ms-product-mode-icon,
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-icon{
    max-width:46px !important;
    max-height:46px !important;
  }
}
@media(min-width:1000px) and (max-width:1300px){
  #msHomeDemo #msHomePreviewShell .ms-label-paper-home{
    width:56% !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(odd){
    transform:translateX(50px) !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(even){
    transform:translateX(-50px) !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-icon,
  #msHomeDemo.has-file #msProductModeHome .ms-product-icon{
    height:44px !important;
    max-width:120px !important;
  }
}


/* --- ms-desktop-v19-label-sheet-compact --- */

@media(min-width:1000px){
  #msHomeDemo #msHomePreviewShell .ms-label-paper-home{
    width:44% !important;
    height:78% !important;
    padding:10px 4px !important;
    gap:2px 0 !important;
    transform:rotate(0deg) !important;
  }
  
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(odd){
    transform:translateX(38px) !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(even){
    transform:translateX(-38px) !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy canvas{
    max-width:92% !important;
    max-height:92% !important;
  }
}
@media(min-width:1000px) and (max-width:1300px){
  #msHomeDemo #msHomePreviewShell .ms-label-paper-home{
    width:48% !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(odd){
    transform:translateX(30px) !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(even){
    transform:translateX(-30px) !important;
  }
}


/* --- ms-desktop-v20-label-sheet-narrower --- */

@media(min-width:1000px){
  #msHomeDemo #msHomePreviewShell .ms-label-paper-home{
    width:38% !important;
    height:78% !important;
    padding:10px 2px !important;
    gap:2px 0 !important;
    transform:rotate(0deg) !important;
  }
  
  #msHomeDemo #msHomePreviewShell .ms-label-copy{
    overflow:visible !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(odd){
    transform:translateX(24px) !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(even){
    transform:translateX(-24px) !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy canvas{
    max-width:104% !important;
    max-height:94% !important;
  }
}
@media(min-width:1000px) and (max-width:1300px){
  #msHomeDemo #msHomePreviewShell .ms-label-paper-home{
    width:42% !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(odd){
    transform:translateX(20px) !important;
  }
  #msHomeDemo #msHomePreviewShell .ms-label-copy:nth-child(even){
    transform:translateX(-20px) !important;
  }
}


/* --- ms-desktop-v21-final-polish --- */

@media(min-width:1000px){
  
  #msHomeDemo{
    padding:34px 22px 58px !important;
  }
  #msHomeDemo .ms-home-wrap{
    max-width:1540px !important;
  }
  
  #msHomeDemo .ms-home-head{
    max-width:880px !important;
    margin-bottom:26px !important;
  }
  #msHomeDemo .ms-home-head h1{
    font-size:42px !important;
    line-height:1.02 !important;
    letter-spacing:-.035em !important;
  }
  #msHomeDemo .ms-home-head h2{
    font-size:18px !important;
    line-height:1.3 !important;
    margin-top:9px !important;
  }
  #msHomeDemo .ms-home-head p{
    max-width:760px !important;
    font-size:14px !important;
    line-height:1.55 !important;
    color:#707782 !important;
  }
  
  #msHomeDemo .ms-home-card{
    gap:14px !important;
    padding:15px !important;
    background:#f7f8fa !important;
    border:1px solid #eceff3 !important;
    border-radius:22px !important;
    box-shadow:0 15px 38px rgba(15,23,42,.055) !important;
  }
  
  #msHomeDemo .ms-upload-col,
  #msHomeDemo #msProductModeHome,
  #msHomeDemo .ms-preview-col > .ms-option-block:has(.ms-shapes),
  #msHomeDemo .ms-preview-col > .ms-option-block:has(#msMaterialsTrack){
    min-height:342px !important;
    padding:16px !important;
    background:#fff !important;
    border:1px solid #e5e8ec !important;
    border-radius:16px !important;
    box-shadow:0 3px 10px rgba(15,23,42,.025) !important;
  }
  
  #msHomeDemo .ms-upload-col .ms-section-title,
  #msHomeDemo #msProductModeHome .ms-product-mode-home-title,
  #msHomeDemo .ms-preview-col > .ms-option-block:has(.ms-shapes) > .ms-option-label,
  #msHomeDemo .ms-preview-col > .ms-option-block:has(#msMaterialsTrack) .ms-option-label{
    min-height:31px !important;
    margin:0 0 14px !important;
    font-size:15px !important;
    line-height:1.15 !important;
    color:#15181d !important;
    font-weight:900 !important;
  }
  #msHomeDemo .ms-step,
  #msHomeDemo #msProductModeHome .ms-product-mode-home-title::before,
  #msHomeDemo .ms-preview-col > .ms-option-block:has(.ms-shapes) > .ms-option-label::before,
  #msHomeDemo .ms-preview-col > .ms-option-block:has(#msMaterialsTrack) .ms-option-label::before{
    width:29px !important;
    height:29px !important;
    flex:0 0 29px !important;
    font-size:13px !important;
  }
  
  #msHomeDemo .ms-upload{
    min-height:245px !important;
    height:245px !important;
    border:1.5px dashed #cfd5dd !important;
    border-radius:14px !important;
    background:#fafbfc !important;
    transition:border-color .18s ease, background .18s ease, transform .18s ease !important;
  }
  #msHomeDemo .ms-upload:hover{
    border-color:#ed1c24 !important;
    background:#fff8f8 !important;
  }
  #msHomeDemo .ms-upload-icon{
    width:56px !important;
    height:56px !important;
    font-size:27px !important;
    margin-bottom:11px !important;
  }
  #msHomeDemo .ms-upload strong{
    font-size:15.5px !important;
  }
  #msHomeDemo .ms-upload small{
    font-size:12px !important;
    color:#8a919c !important;
  }
  #msHomeDemo.has-file .ms-upload{
    min-height:142px !important;
    height:142px !important;
  }
  #msHomeDemo .ms-file-row{
    margin-top:10px !important;
    border-radius:10px !important;
  }
  
  #msHomeDemo #msProductModeHome .ms-product-mode-home-btn,
  #msHomeDemo .ms-shape-btn,
  #msHomeDemo .ms-material-btn{
    background:#fff !important;
    border:1px solid #e2e6eb !important;
    box-shadow:none !important;
    transition:border-color .16s ease, background .16s ease, transform .16s ease !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-home-btn:hover,
  #msHomeDemo .ms-shape-btn:hover,
  #msHomeDemo .ms-material-btn:hover{
    border-color:#cfd5dc !important;
    background:#fafbfc !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-home-btn.active,
  #msHomeDemo .ms-shape-btn.active,
  #msHomeDemo .ms-material-btn.active{
    border-color:#ed1c24 !important;
    background:#fff7f7 !important;
    box-shadow:inset 0 0 0 1px rgba(237,28,36,.05) !important;
  }
  
  #msHomeDemo #msProductModeHome .ms-product-mode-home-cards{
    gap:9px !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-home-btn,
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-home-btn{
    height:128px !important;
    min-height:128px !important;
    max-height:128px !important;
    border-radius:12px !important;
    padding:9px 7px 8px !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-icon-wrap,
  #msHomeDemo.has-file #msProductModeHome .ms-product-icon-wrap{
    min-height:56px !important;
    height:56px !important;
    margin-bottom:5px !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-icon,
  #msHomeDemo #msProductModeHome .ms-scratch-product-icon,
  #msHomeDemo.has-file #msProductModeHome .ms-product-icon,
  #msHomeDemo.has-file #msProductModeHome .ms-scratch-product-icon{
    height:54px !important;
    max-height:54px !important;
    max-width:124px !important;
    width:auto !important;
    transform:none !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-name{
    font-size:14px !important;
    line-height:1.08 !important;
    font-weight:900 !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-desc{
    font-size:11px !important;
    line-height:1.2 !important;
  }
  
  #msHomeDemo .ms-shapes{
    gap:9px !important;
  }
  #msHomeDemo .ms-shape-btn{
    min-height:105px !important;
    height:105px !important;
    border-radius:12px !important;
    padding:9px 6px !important;
  }
  #msHomeDemo .ms-shape-icon{
    width:39px !important;
    height:39px !important;
  }
  #msHomeDemo .ms-shape-label{
    font-size:12.5px !important;
    font-weight:900 !important;
  }
  
  #msHomeDemo #msMaterialsTrack{
    gap:8px !important;
    margin-top:12px !important;
  }
  #msHomeDemo .ms-material-btn{
    min-height:88px !important;
    height:88px !important;
    border-radius:12px !important;
    padding:8px 5px !important;
    font-size:12px !important;
    font-weight:900 !important;
  }
  #msHomeDemo .ms-material-btn .ms-material-photo{
    width:45px !important;
    height:45px !important;
    flex-basis:45px !important;
    margin-bottom:5px !important;
  }
  
  #msHomeDemo .ms-shape-edit-hint,
  #msHomeDemo .ms-contour-toggle,
  #msHomeDemo .ms-adjust-toggle,
  #msHomeDemo .ms-advanced-master-toggle{
    border-radius:10px !important;
    background:#fafbfc !important;
    border-color:#e4e7eb !important;
    font-size:11.5px !important;
  }
  #msHomeDemo .ms-contour-body,
  #msHomeDemo .ms-adjust-body,
  #msHomeDemo .ms-advanced-master{
    background:#fff !important;
  }
  
  #msHomeDemo .ms-preview-col > .ms-preview-kicker{
    margin:14px 0 3px !important;
  }
  #msHomeDemo .ms-preview-col > .ms-preview-kicker > span:first-child{
    font-size:16px !important;
    font-weight:900 !important;
  }
  #msHomeDemo .ms-preview-badge{
    font-size:10px !important;
    padding:4px 8px !important;
  }
  #msHomeDemo #msHomePreviewShell{
    min-height:510px !important;
    height:510px !important;
    padding:22px !important;
    background:#f2f4f7 !important;
    border:1px solid #e7eaee !important;
    border-radius:17px !important;
  }
  
  #msHomeDemo #msHomePreviewShell .ms-label-paper-home{
    border-radius:11px !important;
    box-shadow:0 10px 28px rgba(15,23,42,.10) !important;
  }
  
  #msHomeDemo .ms-bottom{
    max-width:640px !important;
    margin-top:22px !important;
  }
  #msHomeDemo .ms-bottom .ms-cta-micro{
    margin-bottom:9px !important;
    font-size:12px !important;
    color:#525a66 !important;
  }
  #msHomeDemo .ms-bottom .ms-cta{
    min-height:58px !important;
    font-size:16.5px !important;
    letter-spacing:.01em !important;
    box-shadow:0 12px 26px rgba(237,28,36,.18) !important;
  }
  
  #msHomeDemo.ms-product-scratch #msScratchLogoControls{
    padding:14px !important;
    border:1px solid #e5e8ec !important;
    border-radius:12px !important;
    background:#fafbfc !important;
  }
  #msHomeDemo.ms-product-scratch #msScratchLogoControls .ms-home-control-head strong{
    font-size:14px !important;
  }
}
@media(min-width:1000px) and (max-width:1300px){
  #msHomeDemo .ms-home-card{
    gap:11px !important;
    padding:13px !important;
  }
  #msHomeDemo .ms-upload-col,
  #msHomeDemo #msProductModeHome,
  #msHomeDemo .ms-preview-col > .ms-option-block:has(.ms-shapes),
  #msHomeDemo .ms-preview-col > .ms-option-block:has(#msMaterialsTrack){
    min-height:320px !important;
    padding:13px !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-home-btn,
  #msHomeDemo.has-file #msProductModeHome .ms-product-mode-home-btn{
    height:116px !important;
    min-height:116px !important;
    max-height:116px !important;
  }
  #msHomeDemo .ms-shape-btn{
    height:96px !important;
    min-height:96px !important;
  }
  #msHomeDemo .ms-material-btn{
    height:80px !important;
    min-height:80px !important;
  }
  #msHomeDemo #msHomePreviewShell{
    height:475px !important;
    min-height:475px !important;
  }
}


/* --- ms-desktop-v22-micro-polish --- */

@media(min-width:1000px){
  
  #msHomeDemo.has-file .ms-upload{
    min-height:116px !important;
    height:116px !important;
    padding:13px !important;
  }
  #msHomeDemo.has-file .ms-upload-icon{
    width:42px !important;
    height:42px !important;
    margin-bottom:7px !important;
    font-size:22px !important;
  }
  #msHomeDemo.has-file .ms-upload strong{
    font-size:13px !important;
  }
  #msHomeDemo.has-file .ms-upload small{
    font-size:10.5px !important;
    margin-top:3px !important;
  }
  #msHomeDemo.has-file #msHomeFileRow{
    display:grid !important;
    grid-template-columns:48px 18px minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:8px !important;
    min-height:64px !important;
    padding:8px 10px !important;
    margin-top:9px !important;
    border-radius:11px !important;
    background:#fafbfc !important;
  }
  #msHomeDemo .ms-upload-thumb{
    width:48px !important;
    height:48px !important;
    display:grid !important;
    place-items:center !important;
    overflow:hidden !important;
    border:1px solid #e2e6eb !important;
    border-radius:9px !important;
    background:#fff !important;
    color:#ed1c24 !important;
    font-size:10px !important;
    font-weight:900 !important;
  }
  #msHomeDemo .ms-upload-thumb img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:contain !important;
  }
  #msHomeDemo.has-file .ms-file-name{
    font-size:11.5px !important;
    font-weight:800 !important;
    color:#303640 !important;
  }
  #msHomeDemo.has-file .ms-change-file{
    padding:7px 9px !important;
    border:1px solid #e0e4e9 !important;
    border-radius:8px !important;
    background:#fff !important;
    font-size:10.5px !important;
    font-weight:900 !important;
    color:#4c5560 !important;
  }
  
  #msHomeDemo .ms-upload-col,
  #msHomeDemo #msProductModeHome,
  #msHomeDemo .ms-preview-col > .ms-option-block:has(.ms-shapes),
  #msHomeDemo .ms-preview-col > .ms-option-block:has(#msMaterialsTrack){
    position:relative !important;
    overflow:visible !important;
  }
  
  #msHomeDemo .ms-upload-col::after,
  #msHomeDemo #msProductModeHome::after,
  #msHomeDemo .ms-preview-col > .ms-option-block:has(.ms-shapes)::after{
    content:"" !important;
    position:absolute !important;
    z-index:4 !important;
    top:30px !important;
    right:-15px !important;
    width:15px !important;
    height:1px !important;
    background:#d9dde3 !important;
    pointer-events:none !important;
  }
  
  #msHomeDemo #msProductModeHome .ms-product-mode-home-btn{
    position:relative !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-home-btn.active::after{
    content:"✓" !important;
    position:absolute !important;
    top:7px !important;
    right:7px !important;
    width:20px !important;
    height:20px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:999px !important;
    background:#ed1c24 !important;
    color:#fff !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:900 !important;
    box-shadow:0 2px 7px rgba(237,28,36,.22) !important;
  }
  #msHomeDemo .ms-shape-check{
    width:20px !important;
    height:20px !important;
    top:7px !important;
    right:7px !important;
    font-size:10px !important;
    box-shadow:0 2px 7px rgba(237,28,36,.22) !important;
  }
  #msHomeDemo .ms-material-btn.active::after{
    width:20px !important;
    height:20px !important;
    top:7px !important;
    right:7px !important;
    background:#ed1c24 !important;
    color:#fff !important;
    opacity:1 !important;
    font-size:10px !important;
    box-shadow:0 2px 7px rgba(237,28,36,.22) !important;
  }
  
  #msHomeDemo #msProductModeHome .ms-product-mode-home-btn:hover,
  #msHomeDemo .ms-shape-btn:hover,
  #msHomeDemo .ms-material-btn:hover{
    transform:translateY(-2px) !important;
    border-color:#c9cfd6 !important;
    box-shadow:0 7px 17px rgba(15,23,42,.07) !important;
  }
  #msHomeDemo #msProductModeHome .ms-product-mode-home-btn.active:hover,
  #msHomeDemo .ms-shape-btn.active:hover,
  #msHomeDemo .ms-material-btn.active:hover{
    border-color:#ed1c24 !important;
    box-shadow:0 7px 18px rgba(237,28,36,.09) !important;
  }
  
  #msHomeDemo .ms-preview-col > .ms-preview-kicker,
  #msHomeDemo.has-file .ms-preview-col > .ms-preview-kicker{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:9px !important;
    min-height:28px !important;
    margin:17px 0 6px !important;
    text-align:center !important;
  }
  #msHomeDemo .ms-preview-col > .ms-preview-kicker > span:first-child{
    margin:0 !important;
    line-height:1.2 !important;
  }
  #msHomeDemo .ms-preview-badge{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:22px !important;
    margin:0 !important;
    vertical-align:middle !important;
  }
  
  #msHomeDemo #msHomePreviewShell{
    transition:opacity .16s ease, transform .16s ease, box-shadow .16s ease !important;
  }
  #msHomeDemo #msHomePreviewShell.ms-soft-changing{
    opacity:.72 !important;
    transform:scale(.995) !important;
  }
  
  #msHomeDemo .ms-loading-card{
    border:1px solid #e8ebef !important;
    border-radius:15px !important;
    background:rgba(255,255,255,.96) !important;
    box-shadow:0 14px 34px rgba(15,23,42,.10) !important;
  }
  #msHomeDemo .ms-loading-copy{
    color:#303640 !important;
    font-size:12px !important;
    font-weight:900 !important;
  }
  #msHomeDemo .ms-spinner{
    border-color:#f1c9cb !important;
    border-top-color:#ed1c24 !important;
  }
  #msHomeDemo .ms-upload-progress-bar{
    background:#ed1c24 !important;
  }
}
@media(min-width:1000px) and (max-width:1300px){
  #msHomeDemo .ms-upload-col::after,
  #msHomeDemo #msProductModeHome::after,
  #msHomeDemo .ms-preview-col > .ms-option-block:has(.ms-shapes)::after{
    right:-12px !important;
    width:12px !important;
  }
}


/* --- ms-desktop-v23-quick-edit-bar-style --- */

@media(min-width:1000px){
  #msQuickEditBar{
    --ms-quick-edit-top:14px;
    position:fixed;
    z-index:9998;
    top:var(--ms-quick-edit-top);
    left:50%;
    width:min(980px,calc(100vw - 34px));
    transform:translate(-50%,-14px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
    font-family:Arial,Helvetica,sans-serif;
  }
  #msQuickEditBar.is-visible{
    transform:translate(-50%,0);
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  #msQuickEditBar .ms-qeb-shell{
    position:relative;
    display:grid;
    grid-template-columns:1.05fr 1fr 1.08fr .92fr;
    align-items:stretch;
    padding:6px;
    border:1px solid rgba(218,222,228,.95);
    border-radius:16px;
    background:rgba(255,255,255,.96);
    box-shadow:0 12px 34px rgba(15,23,42,.13);
    backdrop-filter:blur(12px);
  }
  #msQuickEditBar .ms-qeb-item{
    position:relative;
    min-width:0;
  }
  #msQuickEditBar .ms-qeb-item + .ms-qeb-item::before{
    content:"";
    position:absolute;
    left:0;
    top:10px;
    bottom:10px;
    width:1px;
    background:#eceef1;
  }
  #msQuickEditBar .ms-qeb-trigger{
    appearance:none;
    width:100%;
    min-height:52px;
    padding:7px 14px;
    border:0;
    border-radius:11px;
    background:transparent;
    color:#171a1f;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    text-align:left;
    cursor:pointer;
    transition:background .15s ease;
  }
  #msQuickEditBar .ms-qeb-trigger:hover,
  #msQuickEditBar .ms-qeb-item.is-open .ms-qeb-trigger{
    background:#f7f8fa;
  }
  #msQuickEditBar .ms-qeb-trigger:disabled{
    cursor:default;
    opacity:.48;
    background:transparent!important;
  }
  #msQuickEditBar .ms-qeb-copy{
    min-width:0;
    display:block;
  }
  #msQuickEditBar .ms-qeb-label{
    display:block;
    margin-bottom:2px;
    color:#8b929c;
    font-size:9px;
    line-height:1;
    font-weight:900;
    letter-spacing:.055em;
    text-transform:uppercase;
  }
  #msQuickEditBar .ms-qeb-value{
    display:block;
    overflow:hidden;
    color:#22262c;
    font-size:12.5px;
    line-height:1.15;
    font-weight:900;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  #msQuickEditBar .ms-qeb-chevron{
    flex:0 0 auto;
    color:#8c939c;
    font-size:14px;
    line-height:1;
    transition:transform .15s ease;
  }
  #msQuickEditBar .ms-qeb-item.is-open .ms-qeb-chevron{
    transform:rotate(180deg);
  }
  #msQuickEditBar .ms-qeb-popover{
    position:absolute;
    z-index:3;
    top:calc(100% + 10px);
    left:0;
    width:290px;
    padding:10px;
    border:1px solid #e2e6eb;
    border-radius:14px;
    background:#fff;
    box-shadow:0 16px 40px rgba(15,23,42,.15);
    opacity:0;
    visibility:hidden;
    transform:translateY(-5px);
    pointer-events:none;
    transition:opacity .15s ease,transform .15s ease,visibility .15s ease;
  }
  #msQuickEditBar .ms-qeb-item:nth-child(3) .ms-qeb-popover,
  #msQuickEditBar .ms-qeb-item:nth-child(4) .ms-qeb-popover{
    left:auto;
    right:0;
  }
  #msQuickEditBar .ms-qeb-item.is-open .ms-qeb-popover{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
  }
  #msQuickEditBar .ms-qeb-pop-title{
    margin:2px 3px 9px;
    color:#79808a;
    font-size:9px;
    font-weight:900;
    letter-spacing:.055em;
    text-transform:uppercase;
  }
  #msQuickEditBar .ms-qeb-options{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  #msQuickEditBar .ms-qeb-option{
    appearance:none;
    position:relative;
    min-width:0;
    min-height:42px;
    padding:8px 10px;
    border:1px solid #e3e6ea;
    border-radius:10px;
    background:#fff;
    color:#333941;
    font-size:11px;
    line-height:1.15;
    font-weight:850;
    text-align:left;
    cursor:pointer;
    transition:border-color .14s ease,background .14s ease,transform .14s ease;
  }
  #msQuickEditBar .ms-qeb-option:hover{
    transform:translateY(-1px);
    border-color:#cbd1d8;
    background:#fafbfc;
  }
  #msQuickEditBar .ms-qeb-option.is-active{
    padding-right:30px;
    border-color:#ed1c24;
    background:#fff7f7;
    color:#d71920;
  }
  #msQuickEditBar .ms-qeb-option.is-active::after{
    content:"✓";
    position:absolute;
    top:50%;
    right:8px;
    width:17px;
    height:17px;
    display:grid;
    place-items:center;
    transform:translateY(-50%);
    border-radius:999px;
    background:#ed1c24;
    color:#fff;
    font-size:9px;
    font-weight:900;
  }
  
  #msQuickEditBar .ms-qeb-material-option{
    display:flex;
    align-items:center;
    gap:8px;
  }
  #msQuickEditBar .ms-qeb-material-swatch{
    flex:0 0 20px;
    width:20px;
    height:20px;
    border-radius:999px;
    border:1px solid rgba(15,23,42,.10);
    background-size:cover;
    background-position:center;
  }
  
  #msQuickEditBar .ms-qeb-adjust-popover{
    width:345px;
    padding:12px;
  }
  #msQuickEditBar .ms-qeb-adjust-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
  }
  #msQuickEditBar .ms-qeb-adjust-title{
    color:#252a31;
    font-size:12px;
    font-weight:900;
  }
  #msQuickEditBar .ms-qeb-reset{
    appearance:none;
    padding:6px 9px;
    border:1px solid #e0e4e9;
    border-radius:8px;
    background:#fff;
    color:#69717c;
    font-size:9.5px;
    font-weight:900;
    cursor:pointer;
  }
  #msQuickEditBar .ms-qeb-range{
    display:grid;
    grid-template-columns:118px minmax(0,1fr);
    align-items:center;
    gap:10px;
    min-height:39px;
  }
  #msQuickEditBar .ms-qeb-range-label{
    min-width:0;
    color:#4c535d;
    font-size:10.5px;
    line-height:1.15;
    font-weight:800;
  }
  #msQuickEditBar .ms-qeb-range-value{
    display:block;
    margin-top:2px;
    color:#ed1c24;
    font-size:9.5px;
    font-weight:900;
  }
  #msQuickEditBar .ms-qeb-range input[type="range"]{
    width:100%;
    accent-color:#ed1c24;
    cursor:pointer;
  }
  #msQuickEditBar .ms-qeb-adjust-note{
    margin:8px 1px 0;
    color:#8a919a;
    font-size:9.5px;
    line-height:1.35;
  }
  #msQuickEditBar .ms-qeb-mini-icon{
    display:grid;
    place-items:center;
    flex:0 0 27px;
    width:27px;
    height:27px;
    border-radius:8px;
    background:#fff1f2;
    color:#ed1c24;
    font-size:14px;
    font-weight:900;
  }
  #msQuickEditBar .ms-qeb-adjust-trigger{
    justify-content:flex-start;
  }
  #msQuickEditBar .ms-qeb-adjust-trigger .ms-qeb-chevron{
    margin-left:auto;
  }
}
@media(max-width:999px){
  #msQuickEditBar{display:none!important}
}


/* --- ms-desktop-v24-sticky-fix --- */

@media(min-width:1000px){
  #msQuickEditBar{
    position:sticky !important;
    top:12px !important;
    left:auto !important;
    width:100% !important;
    max-width:none !important;
    margin:12px 0 10px !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    z-index:9998 !important;
    display:none !important;
  }
  #msHomeDemo.has-file #msQuickEditBar{
    display:block !important;
  }
  #msQuickEditBar.is-visible,
  #msQuickEditBar:not(.is-visible){
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  #msQuickEditBar .ms-qeb-shell{
    width:100% !important;
  }
}


/* --- ms-desktop-v25-quick-bar-full-width --- */

@media(min-width:1000px){
  #msQuickEditBar{
    grid-column:1 / 5 !important;
    grid-row:2 !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    justify-self:stretch !important;
    align-self:start !important;
    margin:8px 0 4px !important;
  }
  #msQuickEditBar .ms-qeb-shell{
    width:100% !important;
    max-width:none !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
  
  #msHomeDemo .ms-preview-col > .ms-preview-kicker{
    grid-column:1 / 5 !important;
    grid-row:3 !important;
  }
  #msHomeDemo #msHomePreviewShell{
    grid-column:1 / 5 !important;
    grid-row:4 !important;
  }
}


/* --- ms-desktop-v26-quick-bar-bottom-qr --- */

@media(min-width:1000px){
  
  
  #msHomeDemo .ms-preview-col > .ms-preview-kicker{
    grid-column:1 / 5 !important;
    grid-row:2 !important;
  }
  #msHomeDemo #msHomePreviewShell{
    grid-column:1 / 5 !important;
    grid-row:3 !important;
  }
  #msQuickEditBar{
    grid-column:1 / 5 !important;
    grid-row:4 !important;
    width:100% !important;
    max-width:none !important;
    margin:4px 0 0 !important;
    align-self:start !important;
  }
  #msQuickEditBar .ms-qeb-shell{
    width:100% !important;
    max-width:none !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
  
  #msQuickEditBar .ms-qeb-shell.ms-qeb-has-qr{
    grid-template-columns:
      1.05fr
      .95fr
      1.05fr
      .95fr
      1fr !important;
  }
  
  #msQuickEditBar .ms-qeb-item[data-qeb="qr-position"]{
    display:none;
  }
  #msQuickEditBar .ms-qeb-shell.ms-qeb-has-qr
  .ms-qeb-item[data-qeb="qr-position"]{
    display:block;
  }
  
  #msQuickEditBar .ms-qeb-qr-icon{
    display:grid;
    place-items:center;
    flex:0 0 27px;
    width:27px;
    height:27px;
    border-radius:8px;
    background:#fff1f2;
    color:#ed1c24;
    font-size:13px;
    font-weight:900;
    letter-spacing:-1px;
  }
  #msQuickEditBar .ms-qeb-qr-trigger{
    justify-content:flex-start;
  }
  #msQuickEditBar .ms-qeb-qr-trigger .ms-qeb-chevron{
    margin-left:auto;
  }
  
  #msQuickEditBar
  .ms-qeb-item[data-qeb="qr-position"]
  .ms-qeb-options{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}


/* --- ms-desktop-v27-quickbar-icons --- */

@media(min-width:1000px){
  #msQuickEditBar .ms-qeb-trigger.ms-qeb-trigger-visual{
    gap:12px !important;
    justify-content:flex-start !important;
  }
  #msQuickEditBar .ms-qeb-trigger.ms-qeb-trigger-visual .ms-qeb-chevron{
    margin-left:auto !important;
  }
  #msQuickEditBar .ms-qeb-trigger-icon{
    flex:0 0 42px;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:#fafbfc;
    border:1px solid #e8ebef;
    overflow:hidden;
  }
  #msQuickEditBar .ms-qeb-trigger-icon .ms-product-icon,
  #msQuickEditBar .ms-qeb-trigger-icon .ms-scratch-product-icon{
    max-width:34px !important;
    max-height:26px !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
  }
  #msQuickEditBar .ms-qeb-trigger-icon .ms-shape-icon{
    width:24px !important;
    height:24px !important;
    margin:0 !important;
  }
  
  #msQuickEditBar .ms-qeb-options.ms-qeb-options-visual{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  #msQuickEditBar .ms-qeb-option.ms-qeb-option-visual{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    min-height:52px !important;
    padding:8px 10px !important;
  }
  #msQuickEditBar .ms-qeb-option-visual .ms-qeb-option-icon{
    flex:0 0 34px;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:#fafbfc;
    border:1px solid #eceff3;
    overflow:hidden;
  }
  #msQuickEditBar .ms-qeb-option-visual .ms-qeb-option-icon .ms-product-icon,
  #msQuickEditBar .ms-qeb-option-visual .ms-qeb-option-icon .ms-scratch-product-icon{
    max-width:28px !important;
    max-height:22px !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
  }
  #msQuickEditBar .ms-qeb-option-visual .ms-qeb-option-icon .ms-shape-icon{
    width:20px !important;
    height:20px !important;
    margin:0 !important;
  }
  #msQuickEditBar .ms-qeb-option-visual .ms-qeb-option-label{
    min-width:0;
    display:block;
    font-size:11px;
    line-height:1.12;
    font-weight:850;
    color:#2f3640;
    text-wrap:balance;
  }
  #msQuickEditBar .ms-qeb-option.ms-qeb-option-visual.is-active .ms-qeb-option-icon{
    border-color:#f1c6c8 !important;
    background:#fff !important;
  }
}


/* --- ms-desktop-v28-quickbar-refine --- */

@media(min-width:1000px){
  
  #msQuickEditBar .ms-qeb-trigger-icon{
    flex-basis:50px !important;
    width:50px !important;
    height:50px !important;
    border-radius:12px !important;
  }
  #msQuickEditBar .ms-qeb-trigger-icon .ms-product-icon,
  #msQuickEditBar .ms-qeb-trigger-icon .ms-scratch-product-icon{
    max-width:43px !important;
    max-height:34px !important;
  }
  #msQuickEditBar .ms-qeb-trigger-icon .ms-shape-icon{
    width:31px !important;
    height:31px !important;
  }
  #msQuickEditBar .ms-qeb-trigger.ms-qeb-trigger-visual{
    min-height:62px !important;
    gap:13px !important;
  }
  #msQuickEditBar .ms-qeb-option.ms-qeb-option-visual{
    min-height:62px !important;
    gap:11px !important;
    padding:9px 10px !important;
    overflow:hidden !important;
  }
  #msQuickEditBar .ms-qeb-option-visual .ms-qeb-option-icon{
    flex-basis:43px !important;
    width:43px !important;
    height:43px !important;
    border-radius:10px !important;
  }
  #msQuickEditBar .ms-qeb-option-visual .ms-qeb-option-icon .ms-product-icon,
  #msQuickEditBar .ms-qeb-option-visual .ms-qeb-option-icon .ms-scratch-product-icon{
    max-width:37px !important;
    max-height:29px !important;
  }
  #msQuickEditBar .ms-qeb-option-visual .ms-qeb-option-icon .ms-shape-icon{
    width:27px !important;
    height:27px !important;
  }
  
  #msQuickEditBar .ms-qeb-item[data-qeb="shape"] .ms-qeb-popover{
    width:380px !important;
  }
  #msQuickEditBar .ms-qeb-item[data-qeb="shape"] .ms-qeb-options{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  #msQuickEditBar .ms-qeb-item[data-qeb="shape"] .ms-qeb-option{
    min-width:0 !important;
    width:100% !important;
    padding-right:34px !important;
  }
  #msQuickEditBar .ms-qeb-item[data-qeb="shape"] .ms-qeb-option-label{
    min-width:0 !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    text-overflow:clip !important;
    font-size:11px !important;
    line-height:1.15 !important;
  }
  
  #msQuickEditBar .ms-qeb-item[data-qeb="shape"] .ms-qeb-value{
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    line-height:1.12 !important;
  }
  
  #msQuickEditBar .ms-qeb-item[data-qeb="product"] .ms-qeb-popover{
    width:365px !important;
  }
  
  #msQuickEditBar .ms-qeb-trigger:disabled{
    opacity:.52 !important;
  }
}
@media(min-width:1000px) and (max-width:1250px){
  #msQuickEditBar .ms-qeb-item[data-qeb="shape"] .ms-qeb-popover{
    width:350px !important;
  }
  #msQuickEditBar .ms-qeb-item[data-qeb="product"] .ms-qeb-popover{
    width:340px !important;
  }
}


/* --- ms-desktop-v29-quickbar-popover-up --- */

@media(min-width:1000px){
  #msQuickEditBar .ms-qeb-popover{
    top:auto !important;
    bottom:calc(100% + 10px) !important;
    transform:translateY(5px) !important;
  }
  #msQuickEditBar .ms-qeb-item.is-open .ms-qeb-popover{
    transform:translateY(0) !important;
  }
  
  #msQuickEditBar .ms-qeb-item:nth-child(1) .ms-qeb-popover,
  #msQuickEditBar .ms-qeb-item:nth-child(2) .ms-qeb-popover{
    left:0 !important;
    right:auto !important;
  }
  #msQuickEditBar .ms-qeb-item:nth-child(3) .ms-qeb-popover,
  #msQuickEditBar .ms-qeb-item:nth-child(4) .ms-qeb-popover,
  #msQuickEditBar .ms-qeb-item:nth-child(5) .ms-qeb-popover{
    left:auto !important;
    right:0 !important;
  }
}


/* --- ms-desktop-v30-quickbar-secondary --- */

@media(min-width:1000px){
  
  #msQuickEditBar{
    padding-top:0 !important;
    margin-top:14px !important;
  }
  #msQuickEditBar .ms-qeb-context{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:0 4px 7px !important;
    min-height:20px;
  }
  #msQuickEditBar .ms-qeb-context-left{
    display:flex;
    align-items:center;
    gap:7px;
    min-width:0;
  }
  #msQuickEditBar .ms-qeb-context-dot{
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:999px;
    background:#ed1c24;
  }
  #msQuickEditBar .ms-qeb-context-title{
    color:#5f6670;
    font-size:10px;
    line-height:1;
    font-weight:900;
    letter-spacing:.065em;
    text-transform:uppercase;
  }
  #msQuickEditBar .ms-qeb-context-note{
    color:#969ca5;
    font-size:10px;
    line-height:1.2;
    font-weight:650;
    white-space:nowrap;
  }
  
  #msQuickEditBar .ms-qeb-shell{
    padding:5px !important;
    border:1px solid #e5e8ec !important;
    border-radius:14px !important;
    background:#fafbfc !important;
    box-shadow:0 6px 18px rgba(15,23,42,.065) !important;
    backdrop-filter:blur(8px) !important;
  }
  #msQuickEditBar .ms-qeb-item + .ms-qeb-item::before{
    top:12px !important;
    bottom:12px !important;
    background:#e5e8ec !important;
  }
  #msQuickEditBar .ms-qeb-trigger{
    min-height:58px !important;
    border-radius:10px !important;
    padding:6px 12px !important;
  }
  #msQuickEditBar .ms-qeb-trigger:hover,
  #msQuickEditBar .ms-qeb-item.is-open .ms-qeb-trigger{
    background:#fff !important;
  }
  #msQuickEditBar .ms-qeb-label{
    color:#9aA0a8 !important;
    font-size:8.8px !important;
    letter-spacing:.06em !important;
  }
  #msQuickEditBar .ms-qeb-value{
    color:#30353d !important;
    font-size:12.5px !important;
  }
  
  #msQuickEditBar .ms-qeb-trigger-icon,
  #msQuickEditBar .ms-qeb-mini-icon,
  #msQuickEditBar .ms-qeb-qr-icon{
    background:#fff !important;
    border:1px solid #e6e9ed !important;
    box-shadow:0 1px 2px rgba(15,23,42,.025) !important;
  }
  #msQuickEditBar .ms-qeb-mini-icon,
  #msQuickEditBar .ms-qeb-qr-icon{
    color:#ed1c24 !important;
  }
  
  #msQuickEditBar .ms-qeb-option.is-active{
    background:#fff7f7 !important;
  }
  
  #msQuickEditBar .ms-qeb-popover{
    border-color:#dfe3e8 !important;
    border-radius:13px !important;
    box-shadow:0 15px 34px rgba(15,23,42,.13) !important;
  }
}
@media(min-width:1000px) and (max-width:1250px){
  #msQuickEditBar .ms-qeb-context-note{
    display:none !important;
  }
}


/* --- ms-v35-mobile-master-protection --- */

@media(max-width:999px){
  #msQuickEditBar{display:none !important;}
}