.cs-contract-preview{box-sizing:border-box;width:min(1100px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;padding:0;border:1px solid #c9bea5;border-radius:12px;background:#f7f3e9;color:#16382b;overflow:auto;font:15px/1.5 Arial,sans-serif}
.cs-contract-preview::backdrop{background:rgba(12,27,20,.65)}
.cs-contract-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#16382b;color:#fff;position:sticky;top:0;z-index:2}
.cs-contract-preview-head h2{font:600 21px/1.3 Georgia,serif;margin:0}
.cs-contract-preview button{min-height:44px;padding:8px 12px;border:1px solid #c9bea5;border-radius:6px;background:#fff;color:#16382b;font:600 14px/1.2 Arial,sans-serif;cursor:pointer}
.cs-contract-preview button:disabled{opacity:.45;cursor:default}
.cs-contract-preview button:focus-visible{outline:3px solid #b9922f;outline-offset:2px}
.cs-contract-preview-note{padding:0 18px;margin:12px 0;font-size:14px}
.cs-contract-preview-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 18px}
.cs-contract-preview-tools span{min-width:58px;text-align:center;font-variant-numeric:tabular-nums}
.cs-contract-preview-status{font-size:13px;margin:8px 18px}
.cs-contract-preview-stage{padding:12px;overflow:auto;background:#dddcd6;min-height:240px;text-align:center}
.cs-contract-preview-stage canvas{display:block;margin:auto;box-shadow:0 2px 14px #0002;background:#fff;max-width:none}
@media(max-width:600px){.cs-contract-preview{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding-bottom:env(safe-area-inset-bottom)}.cs-contract-preview-head{padding:calc(10px + env(safe-area-inset-top)) 12px 10px}.cs-contract-preview-head h2{font-size:19px}.cs-contract-preview-tools{padding:0 12px;gap:6px}.cs-contract-preview-note{padding:0 12px}.cs-contract-preview-tools button{padding:8px 10px}.cs-contract-preview-stage{padding:12px}}