:root{--ebyc-orange:#ff5a16;--ebyc-orange2:#ff7b3b;--ebyc-bg:#07090c;--ebyc-panel:#111419;--ebyc-line:rgba(255,255,255,.14);--ebyc-muted:#aeb4bc}
html.ebyc-open{overflow:hidden!important}

/* Native studio continues running as the engine but is no longer the customer-facing workflow. */
body.elate-build-your-creation .eacs-studio-overlay.ebyc-native-hidden{visibility:hidden!important;pointer-events:none!important;opacity:0!important}

.ebyc-overlay{position:fixed;inset:0;z-index:10000200;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(0,0,0,.86);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);box-sizing:border-box;overflow:auto}
.ebyc-overlay[hidden]{display:none!important}
.ebyc-card{width:min(1100px,96vw);max-height:94vh;overflow:auto;position:relative;padding:28px;border:1px solid rgba(255,105,38,.45);border-radius:25px;background:linear-gradient(145deg,#12151a,#07090c 72%);box-shadow:0 36px 130px rgba(0,0,0,.7);color:#fff;box-sizing:border-box}
.ebyc-close{position:absolute;top:14px;right:16px;z-index:5;width:42px;height:42px;border:1px solid rgba(255,255,255,.22)!important;border-radius:50%!important;background:#090b0e!important;color:#fff!important;font-size:28px!important;line-height:1!important;padding:0!important;cursor:pointer}
.ebyc-close:hover{background:var(--ebyc-orange)!important;color:#050505!important;border-color:var(--ebyc-orange)!important}
.ebyc-progress{display:flex;justify-content:center;align-items:center;gap:9px;margin:0 auto 20px;color:#7c828c;font-size:9px;font-weight:900;letter-spacing:1.25px;text-transform:uppercase}
.ebyc-progress span{display:flex;align-items:center;gap:6px}.ebyc-progress b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #454a52;color:#979ca5;font-size:10px}.ebyc-progress span.is-active{color:#fff}.ebyc-progress span.is-active b{background:var(--ebyc-orange);border-color:var(--ebyc-orange);color:#050505}.ebyc-progress span.is-done b{background:#262b32;border-color:#646b75;color:#fff}.ebyc-progress i{width:42px;height:1px;background:#343940}
.ebyc-kicker{color:var(--ebyc-orange2);font-size:10px;font-weight:900;letter-spacing:2.6px;text-transform:uppercase;margin-bottom:7px;text-align:center}
.ebyc-card h2{margin:0!important;color:#fff!important;font-family:Baskerville,"Iowan Old Style",Georgia,serif!important;font-size:clamp(36px,4.5vw,58px)!important;line-height:1!important;font-weight:500!important;text-align:center;text-transform:none!important}
.ebyc-lead{max-width:760px;margin:13px auto 24px!important;color:#adb2ba!important;font-size:13px!important;line-height:1.7!important;text-align:center}

/* Approved Upload card. */
.ebyc-upload{max-width:650px;margin:0 auto;padding:42px 28px 34px;border:1px dashed rgba(255,81,0,.55);border-radius:22px;background:radial-gradient(circle at 50% 0,rgba(255,81,0,.09),transparent 55%),#0a0c0f;text-align:center}
.ebyc-upload-mark{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 18px;border-radius:50%;border:1px solid rgba(255,81,0,.55);color:var(--ebyc-orange);font-size:34px;line-height:1}
.ebyc-upload h3{margin:0 0 10px!important;color:#fff!important;font-family:Baskerville,"Iowan Old Style",Georgia,serif!important;font-size:30px!important;font-weight:500!important;text-transform:none!important}
.ebyc-upload p{margin:0 0 14px!important;color:#8d939c!important;font-size:11px!important;line-height:1.6!important}.ebyc-upload strong{display:block;margin-top:10px;color:#8de0ae;font-size:11px;overflow-wrap:anywhere}
.ebyc-upload-btn,.ebyc-primary,.ebyc-secondary{min-height:54px;padding:0 22px!important;border-radius:11px!important;font-size:10px!important;font-weight:900!important;letter-spacing:1.5px!important;text-transform:uppercase!important;cursor:pointer!important}
.ebyc-upload-btn,.ebyc-primary{border:1px solid var(--ebyc-orange)!important;background:var(--ebyc-orange)!important;color:#050505!important}.ebyc-upload-btn:hover,.ebyc-primary:hover{background:#fff!important;border-color:#fff!important}.ebyc-secondary{border:1px solid #41464e!important;background:#111419!important;color:#fff!important}
.ebyc-notes{max-width:650px;margin:18px auto 0}.ebyc-upload-actions{display:flex;justify-content:center;max-width:650px;margin:18px auto 0}.ebyc-notes textarea{width:100%;min-height:94px;padding:14px;border:1px solid #30343b;border-radius:12px;background:#07090b;color:#fff;box-sizing:border-box;resize:vertical}.ebyc-notes label{display:block;margin-bottom:8px;color:#dfe2e7;font-size:10px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase;text-align:left}

/* Approved decision card language. */
.ebyc-decision{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.45fr);gap:26px;align-items:start}
.ebyc-art{border:1px solid var(--ebyc-line);border-radius:17px;background:rgba(255,255,255,.035);padding:13px;position:sticky;top:0}.ebyc-art-frame{aspect-ratio:4/3;border-radius:12px;background:#090b0f;display:flex;align-items:center;justify-content:center;overflow:hidden}.ebyc-art-frame img{width:100%;height:100%;object-fit:contain;display:block}.ebyc-art small{display:block;margin-top:10px;color:#999;font-size:10px;font-weight:800;letter-spacing:.10em;text-transform:uppercase}.ebyc-art strong{display:block;margin-top:3px;color:#fff;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.ebyc-decision-copy{text-align:left}.ebyc-decision-copy h2{text-align:left!important;color:var(--ebyc-orange2)!important;font-size:32px!important;margin-right:50px!important}.ebyc-decision-copy .ebyc-lead{text-align:left!important;margin:8px 0 16px!important;max-width:760px}.ebyc-why{margin:0 0 14px;padding:10px 12px;border-left:3px solid var(--ebyc-orange);border-radius:0 10px 10px 0;background:rgba(255,255,255,.04);color:#bbb;font-size:12px;line-height:1.5}.ebyc-why b{color:#fff}
.ebyc-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ebyc-option{appearance:none;text-align:left;border:1px solid rgba(255,255,255,.14)!important;border-radius:15px!important;background:rgba(255,255,255,.04)!important;color:#fff!important;padding:15px!important;cursor:pointer;min-height:128px;transition:.16s ease}.ebyc-option:hover{border-color:rgba(255,105,38,.72)!important;background:rgba(255,81,0,.075)!important}.ebyc-option.is-selected{border-color:var(--ebyc-orange)!important;background:rgba(255,81,0,.11)!important;box-shadow:0 0 0 2px rgba(255,81,0,.14) inset}.ebyc-option strong{display:block;color:#fff;font-size:15px;line-height:1.35;margin-bottom:6px}.ebyc-option p{margin:0!important;color:#d0d0d0!important;font-size:12px!important;line-height:1.5!important}.ebyc-option em{display:block;color:#ffae88;font-style:normal;font-size:11px;line-height:1.45;margin-top:8px}
.ebyc-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.10)}.ebyc-actions-right{display:flex;gap:10px}.ebyc-loading{min-height:220px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--ebyc-line);border-radius:15px;background:rgba(255,255,255,.025);color:#c7cbd1;padding:24px}.ebyc-loading b{display:block;color:var(--ebyc-orange2);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:7px}
.ebyc-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.ebyc-summary div{padding:12px;border:1px solid var(--ebyc-line);border-radius:12px;background:rgba(255,255,255,.03)}.ebyc-summary dt{color:#8e949d;font-size:9px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase}.ebyc-summary dd{margin:4px 0 0;color:#fff;font-size:12px}

@media(max-width:800px){.ebyc-overlay{padding:10px;align-items:flex-start}.ebyc-card{width:100%;padding:54px 15px 20px;border-radius:20px}.ebyc-progress i{width:20px}.ebyc-progress span{font-size:0}.ebyc-decision{grid-template-columns:1fr}.ebyc-art{position:static}.ebyc-options{grid-template-columns:1fr}.ebyc-actions{flex-direction:column}.ebyc-actions-right{display:grid;grid-template-columns:1fr}.ebyc-actions button{width:100%}.ebyc-summary{grid-template-columns:1fr}}
.ebyc-stage-subtitle{margin:5px 0 10px;color:#ffae88;font-size:10px;font-weight:900;letter-spacing:1.35px;text-transform:uppercase}

.ebyc-option.is-disabled,.ebyc-option:disabled{opacity:.48!important;cursor:not-allowed!important;border-color:rgba(255,255,255,.10)!important;background:rgba(255,255,255,.025)!important}

/* Order received / customer production progress. This is intentionally scoped
   to the thank-you/order-received screen so the site's dark theme cannot wash
   out text inside the white tracking panel or its section headings. */
body.woocommerce-order-received .elate-order-progress,
body.woocommerce-order-received .ebyc-order-progress{
  margin:24px 0 30px!important;
  padding:22px!important;
  border:1px solid #dedede!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#171717!important;
}
body.woocommerce-order-received .elate-order-progress h2,
body.woocommerce-order-received .ebyc-order-progress h2{
  margin:0 0 6px!important;
  color:#161616!important;
  opacity:1!important;
  font-size:24px!important;
  line-height:1.25!important;
}
body.woocommerce-order-received .elate-order-progress .elate-status-lead{
  margin:0 0 20px!important;
  color:#555!important;
  opacity:1!important;
}
body.woocommerce-order-received .elate-progress-track{display:grid;grid-template-columns:repeat(7,1fr);gap:0;position:relative}
body.woocommerce-order-received .elate-progress-step{position:relative;text-align:center;padding:0 6px;color:#303030!important}
body.woocommerce-order-received .elate-progress-step:before{content:"";position:absolute;top:16px;left:-50%;right:50%;height:4px;background:#ddd;z-index:0}
body.woocommerce-order-received .elate-progress-step:first-child:before{display:none}
body.woocommerce-order-received .elate-progress-dot{position:relative;z-index:1;margin:0 auto 9px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eee;color:#555!important;font-weight:800;border:3px solid #fff;box-shadow:0 0 0 1px #ccc}
body.woocommerce-order-received .elate-progress-step.is-done:before,
body.woocommerce-order-received .elate-progress-step.is-current:before{background:#111}
body.woocommerce-order-received .elate-progress-step.is-done .elate-progress-dot{background:#111;color:#fff!important}
body.woocommerce-order-received .elate-progress-step.is-current .elate-progress-dot{background:#ff5100;color:#fff!important;box-shadow:0 0 0 3px rgba(255,81,0,.18)}
body.woocommerce-order-received .elate-progress-label{color:#2a2a2a!important;opacity:1!important;font-size:12px;font-weight:800;line-height:1.25}
body.woocommerce-order-received .elate-progress-step.is-current .elate-progress-label{color:#ff5100!important}
body.woocommerce-order-received .elate-current-card{margin-top:20px;padding:14px 16px;background:#f4f4f4!important;border-radius:10px;color:#202020!important}
body.woocommerce-order-received .elate-current-card strong{display:block;margin-bottom:4px;color:#171717!important;opacity:1!important;font-size:16px}
body.woocommerce-order-received .elate-current-card span,
body.woocommerce-order-received .elate-current-card div{color:#3b3b3b!important;opacity:1!important}
body.woocommerce-order-received .elate-24h{margin-top:4px;font-weight:700;color:#3b3b3b!important}
body.woocommerce-order-received .elate-tracking{margin-top:12px;padding-top:12px;border-top:1px solid #ddd}
body.woocommerce-order-received .elate-tracking code{font-size:13px;color:#171717!important;background:#ececec!important}
body.woocommerce-order-received .elate-approved-order-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:16px}
body.woocommerce-order-received .elate-approved-order-card{border:1px solid #dedede;border-radius:12px;padding:10px;background:#fff;color:#1d1d1d!important}
body.woocommerce-order-received .elate-approved-order-card img{width:100%;height:auto;border-radius:8px;display:block}
body.woocommerce-order-received .elate-approved-order-card span{display:block;margin-top:8px;color:#222!important;opacity:1!important;font-size:12px;font-weight:700}

/* WooCommerce/Astra section titles on the dark order-received page. */
body.woocommerce-order-received .woocommerce-order-details > h2,
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-customer-details > h2,
body.woocommerce-order-received .woocommerce-column__title,
body.woocommerce-order-received .woocommerce-customer-details h2,
body.woocommerce-order-received .woocommerce-order-details h2{
  color:#f4f4f4!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.woocommerce-order-received .woocommerce-customer-details address{
  color:#f1f1f1!important;
  opacity:1!important;
}

@media(max-width:800px){
  body.woocommerce-order-received .elate-progress-track{display:flex;flex-direction:column;gap:10px}
  body.woocommerce-order-received .elate-progress-step{display:grid;grid-template-columns:42px 1fr;text-align:left;align-items:center;padding:0}
  body.woocommerce-order-received .elate-progress-step:before{top:-10px;bottom:22px;left:17px;right:auto;width:4px;height:auto}
  body.woocommerce-order-received .elate-progress-dot{margin:0}
  body.woocommerce-order-received .elate-progress-label{font-size:13px}
}


/* v0.4.2 — single-frame review carousel. */
.ebyc-frame-reference{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.10)}
.ebyc-frame-reference-image{position:relative;min-height:170px;border-radius:12px;overflow:hidden;background:#0a0c10;border:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center}
.ebyc-frame-reference-image>img{display:block;width:100%;height:190px;object-fit:contain;padding:12px;box-sizing:border-box}
.ebyc-frame-image-missing{padding:28px 16px;color:#8f969f;font-size:12px;text-align:center}
.ebyc-frame-hover{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;background:linear-gradient(180deg,rgba(3,5,8,.08),rgba(3,5,8,.96));opacity:0;transform:translateY(8px);transition:.18s ease;pointer-events:none}
.ebyc-frame-reference-image:hover .ebyc-frame-hover,.ebyc-frame-reference-image:focus-within .ebyc-frame-hover{opacity:1;transform:none}
.ebyc-frame-hover b{color:#fff;font-size:15px;margin:0 0 5px}.ebyc-frame-hover span{color:#e0e3e7;font-size:12px;line-height:1.45}.ebyc-frame-hover em{color:#ffae88;font-size:11px;font-style:normal;line-height:1.4;margin-top:5px}
.ebyc-frame-hover-note{display:block;margin-top:6px;color:#7f8791;font-size:10px;line-height:1.4}
.ebyc-frame-choice-card{min-height:330px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));padding:28px;display:flex;flex-direction:column;box-sizing:border-box;box-shadow:0 18px 55px rgba(0,0,0,.18)}
.ebyc-frame-choice-card.is-selected{border-color:rgba(255,90,22,.68);box-shadow:0 0 0 2px rgba(255,90,22,.11) inset,0 18px 55px rgba(0,0,0,.18)}
.ebyc-frame-choice-kicker{display:block;color:var(--ebyc-orange2);font-size:10px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:10px}
.ebyc-frame-choice-card h3{margin:0 0 14px!important;color:#fff!important;font-size:25px!important;line-height:1.25!important}
.ebyc-frame-choice-card p{margin:0!important;color:#d7dbe0!important;font-size:14px!important;line-height:1.65!important}
.ebyc-frame-choice-card>em{display:block;margin-top:12px;color:#ffb08c;font-style:normal;font-size:12px;line-height:1.55}
.ebyc-frame-selected-badge{align-self:flex-start;margin-top:16px;padding:7px 10px;border:1px solid rgba(255,90,22,.48);border-radius:999px;background:rgba(255,90,22,.10);color:#ffb18d;font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
.ebyc-frame-nav{margin-top:auto;padding-top:24px;display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;border-top:1px solid rgba(255,255,255,.09)}
.ebyc-frame-nav strong{text-align:center;color:#fff;font-size:12px;letter-spacing:.06em;white-space:nowrap}
.ebyc-frame-nav button{border:1px solid rgba(255,255,255,.17)!important;border-radius:11px!important;background:#0b0d11!important;color:#fff!important;padding:10px 13px!important;font-size:12px!important;font-weight:800!important;cursor:pointer}
.ebyc-frame-nav button:last-child{justify-self:end}.ebyc-frame-nav button:hover:not(:disabled){border-color:var(--ebyc-orange)!important;color:var(--ebyc-orange2)!important}.ebyc-frame-nav button:disabled{opacity:.28!important;cursor:not-allowed!important}
@media(max-width:800px){.ebyc-frame-reference-image>img{height:155px}.ebyc-frame-choice-card{min-height:290px;padding:20px}.ebyc-frame-nav button span{display:none}}


/* v0.4.4 — one-at-a-time Matting and Artwork Size selectors. */
.ebyc-selector-choice-card{min-height:330px}
.ebyc-size-choice-card{justify-content:space-between;text-align:center}
.ebyc-size-choice-card .ebyc-frame-choice-kicker{text-align:left}
.ebyc-size-choice-value{display:flex;align-items:center;justify-content:center;flex:1;min-height:150px;color:#fff;font-size:44px;font-weight:800;line-height:1.1;letter-spacing:-.02em}
.ebyc-size-choice-card .ebyc-frame-selected-badge{align-self:center}
@media(max-width:800px){.ebyc-size-choice-value{min-height:110px;font-size:36px}}

/* v0.5.0 — large single-card manual selector inside the LOCKED workflow card.
   The former 3-D drum/cylinder is removed completely. Frame, Matting and Artwork
   Size use the same arrow-controlled single card in both Custom Art and Wall Art. */
.ebyc-selector-art{display:grid;gap:14px;padding:13px}
.ebyc-selector-preview-section{min-width:0}
.ebyc-selector-preview-section+.ebyc-selector-preview-section{padding-top:14px;border-top:1px solid rgba(255,255,255,.10)}
.ebyc-selector-preview-section small{display:block;margin:0 0 8px;color:#999;font-size:10px;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
.ebyc-selector-preview-section strong{display:block;margin-top:7px;color:#fff;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.ebyc-selector-preview-box{position:relative;width:100%;aspect-ratio:4/3;border-radius:12px;background:#090b0f;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}
.ebyc-selector-preview-box>img{display:block;width:100%;height:100%;object-fit:contain}
.ebyc-preview-placeholder{padding:20px;color:#9097a0;font-size:11px;text-align:center}
.ebyc-mat-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.ebyc-mat-preview img{display:block;width:100%;height:100%;object-fit:contain;background:#090b0f}
.ebyc-size-preview{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.ebyc-size-preview img{display:block;width:100%;height:100%;object-fit:contain}
.ebyc-size-preview span{position:absolute;left:10px;bottom:10px;padding:6px 9px;border-radius:999px;background:rgba(0,0,0,.84);border:1px solid rgba(255,90,22,.58);color:#fff;font-size:10px;font-weight:900;letter-spacing:.05em}

body.elate-build-your-creation .eacs-studio-overlay.ebyc-native-hidden,
body.elate-build-your-creation .ewa-overlay.ebyc-native-hidden{
  visibility:hidden!important;
  pointer-events:none!important;
  opacity:0!important;
}

.ebyc-card-selector{position:relative;margin-top:14px;padding:14px 10px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.027),rgba(255,255,255,.012));overflow:hidden}
.ebyc-card-selector-stage{display:grid;grid-template-columns:58px minmax(0,1fr) 58px;gap:5px;align-items:center;width:100%;min-height:350px}

/* Keep the navigation controls in the same side positions, arrow-only. */
.ebyc-drum-arrow{position:relative!important;z-index:5!important;width:52px!important;height:52px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid #ff6a22!important;border-radius:50%!important;background:#ff5a16!important;color:#050505!important;cursor:pointer!important;box-shadow:0 8px 24px rgba(255,81,0,.25)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;font-size:0!important}
.ebyc-drum-arrow span{display:block!important;margin:0!important;color:#050505!important;font-size:31px!important;font-weight:900!important;line-height:1!important;transform:translateY(-1px)}
.ebyc-drum-arrow small{display:none!important}
.ebyc-drum-arrow:hover,.ebyc-drum-arrow:focus-visible{background:#fff!important;border-color:#fff!important;outline:none!important;transform:translateY(-1px)}
.ebyc-drum-arrow:active{transform:scale(.96)}
.ebyc-drum-left{justify-self:start}
.ebyc-drum-right{justify-self:end}

/* One large, crisp card. It nearly reaches the arrows and has extra vertical room. */
.ebyc-nav-choice-card{width:100%;min-height:332px;box-sizing:border-box;padding:24px 28px;border:1px solid #343a43;border-top:2px solid #ff641f;border-radius:14px;background:linear-gradient(155deg,#171a20,#0c0f13 76%);box-shadow:0 18px 46px rgba(0,0,0,.34);display:flex;flex-direction:column;justify-content:center;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}
.ebyc-nav-count{align-self:center;margin-bottom:14px;padding:6px 10px;border:1px solid rgba(255,90,22,.38);border-radius:999px;background:rgba(255,81,0,.09);color:#ff9a68;font-size:10px;font-weight:900;letter-spacing:.07em}
.ebyc-nav-choice-card h3{margin:0 0 14px!important;color:#fff!important;font-family:Baskerville,"Iowan Old Style",Georgia,serif!important;font-size:clamp(25px,2.3vw,34px)!important;line-height:1.08!important;font-weight:600!important;text-align:center!important;text-transform:none!important;letter-spacing:0!important}
.ebyc-nav-description{max-width:620px;margin:0 auto 20px!important;color:#e2e5e9!important;font-size:13px!important;line-height:1.58!important;text-align:center!important}
.ebyc-nav-detail{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:start;padding:15px 0;border-top:1px solid rgba(255,255,255,.10)}
.ebyc-nav-detail b{color:#ff955f;font-size:10px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;line-height:1.4}
.ebyc-nav-detail span{color:#d7dbe0;font-size:12px;line-height:1.55}

@media(max-width:1050px){
  .ebyc-card-selector-stage{grid-template-columns:54px minmax(0,1fr) 54px;gap:4px;min-height:330px}
  .ebyc-nav-choice-card{min-height:315px;padding:22px 24px}
}
@media(max-width:800px){
  .ebyc-selector-art{position:static}
  .ebyc-card-selector{padding:10px 6px}
  .ebyc-card-selector-stage{grid-template-columns:44px minmax(0,1fr) 44px;gap:3px;min-height:330px}
  .ebyc-drum-arrow{width:40px!important;height:40px!important}
  .ebyc-drum-arrow span{font-size:24px!important}
  .ebyc-nav-choice-card{min-height:312px;padding:20px 17px;border-radius:12px}
  .ebyc-nav-choice-card h3{font-size:25px!important;margin-bottom:11px!important}
  .ebyc-nav-description{font-size:11px!important;line-height:1.48!important;margin-bottom:14px!important}
  .ebyc-nav-detail{grid-template-columns:88px minmax(0,1fr);gap:10px;padding:12px 0}
  .ebyc-nav-detail b{font-size:8px}.ebyc-nav-detail span{font-size:10px;line-height:1.42}
}

/* v0.5.3 — previews follow the artwork/composite ratio instead of forcing a 4:3
   viewport. This removes the black side bars around portrait artwork and lets
   the live frame/matting preview show the actual finished proportions. */
.ebyc-selector-preview-box{aspect-ratio:auto!important;min-height:0!important;background:transparent!important;overflow:hidden!important}
.ebyc-art-source-box{background:transparent!important}
.ebyc-art-source-box>img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;background:transparent!important}
.ebyc-live-preview-box{background:#090b0f!important}
.ebyc-live-preview-canvas{display:block;width:100%!important;height:auto!important;max-width:100%!important;border-radius:10px}

/* v0.5.6 cumulative creation state: every post-presentation card keeps the
   selected frame/matting/size visible instead of falling back to raw artwork. */
.ebyc-creation-art .ebyc-live-preview-box{width:100%;background:#090b0f!important}
.ebyc-creation-art .ebyc-live-preview-canvas{display:block;width:100%!important;height:auto!important}
.ebyc-review-status{margin:12px 0 0;padding:10px 12px;border:1px solid rgba(255,91,24,.28);border-radius:10px;background:rgba(255,91,24,.055);color:#bfc3ca;font-size:12px;line-height:1.5}


/* v0.6.1 — branded blocking transition while the completed creation is secured. */
html.ebyc-transition-open{overflow:hidden!important}
.ebyc-transition-overlay{position:fixed;inset:0;z-index:10000550;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 36%,rgba(255,90,22,.10),transparent 28%),rgba(2,3,5,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ebyc-transition-overlay[hidden]{display:none!important}
.ebyc-transition-card{width:min(560px,92vw);padding:44px 34px 40px;border:1px solid rgba(255,90,22,.48);border-radius:24px;background:linear-gradient(145deg,#12151a,#07090c 78%);box-shadow:0 38px 140px rgba(0,0,0,.82);text-align:center;color:#fff}
.ebyc-transition-spinner{position:relative;width:92px;height:92px;margin:0 auto 24px}
.ebyc-transition-spinner span{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;border-top-color:#ff5a16;animation:ebycTransitionSpin 1.05s linear infinite}
.ebyc-transition-spinner span:nth-child(2){inset:11px;border-top-color:#ff9a68;animation-duration:1.45s;animation-direction:reverse}
.ebyc-transition-spinner span:nth-child(3){inset:24px;border-top-color:#fff;animation-duration:.82s}
@keyframes ebycTransitionSpin{to{transform:rotate(360deg)}}
.ebyc-transition-kicker{margin:0 0 8px;color:#ff7b3b;font-size:10px;font-weight:900;letter-spacing:2.4px;text-transform:uppercase}
.ebyc-transition-card h2{margin:0!important;color:#fff!important;font-family:Baskerville,"Iowan Old Style",Georgia,serif!important;font-size:clamp(30px,5vw,46px)!important;line-height:1.05!important;font-weight:500!important;text-transform:none!important}
.ebyc-transition-card p{max-width:430px;margin:14px auto 0!important;color:#b8bec7!important;font-size:13px!important;line-height:1.65!important}
.ebyc-transition-pulse{display:flex;justify-content:center;gap:8px;margin-top:24px}
.ebyc-transition-pulse i{width:7px;height:7px;border-radius:50%;background:#ff5a16;animation:ebycTransitionPulse 1.1s ease-in-out infinite}
.ebyc-transition-pulse i:nth-child(2){animation-delay:.16s}.ebyc-transition-pulse i:nth-child(3){animation-delay:.32s}
@keyframes ebycTransitionPulse{0%,70%,100%{transform:translateY(0);opacity:.35}35%{transform:translateY(-6px);opacity:1}}
@media(max-width:600px){.ebyc-transition-card{padding:38px 20px 34px}.ebyc-transition-spinner{width:78px;height:78px}.ebyc-transition-card h2{font-size:32px!important}}