/* GSS Campaign Studio v2.0.1 — mobile-first, scoped to plugin surfaces */
.gsscs-root,.gsscs-discover{font-family:"Noto Sans Gujarati","Hind Vadodara","Nirmala UI",system-ui,sans-serif;color:#14273f;max-width:100%;box-sizing:border-box}
.gsscs-root *,.gsscs-discover *{box-sizing:border-box}
.gsscs-root{width:100%;padding:0 16px 96px;overflow-x:clip;margin:0 auto}
.gsscs-root .gsscs-hero{border-radius:16px;background:linear-gradient(135deg,#091b31,#163655);color:#fff;padding:22px 18px;margin:0 0 24px;box-shadow:0 5px 16px #142b421b}
.gsscs-root .gsscs-hero small{color:#eac77e!important;font-size:11px;letter-spacing:.04em;font-weight:800}
.gsscs-root .gsscs-hero h2{color:#fff!important;font-size:24px!important;line-height:1.4!important;margin:8px 0 10px!important;font-weight:800!important}
.gsscs-root .gsscs-hero p{color:#e4edf8!important;font-size:14px!important;line-height:1.55!important;margin:0!important}
.gsscs-root .gsscs-section{margin:21px 0 30px;width:100%;min-width:0}
.gsscs-root .gsscs-section-head{margin:0 0 13px}
.gsscs-root .gsscs-section-head h2{font-size:22px!important;color:#102842!important;margin:0 0 5px!important;font-weight:800!important;line-height:1.38!important;letter-spacing:0!important}
.gsscs-root .gsscs-section-head p{font-size:13px!important;color:#64748b!important;margin:0!important;line-height:1.65!important}
.gsscs-root .gsscs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
/* The user-provided horizontal previews are in a swipe rail; original portrait templates render only inside the modal. */
.gsscs-root .gsscs-rail{display:flex;align-items:stretch;gap:12px;overflow-x:auto;overflow-y:hidden;width:100%;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:2px 2px 13px;scrollbar-width:thin;scrollbar-color:#d6b66e transparent}
.gsscs-root .gsscs-rail>.gsscs-poster-card{flex:0 0 min(82%,310px);min-width:0;scroll-snap-align:start}
.gsscs-root .gsscs-rail--significance>.gsscs-poster-card:only-child{flex-basis:100%;max-width:460px}
.gsscs-root .gsscs-poster-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;color:#152b44;border:1px solid #e0d7c5;border-radius:13px;text-align:left;cursor:pointer;padding:0;font-family:inherit;box-shadow:0 3px 12px rgba(21,37,54,.08);min-width:0;transition:border-color .15s ease}
.gsscs-root .gsscs-poster-card:hover{border-color:#bf9438}
.gsscs-root .gsscs-poster-card:focus-visible{outline:3px solid #c5a24c;outline-offset:2px}
.gsscs-root .gsscs-poster-card img{display:block;width:100%;height:auto;background:#f7f2e7;object-fit:cover}
.gsscs-root .gsscs-card--landscape img{aspect-ratio:16/9;object-fit:cover}
.gsscs-root .gsscs-card--portrait img{aspect-ratio:4/5;object-fit:cover}
.gsscs-root .gsscs-card-fallback{aspect-ratio:16/9;background:linear-gradient(125deg,#09233e,#244d70);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:20px}
.gsscs-root .gsscs-card-fallback-brand{font-size:10px;color:#f3d387;letter-spacing:.05em}
.gsscs-root .gsscs-card-fallback strong{font-size:18px;font-weight:800;line-height:1.45}
.gsscs-root .gsscs-card-fallback>span:last-child{font-size:12px;color:#fff2ce;font-weight:700}
.gsscs-root .gsscs-card-info{display:flex;flex-direction:column;gap:5px;padding:11px 12px 13px;min-width:0}
.gsscs-root .gsscs-card-info strong{font-size:15px;line-height:1.45;color:#122943;font-weight:750;overflow-wrap:anywhere}
.gsscs-root .gsscs-card-info small{font-size:11px;color:#657587;line-height:1.5}
.gsscs-root .gsscs-card-info em{font-style:normal;font-weight:800;color:#94650f;font-size:11px;line-height:1.4;letter-spacing:.015em}
.gsscs-root .gsscs-empty{padding:14px;background:#f9f7f2;border:1px solid #e1dbcf;border-radius:10px;color:#67768a;font-size:14px}
/* Seven-column calendar with larger cells and two-line editorial label; cells deliberately do not navigate. */
.gsscs-root .gsscs-cal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 5px;font-size:17px;font-weight:800;color:#162e47}
.gsscs-root .gsscs-cal-head a{border:1px solid #ded6c3;border-radius:9px;padding:6px 13px;font-size:22px;color:#172d48;text-decoration:none;line-height:1.25;background:#fff}
.gsscs-root .gsscs-calendar{border:1px solid #e4dcc8;border-radius:13px;padding:10px 6px;background:#fff;width:100%;overflow:hidden}
.gsscs-root .gsscs-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.gsscs-root .gsscs-cal-week{text-align:center;font-size:10px;color:#69798b;font-weight:800;padding:6px 0}
.gsscs-root .gsscs-cal-cell,.gsscs-root .gsscs-cal-empty{min-width:0;min-height:76px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;border-radius:6px;padding:6px 2px 4px;background:#f4f6f8;color:#3f5165;text-align:center}
.gsscs-root .gsscs-cal-cell.has-entry{background:#f2dfb0;color:#152e48;border:1px solid #dfc281;padding:5px 1px 3px}
.gsscs-root .gsscs-cal-number{display:block;font-weight:800;font-size:12px;line-height:1.15;flex:0 0 auto}
.gsscs-root .gsscs-cal-label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:10px;font-weight:700;line-height:1.2;overflow:hidden;overflow-wrap:anywhere;word-break:normal;max-width:100%;max-height:2.5em}
.gsscs-root .gsscs-cal-extra{font-size:9px;line-height:1;font-weight:800;color:#88570a}
/* Mobile Discover pages, including shortcode output inside Breakdance Single templates. */
.gsscs-discover{width:100%;max-width:760px;margin:12px auto 100px;padding:22px 18px;background:#fff;border:1px solid #eee0c4;border-radius:15px;font-size:16px!important;line-height:1.85!important;color:#243950;overflow-wrap:break-word}
.gsscs-discover .gsscs-overline{font-weight:800;letter-spacing:0;font-size:11px!important;color:#93620e;line-height:1.55}
.gsscs-discover h1{font-size:25px!important;color:#102944!important;line-height:1.45!important;margin:18px 0 19px!important;font-weight:800!important}
.gsscs-discover h2{font-size:19px!important;color:#253c4f!important;line-height:1.55!important;margin:0 0 18px!important;font-weight:750!important}
.gsscs-discover .gsscs-discover-answer,.gsscs-discover .gsscs-discover-answer p{font-size:16px!important;line-height:1.9!important;color:#25374a!important;letter-spacing:0!important}
.gsscs-discover .gsscs-discover-answer p{margin:0 0 16px!important}
.gsscs-discover .gsscs-takeaway{border-left:4px solid #c89b3d;padding:16px;background:#faf4e5;border-radius:8px;margin:19px 0}
.gsscs-discover .gsscs-takeaway strong{color:#744f13;font-size:16px!important}
.gsscs-discover .gsscs-takeaway p{font-size:15px!important;line-height:1.8!important;margin:9px 0 0}
.gsscs-discover .gsscs-discover-action{margin:22px 0 0!important}
.gsscs-discover .gsscs-discover-action a{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:11px 15px;background:#0e2b47;border-radius:9px;color:white!important;text-decoration:none!important;font-size:14px!important;font-weight:800!important;line-height:1.5!important}
/* Modal PNG generator is fixed-position; use portrait preview only here. */
.gsscs-modal[hidden]{display:none!important}
.gsscs-modal{position:fixed;z-index:999999;inset:0;background:rgba(7,17,29,.87);overflow-y:auto;padding:18px 12px 35px;display:flex;align-items:flex-start;justify-content:center}
.gsscs-modal-inner{width:min(100%,500px);margin:auto;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 12px 48px #0008;padding:12px}
.gsscs-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 4px 12px;color:#0f2a45;font-size:14px}
.gsscs-modal-head button{background:#f5f5f5;color:#1b3048;border:0;border-radius:30px;width:37px;height:37px;cursor:pointer;font-size:18px}
.gsscs-modal canvas,.gsscs-admin-render canvas{width:min(100%,375px);aspect-ratio:4/5;height:auto;display:block;margin:0 auto 10px;border-radius:8px;background:#f5f0e6;box-shadow:0 2px 10px #0001}
.gsscs-modal-actions{display:grid;gap:8px;padding:4px}
.gsscs-modal-actions button{border-radius:9px;background:#102b47;border:1px solid #102b47;color:#fff;padding:13px 10px;font-weight:800;font-size:13px;cursor:pointer;font-family:inherit;line-height:1.3}
.gsscs-modal-actions .gsscs-download{background:#fff;color:#102b47;border-color:#b99139}
.gsscs-modal-actions .gsscs-copy{background:#f8f2e6;color:#21384f;border-color:#e2c687}
.gsscs-modal-actions .gsscs-whatsapp{background:#116d52;border-color:#116d52}
.gsscs-status{font-size:12px;line-height:1.55;color:#485e73;text-align:center;margin:7px 0;min-height:15px}
.gsscs-login-hint{text-align:center;color:#495c70;font-size:12px}.gsscs-login-hint[hidden]{display:none}
body.gsscs-modal-open{overflow:hidden}
.gsscs-admin-tool{max-width:600px}.gsscs-admin-render{border:1px solid #dedede;border-radius:12px;padding:12px;background:#fff}
.gsscs-admin-render .gsscs-modal-actions{display:flex;align-items:center;flex-wrap:wrap}
@media(min-width:700px){.gsscs-root{max-width:1100px;padding:0 20px 90px}.gsscs-root .gsscs-rail>.gsscs-poster-card{flex-basis:min(38%,340px)}.gsscs-root .gsscs-section-head h2{font-size:24px!important}}
@media(max-width:375px){.gsscs-root{padding:0 12px 90px}.gsscs-root .gsscs-calendar{padding:10px 5px}.gsscs-root .gsscs-cal-cell,.gsscs-root .gsscs-cal-empty{min-height:74px}.gsscs-root .gsscs-cal-label{font-size:9.5px}}
@media(max-width:600px){.gsscs-discover{padding:19px 15px 90px;margin:8px auto 20px}.gsscs-discover h1{font-size:24px!important}.gsscs-discover h2{font-size:19px!important}}