.draft-dialog{width:min(850px,calc(100vw - 32px));max-height:88dvh;padding:0;border:1px solid #bfcbaa;border-radius:22px;background:#f2f4ea;color:#293724;overflow:auto}.draft-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:32px;background:#253322;color:#f1f5e7}.draft-heading .eyebrow{color:#cfee9c}.draft-heading h2{font-size:clamp(28px,4vw,40px);line-height:1.15;margin:14px 0;font-weight:500;letter-spacing:-1px}.draft-heading p{font-size:13px;color:#c0cdb5;line-height:1.6;max-width:470px}.draft-heading .round-close{background:#3a4c30;color:#e0efca;flex-shrink:0}.draft-body{padding:28px 32px}.draft-input{display:flex;gap:10px;margin:10px 0}.draft-input input{min-width:0;flex:1;border:1px solid #c9d4bc;border-radius:10px;background:#fcfdf7;color:#293724;padding:14px;font:inherit}.draft-input .primary{font-size:12px;gap:20px}.draft-body label{font-size:13px;font-weight:600}.draft-body small{font-size:11px;color:#69765f}.draft-card{display:grid;grid-template-columns:125px minmax(0,1fr) auto;align-items:center;gap:20px;border:1px solid #d4deca;border-radius:15px;padding:18px;background:#fafcf5;margin:14px 0}.draft-previews{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#e8eede;border-radius:12px;padding:5px}.draft-previews .material-image{display:block;width:52px;height:52px;mix-blend-mode:multiply}.draft-previews .material-image:first-child{grid-column:1/-1;width:100%;height:70px}.draft-card h3{font-size:20px;line-height:1.3;overflow-wrap:anywhere;margin:8px 0}.draft-card p{font-size:11px;line-height:1.6;color:#68785c;margin-bottom:12px}.draft-card strong{font-size:21px;font-weight:500}.draft-card .eyebrow{font-size:8px;letter-spacing:1px}.draft-card-actions{display:grid;gap:12px}.draft-card-actions .primary{font-size:11px;padding:14px;gap:16px}.draft-empty{text-align:center;padding:40px 10px;color:#627055}.draft-empty>span{display:inline-grid;place-items:center;width:65px;height:65px;border-radius:18px;background:#e3edcf;font-size:35px;color:#6e893f}.draft-empty h3{font-size:22px;color:#314329;margin:16px 0 10px}.draft-empty p{font-size:13px;line-height:1.8}.draft-footnote{font-size:11px;line-height:1.7;color:#75826b;border-top:1px solid #d4deca;padding-top:18px;margin-top:22px}#draft-message:not(:empty){padding:13px 15px;margin-top:16px;border-radius:10px;background:#e3edcf;color:#354c27;font-size:13px;line-height:1.6}.draft-cart-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#edf3e2;border:1px solid #d6e0c9;border-radius:10px;padding:12px 16px;margin:14px 0}.draft-cart-tools>span{font-size:11px;color:#718063}.draft-cart-tools button{font-size:12px}.draft-dialog button{transition:background .3s,box-shadow .3s,transform .3s}.draft-dialog button:hover{transform:translateY(-2px);box-shadow:0 5px 12px #23351c16}.draft-dialog button:active{transform:translateY(0)}
@media(max-width:600px){.draft-heading,.draft-body{padding:22px}.draft-input{flex-direction:column}.draft-card{grid-template-columns:75px minmax(0,1fr);gap:14px;padding:14px}.draft-previews .material-image{width:28px;height:28px}.draft-previews .material-image:first-child{height:50px}.draft-card-actions{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center}.draft-cart-tools{align-items:flex-start;flex-direction:column;gap:7px}}
.draft-input>.primary{width:auto;flex:0 0 auto}.draft-dialog{scrollbar-width:thin;scrollbar-color:#819561 #edf1e4}.draft-dialog::-webkit-scrollbar{width:8px}.draft-dialog::-webkit-scrollbar-track{background:#edf1e4}.draft-dialog::-webkit-scrollbar-thumb{background:#819561;border:2px solid #edf1e4;border-radius:10px}.draft-dialog::-webkit-scrollbar-button{display:none}