.demo-controls{margin-bottom:28px}.demo-banner{background:#f4ecd8;border:1px solid #d9c99e;border-radius:8px 8px 0 0;align-items:center;gap:18px;padding:22px 26px;display:flex}.demo-symbol{color:#8a713b;background:#fffaf0;border:1px solid #d9c99e;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.demo-banner>div{flex:1;min-width:0}.demo-banner h2{letter-spacing:-.5px;margin-bottom:5px;font-size:32px}.demo-banner p{font-size:var(--font-ui,16px);color:#70664f;line-height:1.6}.demo-banner>.button{font-size:var(--font-ui,16px);border-color:#cfc5a9;flex-shrink:0;min-height:46px;padding:11px 17px}.demo-workbench{background:var(--paper);border:1px solid #d9dccc;border-radius:8px}.demo-workbench>summary,.demo-history>summary{cursor:pointer;min-height:52px;color:var(--olive);font-size:var(--font-ui,16px);justify-content:space-between;align-items:center;gap:15px;font-weight:550;list-style:none;display:flex}.demo-workbench>summary::-webkit-details-marker{display:none}.demo-history>summary::-webkit-details-marker{display:none}.demo-workbench>summary:after,.demo-history>summary:after{content:"+";color:#768363;font-size:24px;font-weight:400}.demo-workbench[open]>summary:after,.demo-history[open]>summary:after{content:"−"}.demo-workbench>summary{padding:16px 24px}.demo-workbench>summary>span,.demo-history>summary>span{align-items:center;gap:10px;display:inline-flex}.demo-workbench-body{border-top:1px solid var(--line);padding:24px}.demo-payment-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:18px;display:grid}.demo-payment-form .field{margin:0}.demo-payment-form .field label{font-size:var(--font-ui,16px)}.demo-payment-form input,.demo-payment-form select{font-size:var(--font-ui,16px);min-width:0;min-height:48px;padding:11px 12px}.demo-payment-form>.button{font-size:var(--font-ui,16px);grid-column:1/-1;justify-self:start;min-height:48px;padding:12px 18px}.demo-impact{font-size:var(--font-ui,16px);color:var(--text);margin:18px 0 22px;line-height:1.65}.demo-impact strong{color:var(--olive);font-weight:550}.demo-impact>span{font-size:var(--font-small,14px);margin-top:4px;display:block}.demo-limit,.demo-workbench-body>.notice{font-size:var(--font-ui,16px);margin-bottom:18px}.demo-limit{color:#927541}.demo-history{border-top:1px solid var(--line);margin-top:18px}.demo-history>summary{padding:15px 0}.demo-history>summary>small{font-size:var(--font-small,14px);color:var(--text);margin-left:auto;font-weight:400}.demo-history .data-table{min-width:710px}.demo-history .data-table td,.demo-history .data-table th,.demo-history .data-table small,.demo-controls .badge{font-size:var(--font-small,14px)}.demo-history .data-table td{padding:16px 12px}.demo-history .data-table td:nth-child(2){white-space:nowrap}.demo-history-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.demo-history-actions>.button{min-height:44px;font-size:var(--font-small,14px);gap:7px;padding:9px 12px}.demo-history-actions>.muted{font-size:var(--font-small,14px)}.demo-controls .status-failed{color:#a77160;background:#f9eae4}.demo-history-note{font-size:var(--font-small,14px);color:var(--text)}.demo-history-more{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 0 4px;display:flex}.demo-history-more>.text-link,.demo-reset-row .text-link{min-height:44px;font-size:var(--font-ui,16px);flex-shrink:0;padding:9px 0}.demo-reset-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding-top:14px;display:flex}.demo-reset-row>span{font-size:var(--font-small,14px);color:var(--text)}.demo-entry{padding-bottom:24px}.demo-entry .text-link{min-height:44px;font-size:var(--font-ui,16px);color:#80704d}.demo-checkout{text-align:center;flex-direction:column;align-items:stretch;gap:14px;padding:5px 0;display:flex}.demo-checkout>.heart-circle{color:#9a8047;background:#f6eedb;border-color:#d9c99e;width:54px;height:54px;margin:0 auto 4px}.demo-checkout h3{font-family:var(--serif);font-size:32px;font-weight:400;line-height:1.2}.demo-checkout>p{color:var(--text);font-size:var(--font-ui,16px);margin:0 0 8px;line-height:1.7}.demo-checkout>.notice{text-align:left;margin:0}.demo-checkout>.button,.demo-checkout>.text-link{min-height:48px;font-size:var(--font-ui,16px)}.demo-checkout>.text-link{align-self:center;margin-top:2px}@media (max-width:900px){.demo-payment-form{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-banner{flex-wrap:wrap}.demo-banner>div{flex-basis:calc(100% - 66px)}.demo-banner>.button{margin-left:66px}}@media (max-width:620px){.demo-controls{margin-bottom:22px}.demo-banner{align-items:flex-start;gap:12px;padding:20px 18px}.demo-symbol{width:44px;height:44px}.demo-banner>div{flex-basis:calc(100% - 56px)}.demo-banner h2{font-size:29px}.demo-banner>.button{margin-left:56px}.demo-workbench>summary{gap:10px;padding:16px 18px}.demo-workbench-body{padding:21px 18px}.demo-payment-form{grid-template-columns:1fr;gap:18px}.demo-payment-form>.button{justify-self:stretch;width:100%}.demo-history>summary{flex-wrap:wrap;gap:8px}.demo-history>summary>small{margin-left:0}.demo-reset-row{flex-direction:column;align-items:flex-start;gap:4px}.demo-checkout h3{font-size:29px}}