/* Original Picasify product illustration, scoped to prevent cross-product style changes.
   Fixed pixel dimensions scale proportionally from the original 1168px stage.
   Source: https://picasify.com/static/marketing-concept.css?v=currencies-31 */
.picasify-scene { margin: 0; padding: 20px 14px 14px; width: 100%; background: #f4ede3; border-radius: 16px; color: #242323; font: 400 16px/1.55 "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif; }
.picasify-scene :is(h3, p, ul) { margin: 0; }
.picasify-scene svg { display: inline-block; max-width: none; }
.picasify-scene .ui-icon { color: inherit; }

.picasify-scene .product-stage { container-type:inline-size; }
.picasify-scene .product-composition { width:100%; height:51cqw; position:relative; font-family:"Helvetica Neue",Arial,sans-serif; }
.picasify-scene .preview-desktop { position:absolute; top:1%; left:14%; width:72%; height:95%; background:#fff; border:0.256849cqw solid #d1cdc7; box-shadow:0 0 0 0.171233cqw #e9e4dd,0 1.027397cqw 1.883562cqw #51443922; border-radius:1.712329cqw; display:grid; grid-template-columns:18% 1fr; overflow:hidden; }
.picasify-scene .preview-sidebar { background:#f4ede3; padding:1.7cqw 1cqw; font-size:.85cqw; }
.picasify-scene .preview-sidebar>img { display:block; width:8.6cqw; height:auto; margin-bottom:2.2cqw; }
.picasify-scene .preview-sidebar>div { display:flex; align-items:center; gap:.65cqw; padding:.85cqw .6cqw; margin-bottom:.25cqw; white-space:nowrap; }
.picasify-scene .preview-sidebar .ui-icon { width:1.1cqw; height:1.1cqw; flex-shrink:0; }
.picasify-scene .preview-selected { background:#efdfcd; border-radius:0.513699cqw; font-weight:600; }
.picasify-scene .preview-content { padding:1.8cqw 1.9cqw; min-width:0; }
.picasify-scene .preview-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:2.6cqw; }
.picasify-scene .preview-heading>strong { font-size:1.8cqw; letter-spacing:-.05em; }
.picasify-scene .preview-heading>span { font-size:.9cqw; padding:.6cqw 1cqw; border:0.085616cqw solid #e7e2dc; border-radius:1.712329cqw; }
.picasify-scene .preview-metrics { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:1cqw; margin-bottom:3cqw; }
.picasify-scene .preview-metrics>div { display:flex; flex-direction:column; gap:.8cqw; }
.picasify-scene .preview-metrics>div+div { padding-left:1.3cqw; border-left:0.085616cqw solid #e9e2d9; }
.picasify-scene .preview-metrics span { display:flex; align-items:center; gap:.55cqw; color:#777; font-size:.9cqw; }
.picasify-scene .preview-metrics strong { font-size:2.1cqw; letter-spacing:-.06em; white-space:nowrap; }
.picasify-scene .preview-metrics>div:first-child strong { font-size:2.55cqw; }
.picasify-scene .dot { display:inline-block; width:.7cqw; height:.7cqw; border-radius:50%; flex-shrink:0; }
.picasify-scene .dot.teal { background:#4ab0a7; }
.picasify-scene .dot.amber { background:#ffb332; }
.picasify-scene .dot.coral { background:#ff7b63; }
.picasify-scene .dot.mint { background:#9ad4cb; }
.picasify-scene .dot.beige { background:#d5c8b7; }
.picasify-scene .dot.gray { background:#e6e1da; }
.picasify-scene .preview-charts { display:grid; grid-template-columns:1.1fr 1fr; gap:1.7cqw; margin-bottom:1.8cqw; }
.picasify-scene .preview-content h3 { font:700 1.25cqw/1.3 "Helvetica Neue",Arial,sans-serif; letter-spacing:-.03em; margin:0 0 1.6cqw; }
.picasify-scene .preview-work>div { display:grid; grid-template-columns:1fr auto; font-size:.85cqw; margin-bottom:1cqw; gap:.5cqw; }
.picasify-scene .preview-work b { font-weight:500; }
.picasify-scene .work-bar { display:block; grid-column:1/-1; height:.7cqw; border-radius:0.342466cqw; background:#ffb332; }
.picasify-scene .work-bar-first { width:100%; }
.picasify-scene .work-bar-second { width:19.08%; background:#820d2c; }
.picasify-scene .work-bar-third { width:6.86%; background:#4ab0a7; }
.picasify-scene .preview-categories { padding-left:1.5cqw; border-left:0.085616cqw solid #e9e2d9; }
.picasify-scene .preview-category-body { display:flex; align-items:center; gap:1cqw; }
.picasify-scene .preview-donut { width:9cqw; aspect-ratio:1; border-radius:50%; background:conic-gradient(#4ab0a7 0 48%,#ffb332 48% 70%,#9ad4cb 70% 85%,#d5c8b7 85% 94%,#e6e1da 94% 100%); display:grid; place-items:center; flex-shrink:0; }
.picasify-scene .preview-donut>span { display:flex; flex-direction:column; align-items:center; justify-content:center; width:62%; height:62%; background:#fff; border-radius:50%; font-size:1.6cqw; font-weight:600; }
.picasify-scene .preview-donut small { font-size:.65cqw; font-weight:400; color:#777; }
.picasify-scene .preview-categories ul { list-style:none; padding:0; flex:1; }
.picasify-scene .preview-categories li { display:flex; align-items:center; gap:.4cqw; font-size:.7cqw; margin:.65cqw 0; }
.picasify-scene .preview-categories b { margin-left:auto; font-weight:400; }
.picasify-scene .preview-recent { background:#edf7f5; padding:1.2cqw; border-radius:1.027397cqw; }
.picasify-scene .preview-recent h3 { margin-bottom:1.2cqw; }
.picasify-scene .preview-table-head, .picasify-scene .preview-table-row { display:grid; grid-template-columns:1.35fr 1fr .8fr .7fr; align-items:center; gap:.8cqw; font-size:.7cqw; }
.picasify-scene .preview-table-head { color:#6e817e; margin-bottom:.7cqw; padding:0 .5cqw; }
.picasify-scene .preview-table-row { padding:.7cqw .5cqw; background:#fff; border-bottom:0.085616cqw solid #f0f2ee; }
.picasify-scene .preview-table-row:nth-child(3) { border-radius:0.599315cqw 0.599315cqw 0 0; }
.picasify-scene .preview-table-row:last-child { border-radius:0 0 0.599315cqw 0.599315cqw; border:0; }
.picasify-scene .preview-table-row>span { display:flex; align-items:center; gap:.5cqw; white-space:nowrap; }
.picasify-scene .preview-table-row .ui-icon { width:1.05cqw; height:1.05cqw; }
.picasify-scene .preview-table-row>strong, .picasify-scene .preview-table-head>span:last-child { text-align:right; white-space:nowrap; }
.picasify-scene .paper-stack { position:absolute; top:8%; bottom:0; left:0; width:16%; z-index:1; }
.picasify-scene .sample-paper { background:#fffdfa; box-shadow:0 0.428082cqw 0.856164cqw #56483522; padding:1.5cqw 1cqw 2cqw; font:.7cqw/1.5 "SFMono-Regular",Consolas,monospace; text-align:center; color:#59564e; position:relative; }
.picasify-scene .sample-paper:after { content:""; position:absolute; height:0.599315cqw; bottom:-0.428082cqw; left:0; right:0; background:linear-gradient(135deg,#fffdfa 25%,transparent 25%) -0.428082cqw 0,linear-gradient(225deg,#fffdfa 25%,transparent 25%) -0.428082cqw 0; background-size:0.856164cqw 0.856164cqw; }
.picasify-scene .hotel-paper { transform:rotate(-8deg); }
.picasify-scene .cafe-paper { transform:rotate(5deg); margin-top:2cqw; }
.picasify-scene .sample-paper>strong { display:block; font-size:1cqw; margin-bottom:.7cqw; }
.picasify-scene .sample-paper>span { display:block; font-size:.6cqw; }
.picasify-scene .sample-paper>span.paper-mark { font-size:1.7cqw; font-family:Georgia,serif; }
.picasify-scene .sample-paper hr { border:0; border-top:0.085616cqw dashed #b7afa2; margin:1cqw 0; }
.picasify-scene .sample-paper>div { display:flex; justify-content:space-between; margin:.45cqw 0; font-size:.65cqw; }
.picasify-scene .sample-paper b { font-weight:500; }
.picasify-scene .sample-paper .paper-total { margin-top:1cqw; font-weight:700; }
.picasify-scene .sample-paper .paper-total b { font-weight:700; }
.picasify-scene .preview-phone { position:absolute; z-index:2; top:9%; right:0; width:22%; height:91%; border:0.428082cqw solid #242323; border-radius:2.825342cqw; background:#fffcf8; box-shadow:0 0 0 0.171233cqw #bdbab5,0 0.684932cqw 1.712329cqw #29252225; overflow:hidden; padding:.8cqw .65cqw; display:flex; flex-direction:column; }
.picasify-scene .phone-status { display:flex; justify-content:space-between; align-items:center; padding:0 .4cqw; font-size:.6cqw; position:relative; height:1.6cqw; }
.picasify-scene .phone-island { background:#161616; border-radius:1.712329cqw; width:38%; height:1.3cqw; }
.picasify-scene .phone-nav { display:flex; align-items:center; justify-content:space-between; margin:.9cqw .2cqw; font-size:.8cqw; }
.picasify-scene .phone-nav>span { font-size:2cqw; line-height:1; }
.picasify-scene .phone-nav .ui-icon { width:1.1cqw; height:1.1cqw; }
.picasify-scene .phone-paper { background:#f1e9dd; height:12cqw; overflow:hidden; padding:1.1cqw 3.1cqw; flex-shrink:0; }
.picasify-scene .mini-receipt { padding:1.1cqw .7cqw; background:#fffefa; box-shadow:0 0.171233cqw 0.513699cqw #52473924; transform:rotate(-5deg); font:.5cqw/1.8 monospace; text-align:center; }
.picasify-scene .mini-receipt>b { display:block; font-size:.6cqw; }
.picasify-scene .mini-receipt>span { font-size:.4cqw; }
.picasify-scene .mini-receipt hr { margin:.8cqw 0; border:0; border-top:0.085616cqw dashed #b6ada2; }
.picasify-scene .mini-receipt>div { display:flex; justify-content:space-between; }
.picasify-scene .mini-receipt b { font-weight:600; }
.picasify-scene .phone-details { padding:1cqw .2cqw 0; display:flex; flex:1; flex-direction:column; min-height:0; }
.picasify-scene .phone-details>strong { font-size:1cqw; }
.picasify-scene .phone-details>small { font-size:.65cqw; color:#777; margin:.3cqw 0 .4cqw; }
.picasify-scene .phone-amount { font-size:1.8cqw; letter-spacing:-.05em; margin-bottom:.65cqw; }
.picasify-scene .phone-line { display:flex; align-items:center; gap:.55cqw; padding:.85cqw 0; border-bottom:0.085616cqw solid #e9e2d9; font-size:.75cqw; }
.picasify-scene .phone-line>span { flex:1; }
.picasify-scene .phone-line b { font-weight:500; }
.picasify-scene .phone-line small { display:block; color:#820d2c; font-size:.6cqw; margin-top:.2cqw; }
.picasify-scene .preview-switch { width:2cqw; height:1.1cqw; border-radius:1.712329cqw; background:#820d2c; position:relative; }
.picasify-scene .preview-switch:after { content:""; width:.85cqw; height:.85cqw; background:white; border-radius:50%; position:absolute; right:.12cqw; top:.12cqw; }
.picasify-scene .preview-switch.off { background:#d9d7d2; }
.picasify-scene .preview-switch.off:after { left:.12cqw; right:auto; }
.picasify-scene .phone-allocation { display:flex; gap:1.6cqw; border-radius:0.599315cqw; background:#edf7f5; padding:.6cqw; margin-top:.8cqw; font-size:.65cqw; }
.picasify-scene .phone-allocation b { display:block; font-size:.85cqw; margin-top:.2cqw; }
.picasify-scene .phone-save { display:block; flex-shrink:0; margin-top:.8cqw; padding:.8cqw .4cqw; text-align:center; font-size:.85cqw; font-weight:600; background:#820d2c; color:white; border-radius:0.684932cqw; }
.picasify-scene .phone-home-bar { height:.3cqw; width:40%; border-radius:0.256849cqw; background:#222; margin:.7cqw auto 0; flex-shrink:0; }
.picasify-scene figcaption { text-align:center; font-size:11px; color:#77716b; margin-top:16px; }