/* SPARK 1.5.0: a readable, tabbed workspace with an additive offline identity maker. */
.yx-spark-v2 .yx-spark-v2-shell{width:min(1470px,calc(100% - 48px));max-width:1470px}
.yx-spark-v2{padding-block:52px 65px;min-height:730px}
.yx-spark-v2 .yx-spark-v2-story{padding-top:26px}
.yx-spark-v2 .yx-spark-v2-story h2{font-size:clamp(38px,3.4vw,64px);line-height:1.34}
.yx-spark-v2 .yx-spark-v2-story>p{font-size:15px;line-height:1.95}
.yx-spark-v2 .yx-spark-v2-benefits>span{font-size:12px}
.yx-spark-v2 .yx-spark-brand-promo{display:inline-flex;align-items:center;justify-content:center;margin-top:19px;padding:12px 16px;background:linear-gradient(115deg,#f7d695,#f6a9d2);color:#202951;border:0;border-radius:12px;font-size:13px;font-weight:900;line-height:1.5;cursor:pointer;box-shadow:0 9px 26px #060c2766;transition:transform .2s}
.yx-spark-v2 .yx-spark-brand-promo:hover{transform:translateY(-2px)}
.yx-spark-v2 .yx-spark-v2-studio{padding:22px;border-radius:24px}
.yx-spark-v2 .yx-spark-workspace-tabs{display:flex;flex-wrap:wrap;gap:9px;padding:5px;background:#eaf0fd;border-radius:15px}
.yx-spark-v2 .yx-spark-workspace-tabs button{flex:1 1 120px;min-height:48px;border:0;border-radius:11px;background:transparent;color:#42577f;font:900 14px/1.5 system-ui,Tahoma,sans-serif;cursor:pointer;transition:background .17s,box-shadow .17s}
.yx-spark-v2 .yx-spark-workspace-tabs button[aria-selected="true"]{color:#fff;background:linear-gradient(110deg,#254baf,#576fe0);box-shadow:0 4px 11px #2b41975c}
.yx-spark-v2 .yx-spark-v2-modes legend,.yx-spark-v2 .yx-spark-v2-field label,.yx-spark-v2 .yx-spark-v2-field-title{font-size:13px;margin-bottom:7px}
.yx-spark-v2 .yx-spark-v2-mode-row button{font-size:12px;min-height:46px}
.yx-spark-v2 .yx-spark-v2-field input{min-height:46px;font-size:14px;padding:10px 12px}
.yx-spark-v2 .yx-spark-v2-colors button{height:34px;width:34px}
.yx-spark-v2 .yx-spark-v2-file label,.yx-spark-v2 .yx-spark-v2-file input{font-size:12px}
.yx-spark-v2 .yx-spark-v2-buttons button,.yx-spark-v2 .yx-spark-v2-downloads button,.yx-spark-v2 .yx-spark-v2-downloads a{font-size:13px;min-height:45px}
.yx-spark-v2 .yx-spark-v2-preview-head{font-size:13px}
.yx-spark-v2 .yx-spark-v2-note{font-size:11px}
.yx-spark-v2 .yx-spark-social-export,.yx-spark-v2 .yx-spark-brand-workspace{display:none}
.yx-spark-v2 .yx-spark-v2-studio[data-spark-active-tab="design"] .yx-spark-social-export,
.yx-spark-v2 .yx-spark-v2-studio[data-spark-active-tab="design"] .yx-spark-brand-workspace{display:none}
.yx-spark-v2 .yx-spark-v2-studio[data-spark-active-tab="publish"] .yx-spark-v2-form,
.yx-spark-v2 .yx-spark-v2-studio[data-spark-active-tab="publish"] .yx-spark-v2-preview-head,
.yx-spark-v2 .yx-spark-v2-studio[data-spark-active-tab="publish"] .yx-spark-v2-stage,
.yx-spark-v2 .yx-spark-v2-studio[data-spark-active-tab="publish"] .yx-spark-v2-downloads,
.yx-spark-v2 .yx-spark-v2-studio[data-spark-active-tab="publish"] .yx-spark-brand-workspace{display:none}
.yx-spark-v2 .yx-spark-v2-studio[data-spark-active-tab="brand"] .yx-spark-v2-form,
.yx-spark-v2 .yx-spark-v2-studio[data-spark-active-tab="brand"] .yx-spark-v2-preview-head,
.yx-spark-v2 .yx-spark-v2-studio[data-spark-active-tab="brand"] .yx-spark-v2-stage,
.yx-spark-v2 .yx-spark-v2-studio[data-spark-active-tab="brand"] .yx-spark-v2-downloads,
.yx-spark-v2 .yx-spark-v2-studio[data-spark-active-tab="brand"] .yx-spark-social-export{display:none}
.yx-spark-v2 .yx-spark-v2-studio[data-spark-active-tab="publish"] .yx-spark-social-export{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:28px;padding:26px;margin:0;background:#f1f5ff}
.yx-spark-v2 .yx-spark-social-copy>strong{font-size:23px}
.yx-spark-v2 .yx-spark-social-copy>p{font-size:14px;line-height:1.85}
.yx-spark-v2 .yx-spark-social-sizes{gap:12px}
.yx-spark-v2 .yx-spark-social-sizes button{font-size:13px;min-height:48px}
.yx-spark-v2 .yx-spark-social-frame-label{font-size:13px}
.yx-spark-v2 .yx-spark-social-copy select{height:48px;font-size:14px}
.yx-spark-v2 .yx-spark-social-actions button{font-size:13px;min-height:46px}
.yx-spark-v2 .yx-spark-social-preview canvas{max-height:440px;max-width:100%;border-radius:12px}
.yx-spark-v2 .yx-spark-social-preview small,.yx-spark-v2 .yx-spark-social-preview span{font-size:13px}
.yx-spark-v2 .yx-spark-v2-studio[data-spark-active-tab="brand"] .yx-spark-brand-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:24px;padding:10px 0}
.yx-spark-v2 .yx-spark-brand-kicker{color:#4566bd;font-size:12px;font-weight:900;letter-spacing:.12em}
.yx-spark-v2 .yx-spark-brand-controls{min-width:0}
.yx-spark-v2 .yx-spark-brand-controls h3{margin:8px 0 8px;font-size:clamp(23px,2vw,30px);color:#142753;font-weight:900}
.yx-spark-v2 .yx-spark-brand-controls>p{font-size:13px;line-height:1.75;color:#566c95;margin:0 0 15px}
.yx-spark-v2 .yx-spark-brand-controls label{display:block;color:#283b63;font-size:13px;font-weight:850;margin:13px 0 6px}
.yx-spark-v2 .yx-spark-brand-controls input,.yx-spark-v2 .yx-spark-brand-controls select{display:block;width:100%;height:46px;min-width:0;border:1px solid #cbd8ee;border-radius:11px;background:#fff;color:#1b2b54;padding:10px 13px;font:650 14px system-ui,Tahoma,sans-serif}
.yx-spark-v2 .yx-spark-brand-reroll{margin:14px 0 5px;border:1px solid #c6d4f5;background:#f0f5ff;color:#3356ad;font-size:13px;font-weight:800;padding:10px 14px;min-height:44px;border-radius:10px;cursor:pointer}
.yx-spark-v2 .yx-spark-brand-swatches{display:flex;gap:10px;margin:10px 0 18px;flex-wrap:wrap}
.yx-spark-v2 .yx-spark-brand-swatches>div{display:flex;flex-direction:column;gap:5px;align-items:center;color:#344d79;font:750 10px system-ui,sans-serif}
.yx-spark-v2 .yx-spark-brand-swatches i{display:block;width:42px;height:42px;border:2px solid #fff;border-radius:11px;box-shadow:0 0 0 1px #c4cfe4}
.yx-spark-v2 .yx-spark-brand-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.yx-spark-v2 .yx-spark-brand-actions button{flex:1;min-width:150px;min-height:48px;padding:10px 14px;border:0;border-radius:11px;background:#3155c0;color:#fff;font-size:13px;font-weight:850;cursor:pointer}
.yx-spark-v2 .yx-spark-brand-actions button:first-child{background:linear-gradient(115deg,#284b9b,#5e79eb)}
.yx-spark-v2 .yx-spark-brand-actions button:disabled{opacity:.55;cursor:wait}
.yx-spark-v2 .yx-spark-brand-controls small{display:block;color:#687c9f;line-height:1.7;font-size:11px}
.yx-spark-v2 .yx-spark-brand-controls [data-brand-status]{min-height:18px;color:#325aa2;margin:8px 0 0;font-size:12px;font-weight:800}
.yx-spark-v2 .yx-spark-brand-preview{display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0;min-height:370px;gap:8px;background:radial-gradient(ellipse at center,#eef4ff,#dde7f6);border:1px solid #c9d7ec;border-radius:17px;padding:19px}
.yx-spark-v2 .yx-spark-brand-preview canvas{width:100%;max-height:400px;max-width:400px;height:auto;aspect-ratio:1;box-shadow:0 16px 35px #15274d40;border-radius:12px}
.yx-spark-v2 .yx-spark-brand-preview>span{color:#3b5789;font-size:12px;font-weight:800}
@media(min-width:1040px){
 .yx-spark-v2 .yx-spark-v2-shell{grid-template-columns:minmax(0,.76fr) minmax(0,1.55fr);gap:clamp(24px,3vw,50px)}
 .yx-spark-v2 .yx-spark-v2-studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);grid-template-rows:auto auto minmax(0,1fr) auto auto auto;gap:13px 19px;align-items:start}
 .yx-spark-v2 .yx-spark-workspace-tabs{grid-column:1/-1;grid-row:1}
 .yx-spark-v2 .yx-spark-v2-form{grid-column:1;grid-row:2/5;gap:13px}
 .yx-spark-v2 .yx-spark-v2-preview-head{grid-column:2;grid-row:2}
 .yx-spark-v2 .yx-spark-v2-stage{grid-column:2;grid-row:3;min-height:320px;max-height:505px;padding:15px}
 .yx-spark-v2 .yx-spark-v2-stage canvas{max-height:475px}
 .yx-spark-v2 .yx-spark-v2-downloads{grid-column:2;grid-row:4}
 .yx-spark-v2 .yx-spark-v2-note{grid-column:1/-1;grid-row:5}
 .yx-spark-v2 .yx-spark-v2-status{grid-column:1/-1;grid-row:6}
 .yx-spark-v2 .yx-spark-v2-studio[data-spark-active-tab="publish"],.yx-spark-v2 .yx-spark-v2-studio[data-spark-active-tab="brand"]{display:flex;flex-direction:column;align-items:stretch}
 .yx-spark-v2 .yx-spark-v2-studio[data-spark-active-tab="publish"] .yx-spark-social-export,.yx-spark-v2 .yx-spark-v2-studio[data-spark-active-tab="brand"] .yx-spark-brand-workspace{width:100%}
}
@media(max-width:1039px){.yx-spark-v2 .yx-spark-v2-shell{grid-template-columns:minmax(0,1fr);gap:25px}.yx-spark-v2 .yx-spark-v2-story{max-width:860px;margin-inline:auto}.yx-spark-v2 .yx-spark-v2-studio{max-width:950px;margin-inline:auto;width:100%}.yx-spark-v2 .yx-spark-v2-gallery{max-width:420px}}
@media(max-width:650px){
 .yx-spark-v2{padding-block:34px 45px}
 .yx-spark-v2 .yx-spark-v2-shell{width:calc(100% - 24px)}
 .yx-spark-v2 .yx-spark-v2-studio{padding:12px;border-radius:17px}
 .yx-spark-v2 .yx-spark-workspace-tabs{gap:4px;padding:4px}
 .yx-spark-v2 .yx-spark-workspace-tabs button{font-size:11px;min-height:42px;flex:1 1 0;padding:6px 3px}
 .yx-spark-v2 .yx-spark-v2-story h2{font-size:clamp(32px,8vw,44px)}
 .yx-spark-v2 .yx-spark-v2-studio[data-spark-active-tab="publish"] .yx-spark-social-export,.yx-spark-v2 .yx-spark-v2-studio[data-spark-active-tab="brand"] .yx-spark-brand-workspace{grid-template-columns:minmax(0,1fr);gap:16px}
 .yx-spark-v2 .yx-spark-v2-studio[data-spark-active-tab="publish"] .yx-spark-social-export{padding:15px}
 .yx-spark-v2 .yx-spark-social-preview canvas{max-height:310px}
 .yx-spark-v2 .yx-spark-brand-preview{min-height:200px;padding:12px}
 .yx-spark-v2 .yx-spark-brand-preview canvas{max-height:350px}
}