/* CLXON24 Logo Studio: visual parity with Wunschtext Editor V3.
   Scoped presentation only; native logo configuration, SVG/PDF/PNG/JPG handling,
   size, color, cart, and prices remain owned by logo-config.js and pricing.js. */
body.page-logo-config.clx-logo-studio-v3{background:#f3f5f8;color:#111923}
body.page-logo-config.clx-logo-studio-v3 > main{box-sizing:border-box;min-width:0}
body.page-logo-config.clx-logo-studio-v3 .wish-config__bar{margin-top:1.2rem;margin-bottom:.75rem}
body.page-logo-config.clx-logo-studio-v3 .wish-intro{
 display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;
 gap:.5rem 1.5rem;padding:1.2rem 1.5rem 1rem;
 border:1px solid #e2e6eb;border-bottom:0;border-radius:18px 18px 0 0;
 background:#fff;box-shadow:none}
body.page-logo-config.clx-logo-studio-v3 .wish-intro__copy{
 display:flex;flex-direction:column;gap:.48rem;align-items:flex-start;
 grid-column:1;grid-row:1/3;min-width:0}
body.page-logo-config.clx-logo-studio-v3 .clx-editor__eyebrow{
 margin:0;color:#526072;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
body.page-logo-config.clx-logo-studio-v3 .clx-editor__headline{
 margin:0;color:#121820;font-size:clamp(1.65rem,3.15vw,2.7rem);
 font-weight:850;letter-spacing:-.055em;line-height:1.06}
body.page-logo-config.clx-logo-studio-v3 .wish-intro__lead{
 grid-column:auto;grid-row:auto;margin:0;color:#465262;
 font-size:.98rem;font-weight:500;line-height:1.5;max-width:65ch}
body.page-logo-config.clx-logo-studio-v3 .wish-intro__trust{
 grid-column:auto;grid-row:auto;display:flex;flex-wrap:wrap;
 gap:.4rem;margin:.2rem 0 0;width:auto}
body.page-logo-config.clx-logo-studio-v3 .wish-intro__trust li{
 background:#f4f6f8;border:1px solid #e8ebef;border-radius:8px;
 padding:.34rem .6rem;color:#2b3441;font-size:.75rem}
body.page-logo-config.clx-logo-studio-v3 .wish-intro__trust li::before{background:#1d2939}
body.page-logo-config.clx-logo-studio-v3 .wish-intro__from{
 grid-column:2;grid-row:1;align-self:start;text-align:right;margin:.4rem 0 0}
body.page-logo-config.clx-logo-studio-v3 .wish-intro__from strong{
 font-size:1.35rem;color:#131923;font-weight:850}
body.page-logo-config.clx-logo-studio-v3 .clx-intro-action{
 display:inline-flex;align-items:center;justify-content:center;gap:.45rem;
 min-height:44px;margin-top:.2rem;padding:.6rem 1rem;border:1px solid #161d27;
 border-radius:10px;background:#161d27;color:#fff;font-size:.89rem;font-weight:800;
 text-decoration:none;box-shadow:none}
body.page-logo-config.clx-logo-studio-v3 .clx-intro-action:hover{background:#2c3643;color:#fff}
body.page-logo-config.clx-logo-studio-v3 .clx-intro-action__note{
 font-size:.76rem;line-height:1.4;color:#627083}
/* Identical white editor shell, wide preview on left, compact order card on right. */
body.page-logo-config.clx-logo-studio-v3 #config-panel{
 box-sizing:border-box;max-width:1390px;padding:1.15rem 1.25rem 1.35rem;
 border:1px solid #e2e6eb;border-radius:18px;
 background:#fff;box-shadow:none;overflow:visible}
body.page-logo-config.clx-logo-studio-v3 .hours-config__grid{
 display:grid;grid-template-columns:minmax(0,1.48fr) minmax(330px,1fr);
 gap:1.4rem;align-items:start;min-width:0;overflow:visible}
body.page-logo-config.clx-logo-studio-v3 .hours-config__stage{
 position:sticky;top:calc(var(--clx-header-h, 120px) + 12px);z-index:4;align-self:start;
 display:block;box-sizing:border-box;min-width:0;max-width:100%;width:100%;
 margin:0;padding:0;background:transparent;border:0;box-shadow:none;overflow:visible}
body.page-logo-config.clx-logo-studio-v3 .clx-logo__preview-head{
 display:flex;align-items:center;justify-content:space-between;gap:.6rem;
 padding:.1rem .2rem .6rem;color:#253044;font-size:.8rem;font-weight:850}
body.page-logo-config.clx-logo-studio-v3 .clx-logo__preview-head small{
 color:#687586;font-size:.73rem;font-weight:650}
body.page-logo-config.clx-logo-studio-v3 .logo-scene{width:100%;min-width:0;gap:.65rem}
body.page-logo-config.clx-logo-studio-v3 .logo-scene__facade{
 width:100%;max-width:100%;box-sizing:border-box;
 border:1px solid #d8dfe7;border-radius:15px;box-shadow:0 12px 28px rgba(30,33,38,.09);
 padding:.6rem;background:linear-gradient(145deg,#e3ddd3,#cfc4b7 55%,#eee8dd);
 aspect-ratio:59 / 29;min-height:0;height:auto}
body.page-logo-config.clx-logo-studio-v3 .logo-scene__frame{
 border-radius:9px;overflow:hidden;box-shadow:none}
body.page-logo-config.clx-logo-studio-v3 .logo-scene__pane{overflow:hidden}
body.page-logo-config.clx-logo-studio-v3 .hours-window__readout{
 width:100%;box-sizing:border-box;border-radius:10px;
 background:#f6f8fa;padding:.7rem .8rem;border:1px solid #e8ecf0}
body.page-logo-config.clx-logo-studio-v3 .hours-window__size strong{color:#172131;font-weight:850}
body.page-logo-config.clx-logo-studio-v3 .hours-config__panel{
 box-sizing:border-box;min-width:0;max-width:100%;width:100%;
 display:grid;gap:.65rem;padding:1rem;
 border:1px solid #e4e8ed;border-radius:16px;
 background:#fff;box-shadow:0 10px 35px rgba(22,32,45,.06)}
body.page-logo-config.clx-logo-studio-v3 .hours-config__intro h1{
 margin:0 0 .45rem;color:#121923;
 font-size:clamp(1.16rem,1.9vw,1.55rem);font-weight:850;letter-spacing:-.035em;line-height:1.2}
body.page-logo-config.clx-logo-studio-v3 .hours-config__intro p{
 margin:0;color:#526073;font-size:.85rem;line-height:1.5}
body.page-logo-config.clx-logo-studio-v3 .cfg-live-price{
 display:flex;align-items:baseline;gap:.3rem .5rem;flex-wrap:wrap;
 border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;
 padding:.7rem 0;margin:.1rem 0 .25rem;background:transparent}
body.page-logo-config.clx-logo-studio-v3 .cfg-live-price strong{
 color:#151d27;font-size:clamp(1.55rem,2.8vw,2.25rem);
 font-weight:850;letter-spacing:-.04em}
body.page-logo-config.clx-logo-studio-v3 .cfg-live-price small{display:block;color:#58687b}
body.page-logo-config.clx-logo-studio-v3 .hours-block{
 min-width:0;box-sizing:border-box;margin:.2rem 0;padding:.75rem;
 border:1px solid #e9edf1;border-radius:11px;background:#fff;box-shadow:none;gap:.7rem}
body.page-logo-config.clx-logo-studio-v3 .hours-block h2{
 font-size:.89rem;font-weight:850;color:#1b222c}
body.page-logo-config.clx-logo-studio-v3 .cfg-upload:not(.has-file){
 border:1.5px dashed #7c9fc3;border-radius:12px;background:#f2f7fc}
body.page-logo-config.clx-logo-studio-v3 .cfg-upload-btn{
 border:1px solid #1c2937;background:#1c2937;color:#fff;
 border-radius:9px;font-weight:800}
body.page-logo-config.clx-logo-studio-v3 .logo-raster-warning{
 border-color:#e8dab8;background:#fffbf2;color:#6c542a}
body.page-logo-config.clx-logo-studio-v3 .logo-size-rule{
 border-color:#dbe7f4;background:#f5f8fc}
body.page-logo-config.clx-logo-studio-v3 .hours-chips--sizes{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}
body.page-logo-config.clx-logo-studio-v3 .hours-chips--sizes .hours-chip{
 box-sizing:border-box;min-width:0;min-height:43px;border:1px solid #d7dde5;
 border-radius:8px;background:#fff;color:#202936;font-size:.78rem;font-weight:800}
body.page-logo-config.clx-logo-studio-v3 .hours-chips--sizes .hours-chip.is-active,
body.page-logo-config.clx-logo-studio-v3 .cfg-segment.is-active{
 background:#1b232d;color:#fff;border-color:#1b232d;box-shadow:none}
body.page-logo-config.clx-logo-studio-v3 .hours-chips--sizes .hours-chip.is-active small{color:inherit}
body.page-logo-config.clx-logo-studio-v3 .cfg-choice-grid{
 display:grid;grid-template-columns:1fr;gap:.65rem;min-width:0}
body.page-logo-config.clx-logo-studio-v3 .cfg-choice-grid > div{min-width:0}
body.page-logo-config.clx-logo-studio-v3 .cfg-choice-grid .hours-chips{display:flex;flex-wrap:wrap;gap:.4rem}
body.page-logo-config.clx-logo-studio-v3 .cfg-choice-grid .hours-chip{
 box-sizing:border-box;min-height:43px;padding:.55rem .75rem;border:1px solid #d8dfe7;
 border-radius:9px;background:#fff;color:#263244;font-size:.78rem;font-weight:800}
body.page-logo-config.clx-logo-studio-v3 .cfg-choice-grid .hours-chip.is-active{
 background:#1b232d;color:#fff;border-color:#1b232d}
body.page-logo-config.clx-logo-studio-v3 .hours-buy{
 display:grid;gap:.7rem;margin:0;padding:.6rem .1rem .1rem;border:0;background:transparent;box-shadow:none}
body.page-logo-config.clx-logo-studio-v3 #cfg-total{
 color:#151d27;font-size:clamp(1.6rem,2.8vw,2.15rem);font-weight:850}
body.page-logo-config.clx-logo-studio-v3 #cfg-add-cart{
 box-sizing:border-box;width:100%;min-height:52px;padding:.7rem;
 border-radius:11px;border:0;background:#171f29;color:#fff;
 box-shadow:0 6px 14px rgba(19,27,39,.12);font-size:.92rem;font-weight:850}
body.page-logo-config.clx-logo-studio-v3 #cfg-add-cart:hover:not(:disabled){
 background:#2a3543;color:#fff}
body.page-logo-config.clx-logo-studio-v3 .cfg-buy-trust{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:.35rem .65rem;color:#4d5b6d}
body.page-logo-config.clx-logo-studio-v3 #cfg-mobile-dock .btn{
 background:#171f29;color:#fff;border:0;border-radius:9px;box-shadow:none;font-weight:850}
body.page-logo-config.clx-logo-studio-v3 #cfg-mobile-dock{
 background:#fff;border-top:1px solid #e1e7ee;box-shadow:0 -4px 18px rgba(10,20,32,.07)}
/* One shared-style 6-card inspiration gallery below the whole order layout */
body.page-logo-config.clx-logo-studio-v3 .clx-logo__proof{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:1.2rem;margin:1.35rem .2rem 0;padding:1.3rem .2rem .25rem;
 border-top:1px solid #e7ebf1}
body.page-logo-config.clx-logo-studio-v3 .clx-logo__proof-heading{
 grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.3rem .9rem;align-items:baseline}
body.page-logo-config.clx-logo-studio-v3 .clx-logo__proof-heading strong{
 color:#111b29;font-weight:850;font-size:clamp(1.05rem,2vw,1.4rem)}
body.page-logo-config.clx-logo-studio-v3 .clx-logo__proof-heading span{
 color:#607084;font-size:.79rem;line-height:1.4}
body.page-logo-config.clx-logo-studio-v3 .logo-preview-examples,
body.page-logo-config.clx-logo-studio-v3 .clx-logo__uses{
 display:grid;gap:.7rem;min-width:0;margin:0;padding:.85rem;
 border:1px solid #e5eaf0;border-radius:15px;background:#fafbfc}
body.page-logo-config.clx-logo-studio-v3 .logo-preview-examples__head,
body.page-logo-config.clx-logo-studio-v3 .clx-logo__uses-head{display:grid;gap:.2rem}
body.page-logo-config.clx-logo-studio-v3 .logo-preview-examples__head strong,
body.page-logo-config.clx-logo-studio-v3 .clx-logo__uses-head strong{font-weight:850;font-size:.95rem;color:#171d26}
body.page-logo-config.clx-logo-studio-v3 .logo-preview-examples__head span,
body.page-logo-config.clx-logo-studio-v3 .clx-logo__uses-head span{font-size:.73rem;color:#637083}
body.page-logo-config.clx-logo-studio-v3 .logo-preview-examples__grid,
body.page-logo-config.clx-logo-studio-v3 .clx-logo__uses-grid{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
body.page-logo-config.clx-logo-studio-v3 .clx-logo__proof figure{
 position:relative;margin:0;min-width:0;aspect-ratio:auto;
 display:grid;gap:.25rem;border:0;background:transparent;overflow:visible}
body.page-logo-config.clx-logo-studio-v3 .clx-logo__proof figure img{
 display:block;box-sizing:border-box;width:100%;height:auto;aspect-ratio:1.44/1;
 object-fit:cover;border:1px solid #e1e5eb;border-radius:10px;transition:none}
body.page-logo-config.clx-logo-studio-v3 .clx-logo__proof figcaption{
 font-size:.73rem;color:#212b39;text-align:center;font-weight:800}
body.page-logo-config.clx-logo-studio-v3 .clx-logo__zoom{
 position:absolute;z-index:2;top:.35rem;right:.35rem;display:grid;place-items:center;
 width:36px;min-height:36px;padding:0;border:1px solid rgba(23,31,41,.1);
 border-radius:9px;background:rgba(255,255,255,.95);color:#152239;
 cursor:zoom-in;font-size:1.2rem;box-shadow:0 2px 12px rgba(0,0,0,.12)}
.clx-logo__lightbox{
 position:fixed;inset:0;z-index:900;max-width:min(95vw,1050px);max-height:92dvh;
 margin:auto;padding:1rem;border:1px solid #d5dce6;border-radius:15px;
 background:#fff;box-shadow:0 22px 80px rgba(0,0,0,.3)}
.clx-logo__lightbox::backdrop{background:rgba(8,14,26,.75)}
.clx-logo__lightbox-body{display:flex;flex-direction:column;align-items:center;gap:.7rem;max-height:calc(92dvh - 2rem)}
.clx-logo__lightbox img{display:block;width:auto;height:auto;max-width:100%;max-height:min(73dvh,830px);object-fit:contain;border-radius:9px}
.clx-logo__lightbox-close{
 align-self:flex-end;border:1px solid #d0d9e6;border-radius:8px;
 padding:.55rem .85rem;background:#f6f8fb;color:#172535;cursor:pointer;font-weight:800}
.clx-logo__lightbox p{margin:0;color:#344255;font-size:.85rem;text-align:center}
/* Compact mobile preview echoes Wunschtext's sticky read-only helper. */
.clx-logo__mini[hidden]{display:none!important}
.clx-logo__mini{
 box-sizing:border-box;position:fixed;z-index:44;left:10px;width:calc(100% - 20px);
 max-width:calc(100vw - 20px);max-height:108px;overflow:hidden;pointer-events:none;
 padding:.4rem .6rem;background:rgba(255,255,255,.98);
 border:1px solid #c4d0df;border-radius:0 0 12px 12px;
 box-shadow:0 7px 24px rgba(17,28,44,.15)}
.clx-logo__mini-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;
 font-size:.7rem;font-weight:800;color:#263648;margin-bottom:.2rem}
.clx-logo__mini-art{height:57px;display:flex;align-items:center;justify-content:center;
 border-radius:7px;background:#f3f5f8;overflow:hidden}
.clx-logo__mini-art img{display:block;max-width:88%;max-height:49px;object-fit:contain}
.clx-logo__mini-art span{font-size:.7rem;color:#344255;text-align:center}
body.page-logo-config.clx-logo-studio-v3 .clx-logo__zoom:focus-visible,
body.page-logo-config.clx-logo-studio-v3 #cfg-add-cart:focus-visible,
.clx-logo__lightbox-close:focus-visible{outline:3px solid #1688eb;outline-offset:2px}
@media (max-width:900px){
 body.page-logo-config.clx-logo-studio-v3 > main{padding-inline:12px;min-width:0}
 body.page-logo-config.clx-logo-studio-v3 .wish-config__bar,
 body.page-logo-config.clx-logo-studio-v3 .wish-intro,
 body.page-logo-config.clx-logo-studio-v3 #config-panel{
  width:100%;max-width:100%;box-sizing:border-box;min-width:0}
 body.page-logo-config.clx-logo-studio-v3 .wish-intro{
  display:flex;flex-direction:column;align-items:stretch;gap:.65rem;
  padding:1rem;border-radius:16px 16px 0 0}
 body.page-logo-config.clx-logo-studio-v3 .wish-intro__copy{
  display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;min-width:0}
 body.page-logo-config.clx-logo-studio-v3 .wish-intro__from{
  text-align:left;align-self:flex-start;margin:0}
 body.page-logo-config.clx-logo-studio-v3 .wish-intro__trust{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 body.page-logo-config.clx-logo-studio-v3 .clx-editor__headline{font-size:1.6rem}
 body.page-logo-config.clx-logo-studio-v3 #config-panel{padding:.7rem;border-radius:0 0 16px 16px}
 body.page-logo-config.clx-logo-studio-v3 .hours-config__grid{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:.75rem;width:100%;max-width:100%;min-width:0}
 body.page-logo-config.clx-logo-studio-v3 .hours-config__panel{
  order:2;min-width:0;width:100%;max-width:100%;box-sizing:border-box;
  border-radius:12px;padding:.8rem}
 /* Preserve original logo flow: no empty upload artwork before an upload. */
 body.page-logo-config.clx-logo-studio-v3 .hours-config__stage{
  display:none;position:sticky!important;top:calc(var(--clx-header-h, 72px) + 8px);z-index:4;
  width:100%;min-width:0;max-width:100%;padding:0;background:transparent}
 body.page-logo-config.clx-logo-studio-v3 .hours-config__stage:has(.has-artwork){display:block;order:1}
 body.page-logo-config.clx-logo-studio-v3 .logo-scene__facade{
  width:100%;min-width:0;max-width:100%;aspect-ratio:59/29;height:auto;min-height:0}
 body.page-logo-config.clx-logo-studio-v3 .logo-scene__frame,
 body.page-logo-config.clx-logo-studio-v3 .logo-scene__pane{
  width:100%;height:100%;min-height:0}
 body.page-logo-config.clx-logo-studio-v3 .clx-logo__preview-head{
  padding:.2rem .1rem .5rem;font-size:.77rem}
 body.page-logo-config.clx-logo-studio-v3 .clx-logo__proof{
  grid-template-columns:minmax(0,1fr);gap:.8rem;margin:.8rem 0 0;padding:1rem 0 .1rem}
 body.page-logo-config.clx-logo-studio-v3 .logo-preview-examples,
 body.page-logo-config.clx-logo-studio-v3 .clx-logo__uses{padding:.7rem}
 body.page-logo-config.clx-logo-studio-v3 .hours-chips--sizes{
  grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}
 body.page-logo-config.clx-logo-studio-v3 .hours-chips--sizes .hours-chip{
  min-width:0;min-height:43px;font-size:.72rem;padding:.2rem .1rem}
 body.page-logo-config.clx-logo-studio-v3 .cfg-choice-grid .hours-chip{
  min-height:43px;white-space:normal}
 body.page-logo-config.clx-logo-studio-v3 .cfg-mobile-dock .btn{
  background:#171f29!important;color:#fff!important}
}
@media(max-width:480px){
 body.page-logo-config.clx-logo-studio-v3 .clx-logo__proof figure img{border-radius:7px}
 body.page-logo-config.clx-logo-studio-v3 .logo-preview-examples__grid,
 body.page-logo-config.clx-logo-studio-v3 .clx-logo__uses-grid{gap:.35rem}
 body.page-logo-config.clx-logo-studio-v3 .clx-logo__proof figcaption{font-size:.65rem}
 body.page-logo-config.clx-logo-studio-v3 .wish-intro__trust li{font-size:.7rem}
 body.page-logo-config.clx-logo-studio-v3 .hours-config__panel{padding:.65rem}
 body.page-logo-config.clx-logo-studio-v3 .hours-block{padding:.65rem}
}
@media(min-width:901px){.clx-logo__mini{display:none!important}}
@media(prefers-reduced-motion:reduce){
 body.page-logo-config.clx-logo-studio-v3 *{scroll-behavior:auto}
}
@media (max-width: 900px) {
  body.page-logo-config.clx-logo-studio-v3 .wish-intro__lead,
  body.page-logo-config.clx-logo-studio-v3 .wish-intro__trust,
  body.page-logo-config.clx-logo-studio-v3 .clx-intro-action__note,
  body.page-logo-config.clx-logo-studio-v3 .logo-preview-examples { display: none !important; }
  body.page-logo-config #cfg-step-file { order: -1; }
}
body.page-logo-config.clx-logo-studio-v3 .preview-placeholder{
  color:#17202b;
}
body.page-logo-config.clx-logo-studio-v3 .preview-drop{
  width:16.75rem;
  max-width:calc(100% - 2.4rem);
  gap:.42rem;
  padding:.85rem .8rem .75rem;
  border:1.5px dashed rgba(23,32,43,.28);
  border-radius:16px;
  background:rgba(255,255,255,.94);
  box-shadow:0 14px 28px rgba(8,12,18,.22), inset 0 1px 0 #fff;
  backdrop-filter:blur(8px);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.page-logo-config.clx-logo-studio-v3 .preview-placeholder:hover .preview-drop,
body.page-logo-config.clx-logo-studio-v3 .preview-placeholder:focus-within .preview-drop{
  transform:translateY(-2px);
  border-color:#161d27;
  box-shadow:0 18px 32px rgba(8,12,18,.28);
}
body.page-logo-config.clx-logo-studio-v3 .preview-placeholder-icon{
  width:2.55rem;
  height:2.55rem;
  border-radius:999px;
  background:#161d27;
  color:#fff;
  box-shadow:0 8px 16px rgba(22,29,39,.28);
}
body.page-logo-config.clx-logo-studio-v3 .preview-placeholder-icon svg{
  width:1.35rem;
  height:1.35rem;
}
body.page-logo-config.clx-logo-studio-v3 .preview-placeholder-title{
  color:#121820;
  font-size:.98rem;
  font-weight:850;
  letter-spacing:-.03em;
  text-wrap:nowrap;
}
body.page-logo-config.clx-logo-studio-v3 .preview-placeholder-text{
  color:#5c6778;
  max-width:12rem;
  font-size:.75rem;
  font-weight:600;
  line-height:1.3;
}
body.page-logo-config.clx-logo-studio-v3 .preview-placeholder-formats{
  display:flex;
  gap:.28rem;
  margin-top:.1rem;
}
body.page-logo-config.clx-logo-studio-v3 .preview-placeholder-formats span{
  padding:.16rem .42rem;
  border-radius:999px;
  background:#f3f5f8;
  border:1px solid #e1e6ec;
  color:#243041;
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
body.page-logo-config.clx-logo-studio-v3 .logo-scene.is-black.is-car .preview-placeholder-title,
body.page-logo-config.clx-logo-studio-v3 .logo-scene.is-black.is-wall .preview-placeholder-title{
  color:#121820;
}
body.page-logo-config.clx-logo-studio-v3 .logo-simple{
  margin:0 auto .85rem;
  padding:0 .15rem;
}
body.page-logo-config.clx-logo-studio-v3 .logo-simple h1{
  margin:0;
  color:#121820;
  font-size:clamp(1.7rem,3vw,2.3rem);
  font-weight:850;
  letter-spacing:-.045em;
  line-height:1.08;
}
body.page-logo-config.clx-logo-studio-v3 .logo-simple p{
  margin:.35rem 0 0;
  max-width:36rem;
  color:#526072;
  font-size:1rem;
  line-height:1.4;
}
body.page-logo-config.clx-logo-studio-v3 .hours-config__grid:not(:has(.has-artwork)){
  grid-template-columns:minmax(0,36rem);
  justify-content:center;
}
body.page-logo-config.clx-logo-studio-v3 .hours-config__stage:not(:has(.has-artwork)){
  display:none;
}
body.page-logo-config.clx-logo-studio-v3 .hours-config__panel{
  border:0;
  box-shadow:none;
  padding:.15rem;
  background:transparent;
}
body.page-logo-config.clx-logo-studio-v3 .hours-block{
  margin:0;
  padding:.15rem 0 .35rem;
  border:0;
  background:transparent;
}
body.page-logo-config.clx-logo-studio-v3 .hours-block h2{
  font-size:.78rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#627083;
}
body.page-logo-config.clx-logo-studio-v3 .cfg-live-price{
  border:0;
  margin:0 0 .35rem;
  padding:0;
}
body.page-logo-config.clx-logo-studio-v3 .cfg-live-price small{
  display:block;
  width:100%;
  margin-top:.15rem;
  color:#627083;
  font-size:.86rem;
}
body.page-logo-config.clx-logo-studio-v3 .logo-raster-warning{
  margin:.55rem 0 0;
  padding:0;
  border:0;
  background:transparent;
  color:#526072;
  font-size:.9rem;
}
body.page-logo-config.clx-logo-studio-v3 .cfg-choice-grid .hours-chips{
  display:grid;
  grid-template-columns:1fr 1fr;
}
body.page-logo-config.clx-logo-studio-v3 .cfg-choice-grid .hours-chip{
  min-height:48px;
  font-size:.95rem;
}
body.page-logo-config.clx-logo-studio-v3 .hours-buy__price,
body.page-logo-config.clx-logo-studio-v3 .hours-buy__vat,
body.page-logo-config.clx-logo-studio-v3 .cfg-buy-trust,
body.page-logo-config.clx-logo-studio-v3 .cfg-buy-foot{
  display:none;
}
body.page-logo-config.clx-logo-studio-v3 .hours-buy__row{
  justify-content:flex-start;
}
body.page-logo-config.clx-logo-studio-v3 .cfg-business-note{
  margin:.35rem 0 0;
  color:#627083;
  font-size:.82rem;
  font-weight:450;
  line-height:1.45;
}
body.page-logo-config.clx-logo-studio-v3 .cfg-business-note strong{font-weight:650}
body.page-logo-config.clx-logo-studio-v3 .logo-fine{
  color:#526072;
  font-size:.84rem;
  line-height:1.45;
}
body.page-logo-config.clx-logo-studio-v3 .logo-fine summary{
  cursor:pointer;
  color:#1b232d;
  font-weight:750;
}
body.page-logo-config.clx-logo-studio-v3 .cfg-field-note{
  margin:.35rem 0 0;
  color:#627083;
  font-size:.84rem;
}
body.page-logo-config.clx-logo-studio-v3 .logo-measure{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.55rem .7rem;
  margin:0 0 .85rem;
}
body.page-logo-config.clx-logo-studio-v3 .logo-measure__field{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  min-height:46px;
  padding:0 .7rem 0 .15rem;
  border:1px solid #d5dde6;
  border-radius:10px;
  background:#fff;
}
body.page-logo-config.clx-logo-studio-v3 .logo-measure__field input{
  width:4.6rem;
  height:44px;
  border:0;
  background:transparent;
  color:#121820;
  font-size:1.05rem;
  font-weight:750;
  text-align:center;
}
body.page-logo-config.clx-logo-studio-v3 .logo-measure__field span,
body.page-logo-config.clx-logo-studio-v3 .logo-measure__x{
  color:#3d4b5c;
  font-size:.92rem;
  font-weight:650;
  letter-spacing:0 !important;
  text-transform:none !important;
}
@media (prefers-reduced-motion:reduce){
  body.page-logo-config.clx-logo-studio-v3 .preview-drop{transition:none}
}
@media (max-width:900px){
  body.page-logo-config.cfg-dock-on .cfg-mobile-dock { padding-left: 3.75rem; }
  body.page-logo-config .cfg-upload-alt { margin: .7rem 0 0; font-size: .95rem; }
  body.page-logo-config .cfg-upload-alt a { font-weight: 750; }
  body.page-logo-config.clx-logo-studio-v3 .hours-config__stage{
    display:block !important;
    order:-1;
  }
  body.page-logo-config.clx-logo-studio-v3 .hours-config__grid{
    display:flex !important;
    flex-direction:column !important;
  }
}

/* Vorschau bleibt sichtbar und folgt Größe, Farbe und Spiegelung. */
@media (min-width:901px){
  body.page-logo-config.clx-logo-studio-v3 .hours-config__grid,
  body.page-logo-config.clx-logo-studio-v3 .hours-config__grid:not(:has(.has-artwork)){
    display:grid;
    grid-template-columns:minmax(0,1.48fr) minmax(330px,1fr);
    justify-content:stretch;
  }
}
body.page-logo-config.clx-logo-studio-v3 .hours-config__stage,
body.page-logo-config.clx-logo-studio-v3 .hours-config__stage:not(:has(.has-artwork)){
  display:block !important;
}
body.page-logo-config.clx-logo-studio-v3 .logo-scene__facade{
  background:#f7f8fa !important;
  aspect-ratio:16 / 10;
  width:min(100%, calc((100dvh - var(--clx-header-h, 120px) - 11rem) * 16 / 10));
  max-height:calc(100dvh - var(--clx-header-h, 120px) - 11rem);
  margin-inline:auto;
  border:1px solid #e1e6ec;
  box-shadow:none;
  padding:0;
}
body.page-logo-config.clx-logo-studio-v3 .logo-scene__world,
body.page-logo-config.clx-logo-studio-v3 .logo-scene__shine{
  display:none !important;
}
body.page-logo-config.clx-logo-studio-v3 .logo-scene__frame{
  border:0 !important;
  box-shadow:none !important;
}
body.page-logo-config.clx-logo-studio-v3 #cfg-stage.logo-scene__pane{
  background:#1b2430 !important;
}
body.page-logo-config.clx-logo-studio-v3 .logo-scene.is-black #cfg-stage.logo-scene__pane{
  background:#f4f6f8 !important;
}
body.page-logo-config.clx-logo-studio-v3 .preview-artwork-wrap.is-mirrored img{
  transform:scaleX(-1);
}
body.page-logo-config.clx-logo-studio-v3 .logo-scene.is-black .preview-placeholder,
body.page-logo-config.clx-logo-studio-v3 .logo-scene.is-black .preview-placeholder-title{
  color:#172131;
}
body.page-logo-config.clx-logo-studio-v3 .logo-scene.is-black .preview-placeholder-text{
  color:#526072;
}
body.page-logo-config.clx-logo-studio-v3 .logo-scene.is-black .preview-drop{
  border-color:#d5dde6;
  background:rgba(255,255,255,.72);
}
body.page-logo-config.clx-logo-studio-v3 #cfg-file-label{
  display:none !important;
}
body.page-logo-config.clx-logo-studio-v3 .hours-window__meta{
  color:#526072;
  font-size:0;
}
body.page-logo-config.clx-logo-studio-v3 #cfg-ratio-readout{
  font-size:.9rem;
}