:root{--navy:#152e43;--burg:#7c3f3f;--sage:#b4ca9c;--mist:#becccd;--terra:#d38c66;--rose:#ce9289;--cream:#f8f4f0;--sand:#ede8e0;--gold:#c6a968;--gold-lt:#c6a9682e;--gold-md:#c6a96859;--gold-bd:#c6a9688c;--white:#fff;--c-navy:#152e4312;--c-burg:#7c3f3f12;--c-sage:#b4ca9c2e;--c-mist:#becccd33;--c-terra:#d38c661f;--c-rose:#ce92891f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:var(--navy);background:#fff;min-height:100vh;font-family:DM Sans,sans-serif;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(45% 40% at 0 0,#b4ca9c59 0%,#b4ca9c1f 40%,#0000 70%),radial-gradient(40% 35% at 100% 0,#ce92894d 0%,#ce928914 45%,#0000 70%),radial-gradient(38% 45% at 0 100%,#becccd52 0%,#becccd1a 40%,#0000 68%),radial-gradient(42% 38% at 100% 100%,#d38c6638 0%,#d38c660f 42%,#0000 68%),radial-gradient(75% 65% at 50% 45%,#fff 0%,#fffffff2 35%,#fff9 55%,#0000 75%);position:fixed;inset:0}.app{z-index:1;width:calc(100% - 40px);max-width:1320px;margin:0 auto;padding:0 0 6rem;position:relative}.header-card{z-index:100;background:#fff;border:1.5px solid #c6a968;border-radius:16px;margin:10px 16px 0;position:sticky;top:10px;overflow:hidden;box-shadow:0 4px 24px #c6a9682e,0 1px 6px #152e430f}nav{box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;margin:0;padding:12px 1.6rem;display:flex}.nav-logo{color:var(--navy);align-items:center;gap:10px;font-family:Cormorant Garamond,serif;font-size:1.15rem;font-weight:600;display:flex}.nav-logo em{color:var(--terra);font-style:italic}.nav-badge{letter-spacing:.1em;text-transform:uppercase;background:var(--gold-lt);border:1px solid var(--gold-bd);color:var(--gold);border-radius:20px;padding:3px 10px;font-size:9px;font-weight:700}.nav-right{align-items:center;gap:10px;display:flex}.nav-btn{cursor:pointer;border:1.5px solid var(--gold-bd);color:var(--navy);background:0 0;border-radius:100px;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .18s}.nav-btn:hover{background:var(--gold-lt)}.nav-btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.nav-btn.primary:hover{background:#1e3d58}.nav-usage{flex:1;justify-content:center;align-items:center;gap:16px;min-width:0;padding:0 14px;display:flex}.nav-usage-item{flex-direction:column;gap:3px;min-width:84px;display:flex}.nav-usage-label{letter-spacing:.03em;text-transform:uppercase;color:var(--muted,#7a8e95);white-space:nowrap;font-size:9px;font-weight:700}.nav-usage-bar{background:var(--sand,#ede8e0);border-radius:100px;width:100%;height:5px;overflow:hidden}.nav-usage-fill{border-radius:100px;height:100%;transition:width .3s}@media (max-width:900px){.nav-usage{display:none}}.page-tabs{scrollbar-width:none;background:0 0;flex-wrap:nowrap;gap:6px;padding:0 1.2rem;display:flex;overflow-x:auto}.page-tabs::-webkit-scrollbar{display:none}.page-tab{text-align:center;color:var(--navy);cursor:pointer;white-space:nowrap;border:1.5px solid var(--gold-bd);letter-spacing:.02em;border-bottom:none;border-radius:8px 8px 0 0;flex:none;justify-content:center;align-items:center;gap:5px;padding:8px 13px 10px;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:600;transition:all .2s;display:flex;position:relative;bottom:-1px}.page-tab:hover{border-color:var(--gold)}.tab-icon{opacity:.45;font-size:13px;transition:opacity .2s}.page-tab.on .tab-icon{opacity:1}.page-hdr{text-align:center;padding:3.5rem 2rem 2rem}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--navy);background:var(--gold-lt);border:1px solid var(--gold-bd);border-radius:20px;align-items:center;gap:6px;margin-bottom:1.2rem;padding:4px 14px;font-size:9.5px;font-weight:500;display:inline-flex}.eyebrow:before{content:"✦";color:var(--gold);font-size:7px}.page-hdr h1{color:var(--navy);margin-bottom:.6rem;font-family:Cormorant Garamond,serif;font-size:clamp(2rem,5vw,3rem);font-weight:600;line-height:1.15}.page-hdr h1 em{color:var(--terra);font-style:italic}.page-hdr p{color:#152e43;opacity:.72;max-width:680px;margin:0 auto 2rem;font-size:14px;line-height:1.7}.step-hdr{align-items:center;gap:12px;padding:1.8rem 2rem .8rem;display:flex}.step-num{background:var(--navy);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.step-title{color:var(--navy);font-family:Cormorant Garamond,serif;font-size:1.2rem;font-weight:600}.step-desc{color:#152e43;opacity:.68;margin-top:1px;font-size:11px}.cards{flex-direction:column;gap:12px;padding:0 2rem;display:flex}.card{border:1.5px solid #c6a968;border-radius:14px;padding:1.25rem 1.4rem;animation:.4s both fadeUp;position:relative;overflow:hidden;box-shadow:0 2px 16px #c6a9681a,0 1px 4px #152e430a,inset 0 1px #ffffffb3}.card:before{content:"";pointer-events:none;background:0 0;position:absolute;inset:0}.card.navy{background:linear-gradient(160deg,#152e431c 0%,#152e430f 100%)}.card.burg{background:linear-gradient(160deg,#7c3f3f24 0%,#7c3f3f12 100%)}.card.sage{background:linear-gradient(160deg,#b4ca9c52 0%,#b4ca9c29 100%)}.card.mist{background:linear-gradient(160deg,#becccd57 0%,#becccd2e 100%)}.card.terra{background:linear-gradient(160deg,#d38c6638 0%,#d38c661a 100%)}.card.rose{background:linear-gradient(160deg,#ce928938 0%,#ce92891a 100%)}.card.gold{background:linear-gradient(160deg,#c6a96838 0%,#c6a9681a 100%)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card-label{letter-spacing:.1em;text-transform:uppercase;color:#152e43;align-items:center;gap:7px;margin-bottom:.9rem;font-size:10px;font-weight:800;display:flex}.dot{background:var(--gold);border:1px solid var(--gold-bd);border-radius:50%;flex-shrink:0;width:7px;height:7px}.hint{color:#152e43;opacity:.75;margin-bottom:.8rem;font-size:11.5px;line-height:1.65}.pills{flex-wrap:wrap;gap:6px;margin-bottom:.5rem;display:flex}.pill{color:var(--navy);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffffa6;border:1.5px solid #152e432e;border-radius:100px;padding:5px 13px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;transition:all .17s}.pill:hover{border-color:var(--gold-bd);background:var(--gold-lt)}.pill.on{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600}.pill.on.sage-pill{background:#6a9a58;border-color:#6a9a58}.pill.on.terra-pill{background:var(--terra);border-color:var(--terra)}.pill.on.mist-pill{background:#6a8f90;border-color:#6a8f90}.pill.on.rose-pill{background:var(--rose);border-color:var(--rose)}.pill.on.burg-pill{background:var(--burg);border-color:var(--burg)}.lbl{letter-spacing:.06em;text-transform:uppercase;color:#152e43;opacity:.68;margin-bottom:4px;font-size:9.5px;font-weight:700;display:block}.inp,.ta,.sel{width:100%;color:var(--navy);background:#fff;border:1.5px solid #c6a96859;border-radius:8px;outline:none;padding:8px 11px;font-family:DM Sans,sans-serif;font-size:13px;transition:border .18s,box-shadow .18s;box-shadow:0 1px 3px #152e430d}.inp:focus,.ta:focus,.sel:focus{border-color:#c6a968;box-shadow:0 0 0 3px #c6a96824}.ta{resize:vertical;min-height:72px;line-height:1.6}.sel{appearance:none;cursor:pointer}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grid3{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.hex-row{flex-wrap:wrap;gap:7px;margin-top:4px;display:flex}.hex-entry{align-items:center;gap:5px;display:flex}.hex-inp{width:88px;color:var(--navy);background:#fff;border:1.5px solid #c6a96859;border-radius:7px;outline:none;padding:6px 8px;font-family:monospace;font-size:12px;box-shadow:0 1px 3px #152e430d}.hex-inp:focus{border-color:#c6a968;box-shadow:0 0 0 3px #c6a96824}.swatch{border:2px solid #fffc;border-radius:50%;flex-shrink:0;width:22px;height:22px;box-shadow:0 1px 4px #00000026}.pf-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pf-card{text-align:center;cursor:pointer;background:#ffffffa6;border:1.5px solid #152e432e;border-radius:10px;padding:12px 10px;transition:all .17s}.pf-card:hover{border-color:var(--gold-bd);background:var(--gold-lt)}.pf-card.on{background:var(--navy);border-color:var(--navy)}.pf-card.on .pf-icon,.pf-card.on .pf-name{color:#fff}.pf-icon{margin-bottom:5px;font-size:1.4rem;display:block}.pf-name{color:var(--navy);font-size:11px;font-weight:600}.pf-fmt{color:#152e43;opacity:.68;margin-top:2px;font-size:9.5px}.pf-card.on .pf-fmt{color:#fff9}.profile-paste-box{color:#152e43;opacity:.78;white-space:pre;background:#fff9;border:1px solid #152e4324;border-radius:8px;margin-bottom:10px;padding:10px 12px;font-family:monospace;font-size:10.5px;line-height:1.85;overflow-x:auto}.profile-btn-row{flex-wrap:wrap;gap:7px;margin-bottom:10px;display:flex}.sm-btn{color:#152e43;opacity:.78;cursor:pointer;background:#ffffffb3;border:1.5px solid #152e4333;border-radius:100px;align-items:center;gap:5px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:600;transition:all .17s;display:flex}.sm-btn:hover{border-color:var(--gold-bd);background:var(--gold-lt)}.sm-btn.sage{color:#4a7a38;border-color:#6a9a5880}.sm-btn.sage:hover{background:#b4ca9c33}.sm-btn.primary{background:var(--navy);color:#fff;border-color:var(--navy);opacity:1;padding:9px 14px;font-size:13px}.sm-btn.primary:hover{background:#1e3d58}.gen-wrap{padding:1.5rem 2rem}.btn-gen{background:linear-gradient(135deg,var(--navy) 0%,#1e3d58 100%);color:#fff;cursor:pointer;letter-spacing:.02em;width:100%;box-shadow:0 4px 24px #152e434d, 0 0 0 1px var(--gold-md) inset;border:none;border-radius:100px;padding:15px 24px;font-family:Cormorant Garamond,serif;font-size:1.2rem;font-style:italic;font-weight:600;transition:all .2s;position:relative;overflow:hidden}.btn-gen:before{content:"";background:linear-gradient(135deg,#c9a84c1f 0%,#0000 60%);position:absolute;inset:0}.btn-gen:hover{box-shadow:0 8px 32px #152e4359, 0 0 0 1px var(--gold-bd) inset;transform:translateY(-2px)}.btn-gen span{z-index:1;position:relative}.btn-gen-navy{width:auto;padding:12px 30px;font-size:1.05rem}.btn-reset{color:#152e43;opacity:.62;cursor:pointer;background:0 0;border:none;margin:8px auto 0;font-family:DM Sans,sans-serif;font-size:11px;display:block}.btn-reset:hover{color:var(--burg)}.output-section{border:1.5px solid var(--gold-bd);border-radius:14px;margin:0 2rem;overflow:hidden;box-shadow:0 4px 32px #152e431f}.out-tabs{border-bottom:1.5px solid var(--gold-md);background:#152e4308;display:flex;overflow-x:auto}.out-tab{color:#152e43;opacity:.68;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;margin-bottom:-1.5px;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:600;transition:all .17s}.out-tab:hover{color:var(--navy);opacity:1}.out-tab.on{color:var(--navy);opacity:1;border-bottom-color:var(--terra)}.out-body{padding:1.4rem}.slide-card{border:1px solid var(--gold-md);background:#fff9;border-radius:10px;margin-bottom:10px;padding:1rem 1.1rem;position:relative}.slide-card:before{content:"";border-radius:3px 0 0 3px;width:3px;position:absolute;top:0;bottom:0;left:0}.s1:before{background:var(--terra)}.s2:before{background:var(--burg)}.s3:before{background:var(--sage)}.slide-num-badge{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-right:7px;font-size:10px;font-weight:800;display:inline-flex}.slide-hl{color:var(--navy);margin-bottom:4px;font-size:13.5px;font-weight:700;line-height:1.3}.slide-body{color:#152e43;opacity:.78;font-size:12px;line-height:1.6}.copy-btn{color:#152e43;opacity:.68;cursor:pointer;background:#152e430d;border:1px solid #152e431f;border-radius:20px;align-items:center;gap:4px;margin-top:8px;padding:3px 11px;font-family:DM Sans,sans-serif;font-size:10.5px;font-weight:600;transition:all .17s;display:inline-flex}.copy-btn:hover{border-color:var(--gold-bd);color:var(--navy);opacity:1;background:var(--gold-lt)}.export-bar{background:#d38c6614;border:1px solid #d38c6640;border-radius:8px;flex-wrap:wrap;gap:7px;margin-top:10px;padding:10px 12px;display:flex}.exp-btn{border:1.5px solid var(--terra);color:var(--terra);cursor:pointer;background:#fff;border-radius:100px;align-items:center;gap:5px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:600;transition:all .18s;display:flex}.exp-btn:hover{background:var(--terra);color:#fff}.exp-btn.primary{background:linear-gradient(135deg,var(--navy) 0%,#1e3d58 100%);color:#fff;border-color:var(--navy);box-shadow:0 3px 16px #152e4340, 0 0 0 1px var(--gold-md) inset;border-radius:100px;padding:11px 26px;font-size:13.5px}.exp-btn.primary:hover{color:#fff;background:linear-gradient(135deg,#1e3d58 0%,#284f70 100%);transform:translateY(-1px)}.upload-slot{background:#fff9;border:1.5px solid #152e432e;border-radius:10px;transition:all .18s;overflow:hidden}.upload-slot.empty{cursor:pointer;border-style:dashed;justify-content:center;align-items:center;min-height:90px;display:flex}.upload-slot.empty:hover{border-color:var(--gold-bd);background:var(--gold-lt)}.upload-slot-empty-inner{text-align:center}.upload-slot.has-file{border-style:solid;border-color:var(--gold-bd)}.upload-slot-preview{border-bottom:1px solid var(--gold-md);justify-content:center;align-items:center;height:72px;display:flex;overflow:hidden}.upload-slot-preview img{object-fit:cover;width:100%;height:100%}.upload-slot-info{padding:7px 9px}.upload-slot-info .inp{margin-top:4px;padding:4px 8px;font-size:11px}.upload-slot-name{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:10.5px;font-weight:600;overflow:hidden}.upload-slot-meta{color:#152e43;opacity:.65;font-size:9.5px}.upload-slot-remove{color:#7c3f3f8c;cursor:pointer;background:0 0;border:none;margin-top:3px;padding:0;font-family:DM Sans,sans-serif;font-size:9.5px}.upload-slot-remove:hover{color:var(--burg)}.toggle-wrap{align-items:center;gap:10px;display:flex}.toggle-label{cursor:pointer;flex-shrink:0;width:38px;height:22px;display:inline-block;position:relative}.toggle-label input{opacity:0;width:0;height:0}.toggle-track{background:#152e432e;border-radius:22px;transition:all .2s;position:absolute;inset:0}.toggle-track:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.toggle-label input:checked+.toggle-track{background:var(--terra)}.toggle-label input:checked+.toggle-track:before{transform:translate(16px)}.toggle-label input.sage-toggle:checked+.toggle-track{background:#6a9a58}.toggle-label input.burg-toggle:checked+.toggle-track{background:var(--burg)}.toggle-text{color:#152e43;opacity:.72;font-size:12px}.fav-btn{color:#152e43;opacity:.62;cursor:pointer;background:0 0;border:1px solid #c9a84c66;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:3px 9px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:600;transition:all .18s;display:inline-flex}.fav-btn:hover{border-color:var(--gold-bd);color:var(--gold);opacity:1;background:var(--gold-lt)}.fav-btn.faved{background:var(--gold-lt);border-color:var(--gold-bd);color:#a07820;opacity:1}.mockup-prompt-card{border:1px solid var(--gold-md);border-left:3px solid var(--terra);background:#ffffffb3;border-radius:10px;padding:1rem 1.1rem}.mockup-prompt-num{letter-spacing:.08em;text-transform:uppercase;color:#152e43;opacity:.62;margin-bottom:6px;font-size:9.5px;font-weight:700}.mockup-prompt-text{color:var(--navy);background:#152e4308;border-radius:6px;padding:8px 10px;font-family:monospace;font-size:12px;line-height:1.65}.rfm-tag{color:#7c3f3fcc;background:#7c3f3f12;border:1px solid #7c3f3f38;border-radius:6px;margin-top:8px;padding:6px 10px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:600;line-height:1.55}.gold-rule{background:linear-gradient(to right,transparent,var(--gold-md),transparent);height:1px;margin:1.5rem 2rem .5rem}.sub-head{letter-spacing:.1em;text-transform:uppercase;color:#152e43;opacity:.65;margin:12px 0 6px;font-size:9.5px;font-weight:800}.canva-tip{color:#152e439e;background:#503c820f;border:1px solid #503c8233;border-radius:8px;margin-top:10px;padding:9px 12px;font-size:11px;line-height:1.65}.canva-tip strong{color:#5040a0}.workflow-tip{color:#152e43b8;background:#d38c660f;border:1px solid #d38c6638;border-radius:8px;margin:0 2rem 1rem;padding:10px 14px;font-size:11.5px;line-height:1.7}.workflow-tip strong{color:var(--terra)}.lib-sub-tabs{border-bottom:1.5px solid var(--gold-md);gap:0;margin:0 2rem;display:flex}.lib-sub-tab{color:#152e43;opacity:.65;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;margin-bottom:-1.5px;padding:9px 14px;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:600;transition:all .17s}.lib-sub-tab:hover{color:var(--navy);opacity:1}.lib-sub-tab.on{color:var(--navy);opacity:1;border-bottom-color:var(--gold)}.asset-card{border:1.5px solid var(--gold-md);background:#fff;border-radius:12px;padding:1rem 1.1rem;transition:all .18s;position:relative;overflow:hidden}.asset-card:before{content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.asset-card.mockup:before{background:linear-gradient(to bottom,var(--terra),var(--rose))}.asset-card.element:before{background:linear-gradient(to bottom,var(--sage),var(--mist))}.asset-card.stock:before{background:linear-gradient(to bottom,var(--mist),var(--navy))}.asset-card:hover{border-color:var(--gold-bd);box-shadow:0 4px 18px #152e431a}.asset-type-badge{letter-spacing:.1em;text-transform:uppercase;border-radius:20px;margin-bottom:6px;padding:2px 8px;font-size:8.5px;font-weight:700;display:inline-block}.asset-prompt-text{color:var(--navy);background:#152e4308;border-radius:6px;margin:7px 0;padding:8px 10px;font-family:monospace;font-size:11.5px;line-height:1.65}.asset-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.asset-empty{text-align:center;color:#becccd;padding:2.5rem 1rem}.asset-empty-icon{margin-bottom:.6rem;font-size:2rem}.asset-empty-title{margin-bottom:.3rem;font-size:13px;font-weight:600}.asset-empty-sub{font-size:11.5px;line-height:1.65}.lib-hdr{justify-content:space-between;align-items:center;padding:1.6rem 2rem .6rem;display:flex}.lib-hdr-title{color:var(--navy);font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:500}.lib-cards{flex-direction:column;gap:10px;padding:0 2rem;display:flex}footer{text-align:center;border-top:1px solid var(--gold-md);margin:3rem 2rem 0;padding:2.5rem 2rem}footer p{color:#becccd;font-size:11px}footer a{color:var(--terra);text-decoration:none}footer a:hover{text-decoration:underline}.footer-logo{color:var(--navy);margin-bottom:.4rem;font-family:Dancing Script,cursive;font-size:1.4rem;font-weight:700;display:block}.tool,.tool .lbl,.tool .inp,.tool input,.tool select,.tool textarea,.tool button,.tool p,.tool span,.tool label,.tool .eyebrow{font-family:Poppins,sans-serif}.tool h1,.tool .tool-title{font-family:Playfair Display,serif}.search-bar{align-items:center;gap:8px;margin:0 2rem 1rem;display:flex}.search-bar .inp{flex:1}.fmt-note{color:#152e43;opacity:.7;background:#b4ca9c26;border:1px solid #b4ca9c59;border-radius:7px;margin-bottom:12px;padding:7px 10px;font-size:11px;line-height:1.6}.preview-wrap{max-width:320px;margin:0 auto;position:relative}.carousel-stage{aspect-ratio:1;background:linear-gradient(135deg,var(--navy) 0%,#1e3d58 100%);border:1px solid var(--gold-md);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 8px 32px #152e4340}.cs-content{flex-direction:column;justify-content:flex-end;padding:9% 10%;display:flex;position:absolute;inset:0}.cs-scrim{background:linear-gradient(#0000001a 0%,#000000bf 100%);position:absolute;inset:0}.cs-bg{background:linear-gradient(135deg,#1a3a55 0%,#0d2235 100%);position:absolute;inset:0}.cs-tape{background:var(--terra);color:#fff;letter-spacing:.12em;text-transform:uppercase;z-index:2;border-radius:3px;align-self:flex-start;margin-bottom:9px;padding:3px 10px;font-family:DM Sans,sans-serif;font-size:8px;font-weight:700;display:inline-block;position:relative;transform:rotate(-1deg)}.cs-hl{color:#fff;z-index:2;margin-bottom:6px;font-family:Cormorant Garamond,serif;font-size:1.35rem;font-weight:600;line-height:1.2;position:relative}.cs-body{color:#ffffff9e;z-index:2;font-size:10px;font-weight:300;line-height:1.6;position:relative}.cs-bar{background:linear-gradient(to right,var(--terra),var(--rose));z-index:3;height:3px;position:absolute;bottom:0;left:0;right:0}.preview-dots{justify-content:center;gap:5px;margin-top:10px;display:flex}.pdot{cursor:pointer;background:#152e4333;border-radius:50%;width:5px;height:5px;transition:all .2s}.pdot.on{background:var(--terra);border-radius:3px;width:14px}.cs-prev,.cs-next{cursor:pointer;z-index:10;width:32px;height:32px;color:var(--navy);background:#ffffffe0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .17s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 10px #0000002e}.cs-prev{left:-16px}.cs-next{right:-16px}.cs-prev:hover,.cs-next:hover{background:#fff;transform:translateY(-50%)scale(1.08)}