.demo-app .demo-context{font-size:12px;line-height:1.6;color:#62755d;margin:0 0 20px}.demo-badge{font-size:12px;color:#446144;padding:7px 11px;background:#eaf1df;border-radius:7px}.demo-sidebar-brand{display:block;padding:10px 8px 30px}.demo-sidebar-brand img{width:150px;height:auto}.demo-sidebar-exit{margin-top:auto;padding:16px 12px;font-size:13px;color:#315641}.demo-role{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0 22px}.demo-role>span{font-size:12px;color:#5b705d}.demo-role button{min-height:38px;padding:7px 13px;background:#edf3e5;color:#183c33;border:1px solid #ccd9c3;font-size:12px;margin:0}.demo-role button[aria-pressed=true]{background:#183c33;color:#fff}.demo-directory-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #d9e3d2}.demo-directory-row button{min-width:44px;padding:9px}.demo-directory-row strong{font-size:14px}.demo-form-shade{position:fixed;inset:0;background:#173b3259;z-index:10000}.demo-dialog{z-index:10001;background:#fffef9;color:#183c33;width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 24px);position:fixed;inset:12px 0;margin:auto;border:1px solid #d2dfc9;border-radius:18px;padding:24px;overflow-y:auto;box-sizing:border-box;height:fit-content}.demo-dialog>header{position:sticky;top:-24px;display:flex;justify-content:space-between;align-items:center;gap:18px;background:#fffef9;padding:12px 0;margin:-12px 0 20px;z-index:2}.demo-dialog h2{font-size:22px;margin:0}.demo-dialog header button{margin:0;min-width:42px;background:#eaf1df;color:#183c33;font-size:22px}.demo-dialog label{font-size:14px;margin-bottom:15px}.demo-dialog input,.demo-dialog select,.demo-dialog textarea{font-size:16px}.demo-dialog fieldset{border:1px solid #d6e2cd;border-radius:12px;padding:16px}.demo-dialog .photo-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.demo-dialog .actions{display:flex;gap:10px}.demo-view-hint{font-size:13px;line-height:1.7;color:#5a705e}.demo-app #demo-content{min-width:0}.demo-app #demo-content>h2{font-size:25px}.demo-app .photo-stage h3{font-size:17px}.demo-app #orders{padding:0;list-style:none}.demo-app .order-open{display:block;width:100%;position:relative;text-align:left;background:transparent;color:inherit}.demo-app .order-title,.demo-app .order-service,.demo-app .order-date{display:block}.demo-app .order-title{padding-right:32px}.demo-app .metric[aria-pressed=true]{outline:0}.demo-app #demo-content .status{font-size:12px}.demo-app .watermark-preview-wrap canvas{max-width:100%;height:auto;max-height:440px}.demo-app .header-cta{font-size:13px}.demo-app .management-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}@media(max-width:700px){.demo-sidebar-brand,.demo-sidebar-exit{display:none}.demo-app .site-header{gap:12px;padding:15px 18px;flex-wrap:wrap}.demo-app .brand-logo{width:125px;height:auto}.demo-app .header-actions{gap:9px}.demo-app .header-actions .nav-link{display:none}.demo-badge{display:none}.demo-app .header-cta{padding:10px;font-size:11px}.demo-app .management-heading h1{font-size:26px}.demo-app .management-heading>button{font-size:12px;padding:10px 12px;white-space:nowrap}.demo-dialog{padding:18px}.demo-dialog>header{top:-18px}.demo-dialog .photo-counts{grid-template-columns:1fr}.demo-app .demo-role{margin-bottom:20px}.demo-app .demo-context{font-size:11px}.demo-app #orders li{padding:14px}.demo-app #management-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1}.demo-app #management-nav button>.icon{margin:0}.demo-app .watermark-preview-wrap canvas{max-height:200px}}

.demo-app .header-actions .demo-exit{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #adc29c;color:#183c33;background:#edf4e3;white-space:nowrap}.demo-app .site-header .brand{flex-shrink:0}@media(max-width:420px){.demo-app .site-header{padding:12px 14px;gap:8px;flex-wrap:nowrap}.demo-app .brand-logo{width:120px}.demo-app .header-actions .demo-exit{font-size:11px;padding:10px}}