.demo-switch{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.demo-switch button{border:1px solid var(--border);min-height:44px;color:var(--muted);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:630;display:inline-flex}.demo-switch button:hover{background:var(--accent-soft)}.demo-switch button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-hover);border-color:#afa1d4}.demo-toolbar .demo-context{color:var(--accent-hover);margin:0 0 5px;font-size:12px;font-weight:650}.proof{font-size:13px}.revision-select{flex-shrink:0;width:min(100%,175px)}.review-layout{grid-template-columns:minmax(0,1.6fr) minmax(235px,1fr);gap:14px;display:grid}.review-notes{border:1px solid var(--border);background:#fff;border-radius:12px;align-content:start;gap:10px;padding:16px;display:grid}.review-notes h4{font-size:15px;font-weight:700}.review-notes>button{justify-self:start}.review-notes>button[aria-pressed=true]{color:#31553b;background:#e9f3ea;border-color:#a6bca7}.review-comment{color:#4c4351;overflow-wrap:anywhere;background:#f1eee9;border-radius:8px;padding:8px 11px;font-size:13px}.review-comment-list{gap:7px;max-height:180px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.review-comment-list:empty{display:none}.review-form{justify-items:start;gap:7px;display:grid}.review-form .field{width:100%}.client-gallery-demo{background:#f8f7f0}.client-gallery-cover,.wedding-preview-cover{isolation:isolate;text-align:center;color:#fff;aspect-ratio:2.6;background:#493a33;border-radius:12px;place-items:center;width:100%;min-height:220px;display:grid;position:relative;overflow:hidden}.client-gallery-cover img,.wedding-preview-cover img{z-index:-2;object-position:center 55%}.client-gallery-cover:after,.wedding-preview-cover:after{content:"";z-index:-1;background:#23182187;position:absolute;inset:0}.client-gallery-cover p,.wedding-preview-cover p{letter-spacing:.07em;font-size:13px;font-weight:650}.client-gallery-cover h3,.wedding-preview-cover h3{font:400 clamp(43px,7vw,96px)/.94 var(--serif);margin:7px 0;padding-inline:10px}.client-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:9px;display:grid}.client-gallery-grid button{aspect-ratio:1.1;background:#eee4d8;border:0;border-radius:8px;padding:0;display:block;position:relative;overflow:hidden}.client-gallery-grid img{transition:scale .25s var(--ease)}@media (hover:hover){.client-gallery-grid button:hover img{scale:1.045}}.photo-dialog{border:1px solid var(--border);background:var(--bg);width:min(92vw,900px);max-height:92dvh;color:var(--ink);border-radius:16px;margin:auto;padding:13px}.photo-dialog::backdrop{background:#211c2ad9}.photo-dialog-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;font-weight:700;display:flex}.dialog-photo{background:#25212b;border-radius:9px;height:min(62dvh,560px);min-height:160px;position:relative;overflow:hidden}.dialog-photo img{object-fit:contain}.wedding-demo{background:#f1e9e2}.wedding-preview{color:#4d3330;width:100%;max-width:980px;box-shadow:var(--shadow);background:#fffaf2;border:1px solid #d9c5b5;border-radius:14px;margin-inline:auto;overflow:hidden}.wedding-preview-phone{border:5px solid #453336;border-radius:22px;max-width:320px}.wedding-preview-cover{border-radius:0}.wedding-preview-phone .wedding-preview-cover{aspect-ratio:.84;align-items:end;min-height:320px;padding-bottom:22px}.wedding-preview-phone .wedding-preview-cover h3{font-size:51px}.wedding-preview-content{padding:15px}.wedding-preview-content>.chip{margin:auto;display:flex}.wedding-preview-content ul{gap:8px;margin:13px 0 0;padding:0;list-style:none;display:grid}.wedding-preview-content li{background:#f3e9dd;border-radius:7px;gap:3px;padding:9px 11px;display:grid}.wedding-preview-content li span,.wedding-preview-content li small{font-size:12px}.wedding-preview-content li small{align-items:center;gap:4px;display:flex}.data-demo{background:#f5f7fb}.data-demo .note{margin-bottom:8px}.sample-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:14px}.sample-table th,.sample-table td{text-align:left;overflow-wrap:anywhere;border-bottom:1px solid #dcdbe3;padding:12px 10px}.sample-table thead th{color:var(--muted);font-size:12px}.sample-stage{color:#3e3c61;background:#e9e8f5;border-radius:6px;padding:3px 7px;font-size:12px;font-weight:620;display:inline-block}.budget-demo{background:#f4f8f5}.budget-totals{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 12px;display:grid}.budget-totals div{background:#e7f0e9;border-radius:9px;min-width:0;padding:clamp(8px,2vw,18px)}.budget-totals dt{color:#345043;font-size:12px}.budget-totals dd{overflow-wrap:anywhere;margin:3px 0 0;font-size:clamp(14px,3vw,30px);font-weight:720;line-height:1.3}.sample-portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px;display:grid}.sample-portfolio-grid article{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden}.sample-portfolio-grid article>div{aspect-ratio:1.15;position:relative;overflow:hidden}.sample-portfolio-grid h3{font:400 30px/1 var(--serif);margin:11px 12px 4px}.sample-portfolio-grid p{color:var(--muted);margin:0 12px 12px;font-size:13px}.print-sample{color:#534435;text-align:center;background:#eadfcc;border-radius:12px;align-content:center;place-items:center;gap:17px;min-height:300px;padding:23px;display:grid}.print-sample figcaption{font-size:13px}.print-sample-book{width:min(100%,400px);transform:rotate(-3deg);container-type:inline-size}.print-sample-stack{place-items:center;width:min(100%,400px);min-height:175px;display:grid;position:relative}.print-sample-stack span{aspect-ratio:.94;border:6px solid #fff8ee;width:40%;position:absolute;transform:translate(-55%)rotate(-12deg);box-shadow:0 5px 18px #30201240}.print-sample-stack span:nth-child(2){transform:translate(55%)rotate(12deg)}.print-sample-stack span:last-child{transform:rotate(3deg)}.print-sample-frame{background:#fff7ed;border:8px solid #63442f;width:min(70%,218px);padding:13px;box-shadow:0 5px 18px #30201240}.print-sample-frame div{aspect-ratio:.83;position:relative}@media (max-width:760px){.review-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.demo-toolbar{flex-wrap:wrap}.revision-select{width:100%}.client-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-portfolio-grid{grid-template-columns:minmax(0,1fr)}.sample-portfolio-grid article>div{aspect-ratio:1.6}.sample-table{font-size:12px}.sample-table th,.sample-table td{padding:8px 5px}.sample-stage{padding:3px 4px;font-size:11px}.budget-totals dd{font-size:clamp(13px,4vw,19px)}}
