.sketch-canvas{position:absolute;inset:0 auto auto 0;width:375px;height:812px;transform:scale(.986666667);transform-origin:top left;overflow:hidden;background:#faf7f0;color:#92794e;font-family:-apple-system,'PingFang SC',sans-serif}.sketch-bg{position:absolute;inset:0;width:375px;height:812px;pointer-events:none}.sketch-hot{position:absolute;border:0;background:transparent;color:transparent;padding:0;cursor:pointer}.sketch-hot:focus-visible{outline:3px solid #3477e8}.sketch-input{position:absolute;border:0;outline:none;background:transparent;color:#b68a4c;text-align:right;border-radius:4px;padding:0 3px;font-size:14px}.sketch-input::placeholder{color:#d4ba95}.sketch-wish{left:59px;top:486px;width:255px;height:57px;text-align:left;resize:none;padding-top:9px}.sketch-total{position:absolute;left:151px;top:586px;width:160px;height:66px;color:#b68a4c;font-size:43px;line-height:63px;white-space:nowrap;overflow:hidden}.sketch-total.long{font-size:27px}.sketch-submit,.sketch-cancel{position:absolute;top:697px;height:41px;border-radius:24px;width:140px;font-size:14px;font-weight:600}.sketch-submit{left:197px;background:#ffe8aa;color:#b1884c;border:0}.sketch-submit:disabled{background:#ff8775;color:#df715e}.sketch-cancel{left:38px;background:#ff6058;border:1px solid #f8d18e;color:#fff1c4}.sketch-error{position:absolute;top:554px;left:49px;right:49px;color:#b24539;font-size:11px;line-height:1.4;min-height:16px}.ui-review-tools{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.ui-review-tools .btn{background:#fff8ee;border-color:#ead8b6;color:#886b37}.sketch-tab{position:absolute;top:290px;height:42px;width:96px;border:0;background:transparent;color:transparent;border-radius:22px}.sketch-recipient{left:189px;top:409px;width:125px;height:42px;background:#fff7eb;color:#b58a4d;border:0;text-align:right;font-size:14px}.sketch-modal-shade{position:absolute;inset:0;background:#0005}.sketch-modal{position:absolute;left:31px;right:31px;top:266px;border-radius:15px;background:white;padding:23px;color:#29394c;text-align:center;font-size:13px}.sketch-modal h4{font-size:17px;margin:0 0 12px}.sketch-modal p{line-height:1.8;color:#718097}.sketch-modal .modal-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}.person-row{display:block;width:100%;border:0;background:#f5f7fa;border-radius:8px;padding:11px;margin:8px 0;color:#365b87}.ui-demo-note{position:absolute;left:38px;right:38px;bottom:80px;background:#fff;padding:13px 15px;border-radius:8px;color:#637087;font-size:12px;line-height:1.6}.pay-amount{position:absolute;left:116px;top:267px;font-size:38px;width:185px;line-height:53px;color:#272727}.pay-auth-amount{left:123px;top:306px}.pay-steps{position:absolute;left:36px;right:36px;top:518px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pay-meta{position:absolute;right:20px;text-align:right;font-size:12px;color:#929292;min-width:200px}.ledger-stat{position:absolute;top:191px;width:176px;color:#fff;text-align:center;font-size:29px;font-weight:600;line-height:43px}.ledger-stat.left{left:8px}.ledger-stat.right{right:6px}.ledger-label{position:absolute;top:239px;width:180px;font-size:14px;color:#fff;text-align:center}.ledger-label.left{left:5px}.ledger-label.right{right:5px}.ledger-tabs{position:absolute;left:0;right:0;top:282px;height:44px;display:flex;background:#fff}.ledger-tabs button{width:50%;border:0;background:white;font-size:14px;color:#282828;position:relative}.ledger-tabs button.active{font-weight:600}.ledger-tabs button.active:after{content:'';position:absolute;bottom:0;height:3px;background:#ff7569;width:28px;left:calc(50% - 14px)}.ledger-list{position:absolute;top:326px;left:0;width:375px;height:486px;background:white;overflow:auto;overscroll-behavior:contain}.ledger-row{width:100%;border:0;border-bottom:1px solid #f1f1f1;background:white;padding:13px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;color:#303030;text-align:left;font-size:14px;line-height:1.5}.ledger-row .date{font-size:11px;color:#a0a0a0}.ledger-row .value{text-align:right;align-self:center;grid-column:2;grid-row:1/3}.ledger-kind{display:inline-block;background:#ff8f7e;color:white;border-radius:3px;font-size:10px;padding:0 2px;margin-left:5px}.ledger-state{color:#ad8056}.ledger-end{padding:19px;text-align:center;font-size:12px;color:#a1a1a1}.ledger-error{padding:24px;text-align:center;color:#969696;font-size:13px}.ledger-empty{padding:105px 20px;text-align:center;color:#999;font-size:14px}.ledger-empty strong{display:block;font-weight:500;color:#777;margin-bottom:8px}.detail-name{position:absolute;left:42px;right:42px;top:174px;text-align:center;font-size:14px}.detail-wish{position:absolute;left:50px;right:50px;top:202px;text-align:center;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-amount{position:absolute;left:45px;right:45px;top:242px;text-align:center;font-size:47px;color:#b78b4b;line-height:64px}.detail-caption{position:absolute;left:25px;right:25px;top:310px;text-align:center;font-size:12px}.detail-progress{position:absolute;left:20px;right:20px;top:367px;font-size:12px}.detail-list{position:absolute;left:0;right:0;top:396px;bottom:64px;background:#fcf8f1;overflow:auto}.detail-person{padding:15px 20px;border-top:1px solid #f1ece3;display:grid;grid-template-columns:1fr auto;gap:4px;color:#968468;font-size:14px}.detail-person small{font-size:11px;color:#a1957e}.detail-foot{position:absolute;bottom:18px;left:25px;right:25px;text-align:center;font-size:11px;color:#b69468}.detail-refund{margin:20px;background:#fff2db;padding:14px;border-radius:8px;font-size:12px;line-height:1.8}.design-evidence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}.design-evidence-grid figure{margin:0}.design-evidence-grid img{width:100%;display:block;border:1px solid #e4e7eb;border-radius:9px}.design-evidence-grid figcaption{font-size:12px;color:#6a7990;margin-top:8px}.ui-source-pill{font-size:11px;color:#8a724d}.ui-comparison{display:grid;grid-template-columns:375px 375px;gap:25px;align-items:start;padding:24px}.ui-comparison img{width:375px}.ui-comparison .sketch-canvas{position:relative;transform:none}.ui-comparison h3{margin:0 0 12px;font-size:15px}.ui-qa-mode .page,.ui-qa-mode .compare-only{display:none}.ui-qa-mode{background:#edf1f6}
@media(max-width:900px){.design-evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.design-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sketch-recipient{position:absolute}.pay-amount{top:279px;line-height:46px}.pay-auth-amount{top:318px}.sketch-canvas .sketch-error{top:660px}.sketch-wish::placeholder{color:#d4ba95}
.detail-name,.detail-caption{background:#fcf8f1;padding:2px 0}.detail-name{left:20px;right:20px}.detail-caption{left:0;right:0}
.sketch-input[data-field="amount"]{top:347px!important;height:28px!important}.sketch-input[data-field="count"]{top:404px!important;height:28px!important}
.journey-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.journey-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.journey-nav .btn{background:#edf3ff;color:#225dcc}.records-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.records-grid>article{min-width:0}.records-grid h3{font-size:17px}.records-grid p{font-size:12px;color:#66758a;margin:6px 0 14px;min-height:40px}.record-preview{width:100%;max-width:375px;position:relative;overflow:hidden;border-radius:12px;border:1px solid #e5e9ef;margin:0 auto 14px}.record-preview .sketch-canvas{transform-origin:top left}.records-grid .btn{display:block;margin:auto}.case-group th{background:#e8effa;color:#284f86}.ui-review-tools a{text-decoration:none}
@media(max-width:1100px){.records-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.records-grid{grid-template-columns:1fr}.journey-flow{grid-template-columns:1fr}.records-grid p{min-height:0}}
.journey-nav .btn.active{background:#225dcc;border-color:#225dcc;color:white}
.flow.journey-flow{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:700px){.flow.journey-flow{grid-template-columns:1fr}}