.sales-demo{color:#392e25;font-family:Arial,Helvetica,sans-serif}.sales-demo button,.sales-demo select{cursor:pointer}.sales-demo button:focus-visible,.sales-demo select:focus-visible,.sales-demo summary:focus-visible{outline:3px solid #a34e36;outline-offset:4px}.sales-banner{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding:16px 20px;background:#ece2cc;border:1px solid #d9c8a9;border-radius:12px;margin-bottom:28px}.sales-pill{padding:6px 9px;border-radius:4px;background:#fff8e8;color:#735330;font-size:9px;font-weight:700;letter-spacing:1.4px;white-space:nowrap}.sales-banner p{margin:0;font-size:12px}.sales-banner>span:last-child{margin-left:auto;font-size:10px;color:#76634d}.sales-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.sales-kicker{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#94714b;margin:0 0 10px}.sales-demo h2{font:normal clamp(30px,3vw,42px)/1.2 Georgia,serif;margin:0 0 10px}.sales-toolbar>div>p:last-child{color:#796c5e;font-size:12px;margin:0}.sales-range{display:flex;background:#e9e1d2;border:1px solid #ded2bb;padding:4px;border-radius:9px;gap:4px}.sales-range button{padding:10px 16px;font-size:12px;border:0;border-radius:6px;background:transparent;white-space:nowrap;color:#746451}.sales-range button[aria-pressed=true]{background:#fffbf3;color:#623b2a;box-shadow:0 2px 5px #3a25131a;font-weight:700}.sales-filters{display:flex;align-items:end;flex-wrap:wrap;gap:16px;margin-bottom:24px}.sales-demo label{display:grid;gap:8px;font-size:10px;color:#7a6958;font-weight:600}.sales-demo select{padding:10px 30px 10px 12px;border:1px solid #d9cdb9;border-radius:7px;background:#fffaf0;color:#4e4134;font:12px Arial,sans-serif;min-height:40px}.sales-filters>button{background:none;border:0;padding:12px 4px;font-size:11px;color:#9b5739;text-decoration:underline}.sales-filters>p{font-size:10px;color:#8d7a67;margin:0 0 12px auto}.sales-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.sales-kpi{padding:23px;background:#fffdf7;border:1px solid #ded2be;border-radius:13px;box-shadow:0 3px 12px #35251104}.sales-kpi:first-child{color:#fff3db;background:linear-gradient(135deg,#754030,#a25838);border-color:#a46942}.sales-kpi>div{display:flex;justify-content:space-between;gap:10px;font-size:11px}.sales-kpi>div>span:last-child{opacity:.6}.sales-kpi>strong{display:block;font:normal clamp(24px,2.5vw,36px)/1.2 Georgia,serif;margin:18px 0 13px;letter-spacing:-1px}.sales-kpi p{font-size:10px;font-weight:600;margin:0}.sales-kpi p span{color:#857563;font-size:9px;font-weight:400;display:block;margin-top:5px}.sales-up{color:#426b54}.sales-down{color:#a5583a}.sales-kpi:first-child p,.sales-kpi:first-child p span{color:#efdcbe}.sales-chart-card{padding:27px;background:#fffdf7;border:1px solid #ded2be;border-radius:14px;margin-bottom:24px;min-width:0}.sales-demo h3{font:normal 25px/1.2 Georgia,serif;letter-spacing:-.5px;margin:0}.sales-chart-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:20px}.sales-chart-controls{display:flex;gap:10px}.sales-chart-readout{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;min-height:40px}.sales-chart-readout strong{font:normal 26px Georgia,serif}.sales-chart-readout span{font-size:11px;color:#8b7b65}.sales-line-chart{display:block;width:100%;height:auto;overflow:visible;margin-top:10px}.sales-line-chart circle[role=button]{cursor:crosshair}.sales-line-chart circle[role=button]:focus{outline:none;stroke:#395f59;stroke-width:2}.sales-footnote{font-size:10px;line-height:1.8;color:#8b7b65;margin:15px 0 0}.sales-bottom-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px}.sales-mix{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.sales-donut{position:relative;width:190px;flex-shrink:0;margin:auto}.sales-donut svg{display:block;width:100%}.sales-donut>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.sales-donut strong{font:25px Georgia,serif}.sales-donut span{font-size:8px;letter-spacing:1.5px;margin-top:8px;color:#8b7b65}.sales-legend{list-style:none;padding:0;margin:0;flex:1;min-width:180px}.sales-legend li{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #eee7d9}.sales-dot{display:block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.sales-legend strong{display:block;font-size:11px;font-weight:500}.sales-legend div>span{display:block;font-size:9px;color:#8b7b65;margin-top:5px}.sales-legend b{font-size:11px;margin-left:auto;white-space:nowrap}.sales-ranking{list-style:none;margin:24px 0 0;padding:0}.sales-ranking li{margin-bottom:23px}.sales-ranking li>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:10px}.sales-ranking small{font-size:9px;color:#ad9779;margin-right:10px}.sales-ranking strong{white-space:nowrap}.sales-bar-track{height:7px;border-radius:4px;background:#efe8db;overflow:hidden}.sales-bar-track span{display:block;height:100%;border-radius:4px}.sales-table{background:#fffaf0;border:1px solid #ded2be;border-radius:10px;padding:18px 22px;margin-bottom:25px}.sales-table summary{font-size:12px;cursor:pointer;color:#7a5135}.sales-table>div{overflow-x:auto}.sales-table table{width:100%;border-collapse:collapse;font-size:12px;margin-top:20px}.sales-table caption{text-align:left;font-size:11px;color:#8b7b65;padding-bottom:14px}.sales-table td,.sales-table th{text-align:right;padding:12px;border-bottom:1px solid #e9deca;white-space:nowrap}.sales-table th:first-child{text-align:left}.sales-table tbody th{font-weight:400}@media(max-width:1150px){.sales-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-bottom-grid{grid-template-columns:1fr;gap:0}}@media(max-width:650px){.sales-toolbar{align-items:start;flex-direction:column}.sales-kpis{gap:10px}.sales-kpi{padding:18px 14px}.sales-kpi>strong{font-size:29px}.sales-chart-card{padding:20px 16px}.sales-demo select{font-size:16px;max-width:100%}.sales-filters{gap:12px}.sales-filters label{flex:1;min-width:120px}.sales-filters>p{flex-basis:100%;margin:0}.sales-banner{padding:14px}.sales-banner>span:last-child{margin-left:0}.sales-chart-controls{width:100%}.sales-chart-controls label{flex:1;min-width:0}.sales-line-chart{min-height:180px}.sales-mix{flex-direction:column}.sales-legend{width:100%}.sales-chart-readout span{line-height:1.7}}.sales-demo select{width:100%;min-width:0}.demo-app{--demo-green:#356650;background:#f5f4ef;min-height:100vh;font-size:14px;color:#203238}.demo-app h1,.demo-app h2,.demo-app h3{margin:0;letter-spacing:-.6px;line-height:1.2}.demo-app h1{font-size:clamp(29px,3vw,39px);margin:9px 0 12px}.demo-app h2{font-size:24px;margin-bottom:14px}.demo-app p{line-height:1.7}.demo-app button{cursor:pointer}.demo-app button:disabled{opacity:.45;cursor:not-allowed}.demo-ribbon{position:sticky;top:0;z-index:30;background:#e9dcc2;color:#493c25;padding:12px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.demo-ribbon strong{font-size:9px;letter-spacing:1.5px;margin-right:15px}.demo-ribbon button{font-size:11px;font-weight:700;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.demo-workspace{display:grid;grid-template-columns:245px minmax(0,1fr)}.demo-sidebar{background:#14292f;color:#f1ebdc;padding:30px 17px 24px;display:flex;flex-direction:column;min-height:calc(100vh - 43px)}.demo-brand-row{padding:0 8px}.demo-brand-row .wordmark{font-size:27px}.demo-brand-row .wordmark>span:first-child{color:#dda373}.demo-brand-row .wordmark-sub{font-size:7px;letter-spacing:2px;color:#b7c3be}.demo-business{margin:32px 0 26px;border:1px solid #3b4a4c;border-radius:8px;padding:13px 10px;display:flex;align-items:center;gap:10px}.demo-business-icon{display:grid;place-items:center;background:#e6c197;color:#24383a;height:32px;width:32px;border-radius:7px;font-family:Georgia,serif;font-size:21px;flex-shrink:0}.demo-business strong{display:block;font-size:11px}.demo-business div>span{display:block;font-size:8px;margin-top:5px;color:#b7c3be}.demo-nav{display:grid;gap:5px}.demo-nav button{display:flex;gap:13px;align-items:center;text-align:left;padding:12px 14px;border-radius:6px;color:#c2ccc8;font-size:12px}.demo-nav button>span:first-child{width:18px;font-size:19px;line-height:1}.demo-nav button:hover{background:#263d43}.demo-nav button[aria-current]{background:#efe3cb;color:#203238;font-weight:700}.demo-nav-dot{margin-left:auto;color:#a84c29}.demo-menu-toggle{display:none}.demo-sidebar-footer{margin-top:auto;padding:45px 10px 0}.demo-sidebar-footer>p{font-family:Georgia,serif;font-size:22px;line-height:1.35}.demo-sidebar-footer em{color:#d8a675}.demo-sidebar-footer a{display:block;font-size:11px;margin-top:20px}.demo-sidebar-footer a:last-child{padding-top:20px;border-top:1px solid #3b4a4c;color:#bac7c4}.demo-content{min-width:0;padding:35px clamp(20px,3.3vw,55px) 20px;max-width:1600px;width:100%;margin-inline:auto}.demo-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:25px;border-bottom:1px solid #dddcd3}.demo-heading>div>p:last-child{color:#69716d;font-size:13px}.demo-eyebrow{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#707a73}.demo-heading h1:focus{outline:none}.demo-badge{display:inline-flex;align-items:center;align-self:start;white-space:nowrap;background:#efede6;color:#677065;border-radius:5px;padding:6px 9px;font-size:9px;font-weight:600}.demo-badge-green{background:#e6eee4;color:#356650}.demo-heading>.demo-badge{align-self:center}.demo-notice{min-height:24px;margin:10px 0;color:#356650;font-size:13px}.demo-notice:not(:empty){padding:12px 16px;border:1px solid #c9d7c5;border-radius:8px;background:#eaf1e6}.demo-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:23px}.demo-stat{min-width:0;text-align:left;padding:23px;border:1px solid #deded4;border-radius:10px;background:#fffefa;transition:border-color .2s}.demo-stat:hover{border-color:#aa6b42}.demo-stat>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#646f69}.demo-stat>div>span:last-child{font-size:23px;color:#ae6740}.demo-stat strong{display:block;font-size:35px;font-family:Georgia,serif;margin:12px 0 8px;font-weight:400}.demo-stat p{font-size:10px;color:#788077;overflow-wrap:anywhere}.demo-card{background:#fffefa;border:1px solid #deded4;border-radius:10px;padding:26px;min-width:0;margin-bottom:23px}.demo-card-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.demo-card-heading h2{margin:5px 0 0}.demo-card-heading>span:not(.demo-badge){color:#ae6740;font-size:25px}.demo-muted{color:#6c756f;font-size:12px;line-height:1.8}.demo-two-col{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:23px}.demo-link{font-size:11px;color:#994523;font-weight:700}.demo-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:23px}.demo-quick-grid button{display:flex;flex-direction:column;align-items:start;text-align:left;gap:9px;background:#f5f3ed;padding:18px;border:1px solid transparent;border-radius:7px}.demo-quick-grid button:hover{border-color:#c8b59b}.demo-quick-grid button>span{font-size:24px;color:#ab5b36}.demo-quick-grid strong{font-size:12px}.demo-quick-grid small{font-size:10px;color:#70776d;line-height:1.6}.demo-today{background:#efeee4}.demo-today h2{margin:16px 0 9px}.demo-today>p:not(.demo-eyebrow){font-size:12px;color:#6c756f}.demo-today>.demo-secondary{margin-top:20px}.demo-road-art{height:112px;position:relative;overflow:hidden;margin:6px 0 15px}.demo-road-art:before{content:"";position:absolute;width:200%;height:70px;background:#d9ddca;border-radius:50%;bottom:-25px;left:-20%;transform:rotate(-8deg)}.demo-road-art i{position:absolute;width:180%;height:80px;border:10px solid #fffefa;border-radius:50%;bottom:-60px;left:-35%;transform:rotate(-12deg)}.demo-road-art>span{position:absolute;font-size:60px;color:#aa5633;top:0;left:55%;z-index:1}.demo-primary,.demo-secondary{display:inline-flex;justify-content:center;align-items:center;gap:15px;border-radius:6px;padding:12px 16px;font-size:12px;font-weight:600}.demo-primary{background:#a94b29;color:white;border:1px solid #a94b29}.demo-primary:hover{background:#8d3d20}.demo-secondary{background:#fffefa;color:#33483e;border:1px solid #d2d4c8}.demo-secondary:hover{background:#efeee7}.demo-activity{list-style:none;padding:0;margin:0}.demo-activity li{display:flex;align-items:center;gap:15px;padding:19px 0;border-bottom:1px solid #eeece3}.demo-activity li:last-child{border-bottom:0}.demo-activity li>span{color:#a8613a;background:#f3eee2;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.demo-activity strong{font-size:12px}.demo-activity p{color:#798074;font-size:11px;margin-top:4px;overflow-wrap:anywhere;white-space:pre-wrap}.demo-activity small{margin-left:auto;font-size:9px;color:#7b8178}.demo-content-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:12px 0;color:#7b8178;font-size:10px}.demo-content-footer a{color:#9c4d2c;font-weight:600}.demo-product-list{margin-top:20px}.demo-product{display:flex;align-items:center;width:100%;gap:14px;text-align:left;border-top:1px solid #e9e7de;padding:17px 4px}.demo-product.is-selected,.demo-product:hover{background:#f5f2e8}.demo-product-art{display:grid;place-items:center;height:49px;width:49px;border-radius:8px;background:#eed6b9;color:#955333;font-size:29px;flex-shrink:0}.demo-art-drinks{background:#e2e8cf;color:#6c794b}.demo-art-sides{background:#e6e2d2;color:#748264}.demo-product>span:nth-child(2){min-width:0;flex:1}.demo-product strong{display:block;font-size:12px;line-height:1.6}.demo-product small{display:block;font-size:10px;color:#7b8178;margin-top:4px}.demo-product b{font-size:12px;font-weight:500}.demo-product>span:last-child{color:#a8613a}.demo-empty{padding:35px 0;text-align:center}.demo-empty>span{display:block;font-size:54px;color:#b49572;margin:20px}.demo-empty p{font-size:13px;margin-top:15px}.demo-form{display:grid;gap:20px;margin-top:25px}.demo-form label,.demo-search{display:grid;gap:9px;font-size:11px;font-weight:600}.demo-form input:not([type=checkbox]),.demo-form select,.demo-form textarea,.demo-search input{min-width:0;width:100%;border:1px solid #d6d8cc;border-radius:6px;background:#fffefa;padding:12px;font-size:14px;font-weight:400;color:#263d39}.demo-form textarea{resize:vertical;min-height:95px}.demo-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.demo-form .demo-checkbox{display:flex;align-items:center;gap:10px}.demo-checkbox input{accent-color:#a94b29;width:17px;height:17px}.demo-form>.demo-secondary{justify-self:start}.demo-special-preview{display:flex;flex-direction:column;align-items:start;background:#eee7d7}.demo-special-art{font-size:100px;color:#ad7342;align-self:center;padding:25px}.demo-special-preview h2{margin-top:22px;font-size:32px}.demo-special-preview>p:not(.demo-eyebrow){font-size:13px}.demo-special-price{font-size:25px;font-family:Georgia,serif;margin:20px 0}.demo-map{position:relative;height:220px;border-radius:8px;background:repeating-linear-gradient(0deg,transparent,transparent 46px,#fdfaf1 0,#fdfaf1 54px),repeating-linear-gradient(90deg,#e8e7d9,#e8e7d9 62px,#fdfaf1 0,#fdfaf1 70px);margin:20px 0;overflow:hidden}.demo-map.is-hidden{filter:grayscale(1);opacity:.6}.demo-map-street{position:absolute;background:#fcfaf2;width:150%;height:16px;transform:rotate(-30deg);top:50%;left:-25%}.street-two{transform:rotate(30deg);top:70%}.demo-map-park{position:absolute;top:20px;right:25px;height:60px;width:90px;display:grid;place-items:center;background:#cbd4b5;border-radius:9px;font-size:8px;letter-spacing:1px;color:#6c7c55}.demo-map-pin{position:absolute;left:45%;top:55px;font-size:65px;color:#a8512c}.demo-map-caption{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);padding:9px 13px;background:#fffefa;box-shadow:0 3px 10px #1c2d3117;white-space:nowrap;border-radius:5px;font-size:11px}.demo-location-preview>p{margin-top:10px}.demo-search{max-width:380px;margin:25px 0}.demo-subscriber-list>div{display:flex;align-items:center;gap:16px;border-top:1px solid #eeece3;padding:18px 0}.demo-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e7ddc8;color:#786342;font-family:Georgia,serif;font-size:19px;flex-shrink:0}.demo-subscriber-list strong{font-size:12px}.demo-subscriber-list small{display:block;color:#7b8178;font-size:10px;margin-top:5px}.demo-subscriber-list .demo-badge{margin-left:auto;align-self:center}.demo-subscriber-list .demo-secondary{font-size:10px}.demo-message-details{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#7b8178;font-size:10px}.demo-phone{max-width:270px;margin:25px auto;border:5px solid #23363a;border-radius:30px;padding:20px 15px;min-height:330px;background:#f8f8f3}.demo-phone-camera{width:65px;height:7px;background:#23363a;border-radius:5px;margin:0 auto 25px}.demo-phone-title{text-align:center;font-size:11px;font-weight:600;margin-bottom:20px}.demo-sms-bubble{background:#e3e8dc;color:#304134;padding:17px;border-radius:14px 14px 14px 0;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.demo-phone>.demo-muted{text-align:center;margin-top:25px;font-size:9px}.demo-send-confirm{display:grid;gap:15px}.demo-send-confirm p{font-size:12px}.demo-social-post{margin-top:23px}.demo-social-author{display:flex;align-items:center;gap:12px;margin-bottom:20px}.demo-social-author strong{font-size:12px}.demo-social-post>p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.demo-social-art{background:#1c3439;color:#f4ebd5;padding:30px 24px;margin:20px 0;font-size:30px;line-height:1.2;font-family:Georgia,serif}.demo-social-art em{color:#d1a175}.demo-social-art span{display:block;font-family:Arial,sans-serif;font-size:7px;letter-spacing:2px;margin-top:30px}.demo-integrations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.demo-integrations .demo-card{display:flex;flex-direction:column;align-items:start;gap:15px}.demo-integrations h2{margin-bottom:0}.demo-integrations .demo-secondary{margin-top:auto;width:100%}.demo-integration-logo{width:52px;height:52px;border:1px solid #deded4;border-radius:12px;display:grid;place-items:center;color:#41674c;font-size:29px;font-family:Georgia,serif}@media(min-width:1500px){.demo-content{padding-top:50px}}@media(max-width:1150px){.demo-workspace{grid-template-columns:220px minmax(0,1fr)}.demo-content{padding-inline:25px}.demo-brand-row .wordmark{font-size:23px}.demo-two-col{grid-template-columns:1fr;gap:0}.demo-card{padding:23px}.demo-today{display:none}.demo-integrations{gap:12px}.demo-integrations .demo-card{padding:17px}.demo-subscriber-list>div{flex-wrap:wrap}}@media(max-width:760px){.demo-ribbon{padding:12px 18px;gap:12px}.demo-ribbon-detail{display:block;font-size:9px;margin-top:5px;max-width:250px}.demo-ribbon strong{margin-right:0}.demo-workspace{display:block}.demo-sidebar{min-height:0;padding:20px 18px}.demo-brand-row{padding:0;display:flex;align-items:center;justify-content:space-between}.demo-brand-row .wordmark{font-size:26px}.demo-menu-toggle{display:block;border:1px solid #67766f;border-radius:6px;width:42px;height:42px;font-size:20px}.demo-business,.demo-nav,.demo-sidebar-footer{display:none}.demo-nav{padding-top:20px;grid-template-columns:1fr 1fr}.demo-nav.is-open{display:grid}.demo-nav button{padding:13px 10px;font-size:11px}.demo-content{padding:25px 18px}.demo-heading{align-items:start;flex-direction:column;gap:15px}.demo-heading>.demo-badge{align-self:start}.demo-heading h1{font-size:32px}.demo-heading .demo-eyebrow{font-size:8px}.demo-stats{gap:10px}.demo-stat{padding:15px 12px}.demo-stat>div{font-size:10px}.demo-stat>div>span:last-child{display:none}.demo-stat strong{font-size:28px}.demo-stat p{font-size:9px}.demo-card{padding:21px}.demo-quick-grid button{padding:16px 12px}.demo-quick-grid strong{font-size:11px}.demo-card-heading{align-items:start;gap:12px;flex-wrap:wrap}.demo-card-heading h2{font-size:22px}.demo-form input:not([type=checkbox]),.demo-form select,.demo-form textarea,.demo-search input{font-size:16px}.demo-product{gap:9px}.demo-product-art{width:38px;height:42px;font-size:24px}.demo-product b,.demo-product strong{font-size:11px}.demo-product>span:last-child{display:none}.demo-subscriber-list>div{gap:12px}.demo-subscriber-list .demo-secondary{margin-left:48px}.demo-subscriber-list .demo-badge{font-size:8px}.demo-subscriber-list small{max-width:140px;line-height:1.5}.demo-integrations{grid-template-columns:1fr;gap:0}.demo-integrations .demo-card{padding:25px}.demo-special-preview h2{font-size:29px}.demo-content-footer{line-height:1.7}.demo-stat p{line-height:1.5}}@media(prefers-reduced-motion:reduce){.demo-app *{scroll-behavior:auto;transition:none}}.demo-app{background:radial-gradient(ellipse at top right,#dfc99c55,transparent 50%),#f4eee1}.demo-sidebar{background:linear-gradient(155deg,#233b3a,#12282e 70%)}.demo-heading{border:1px solid #cfbea0;border-top:5px solid #a94b29;border-radius:4px 4px 18px 18px;padding:28px;background:linear-gradient(110deg,#fff9ea,#e9dbc0);box-shadow:0 8px 24px #44301b0a}.demo-heading h1{font-family:Georgia,serif;color:#25403d;font-weight:500}.demo-card{border-color:#d9ccb5;box-shadow:0 4px 16px #3b271008}.demo-card h2{font-family:Georgia,serif;font-weight:500;font-size:28px}.demo-stat{border-color:#d9ccb5;border-top:3px solid #a77b4c}.demo-photo-upload{border:2px dashed #bfa37a;background:#f8f1e3;border-radius:12px;padding:20px}.demo-photo-upload p{margin-block:12px;overflow-wrap:anywhere}.demo-photo-upload input::file-selector-button{background:#a94b29;color:white;border:0;border-radius:5px;padding:10px;margin-right:8px}.demo-story-preview{position:relative;aspect-ratio:9/16;max-width:300px;margin:24px auto;border:6px solid #223635;border-radius:23px;overflow:hidden;background:#152f32;color:#f5e5c9}.demo-story-preview:before{content:"";position:absolute;z-index:1;top:12px;left:14px;right:14px;height:3px;background:#ffffff99;border-radius:3px}.demo-story-preview img{width:100%;height:100%;object-fit:contain}.demo-story-label{position:absolute;top:27px;left:14px;right:14px;font-size:9px;letter-spacing:1px;color:white;text-shadow:0 1px 4px #000}.demo-story-empty{display:flex;height:100%;min-height:250px;flex-direction:column;justify-content:center;padding:30px;background:radial-gradient(ellipse at bottom right,#bf825b55,transparent 70%),#193638}.demo-story-empty>span{font-size:50px;color:#d9ac78}.demo-story-empty strong{font:36px/1.2 Georgia,serif;color:#f1dfbd}.demo-story-empty p{font-size:12px;color:#d2c3a9;margin-top:18px}.demo-photo-preview{margin:24px 0;border-radius:12px;overflow:hidden;background:#193638}.demo-photo-preview img{width:100%;max-height:500px;object-fit:contain}.demo-saved-stop{margin-top:25px;padding:20px;border-left:3px solid #ae7347;border-radius:3px 10px 10px 3px;background:#f1e9d9}.demo-saved-stop h3{margin-top:10px;font:22px Georgia,serif}.demo-saved-stop p{margin-top:10px}@media(max-width:760px){.demo-heading{padding:23px 20px}.demo-photo-upload{padding:14px}}