.export-dialog,.layout-dialog{width:min(980px,94vw);max-width:none;border:0;border-radius:16px;padding:0;color:#17201d;box-shadow:0 24px 70px #10251f4d}.export-dialog::backdrop,.layout-dialog::backdrop{background:#0e1b18a8;backdrop-filter:blur(3px)}.export-dialog form,.layout-dialog form{margin:0}.export-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5ebe8}.export-dialog-head small{color:#71817b;font-size:12px}.export-dialog-head h2{margin:3px 0 0;font-size:22px}.export-dialog-head>button{width:34px;height:34px;border:0;border-radius:9px;background:#f0f4f2;font-size:22px;cursor:pointer}.export-dialog-body{display:grid;grid-template-columns:36% 1fr;min-height:490px}.export-preview-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;background:#f3f6f4;border-right:1px solid #e4e9e7}.export-preview{position:relative;display:grid;place-items:center;width:100%;height:360px;overflow:hidden;contain:paint}.export-preview>img{display:block;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 10px 28px #17201d26}.export-preview.is-loading::after{content:"正在刷新预览…";position:absolute;inset:auto 12px 12px;padding:7px 10px;border-radius:7px;background:#17201dcc;color:#fff;text-align:center;font-size:12px}.export-preview-panel p{margin:16px 0 0;color:#64736e;font-size:13px}.export-options{padding:24px;overflow:auto}.export-summary{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px 14px;align-items:center;padding:13px 16px;background:#f6f8f7;border-radius:10px}.export-summary span{color:#70807a;font-size:12px}.export-grid,.layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.export-options label,.layout-controls label{font-size:13px;color:#53625d}.export-options select,.export-options input[type=text],.export-options input[type=number],.layout-controls select,.layout-controls input[type=number]{box-sizing:border-box;width:100%;height:38px;margin-top:7px;border:1px solid #ccd6d2;border-radius:8px;background:#fff;padding:0 10px;color:#17201d}.export-grid fieldset,.export-name,.layout-controls fieldset{margin:0;border:1px solid #d6dfdb;border-radius:9px;padding:10px 12px}.export-grid fieldset label,.export-name label,.layout-controls fieldset label{display:inline-flex;align-items:center;gap:5px;margin:5px 14px 3px 0}.export-grid input[type=radio],.export-name input[type=radio],.layout-controls input[type=radio]{width:auto;margin:0}.export-grid legend,.export-name legend,.layout-controls legend{padding:0 4px;color:#53625d;font-size:13px}.export-range{display:grid;grid-template-columns:auto 1fr 1fr 1.35fr;align-items:end;gap:10px;margin-top:18px}.export-range>span{align-self:center;color:#53625d;font-size:13px}.export-name{margin-top:18px}.export-name>input{margin-top:10px!important}.export-actions{display:flex;gap:10px;align-items:center;padding:16px 24px;border-top:1px solid #e5ebe8}.export-actions>span{flex:1}.export-progress{display:flex;align-items:center;gap:9px;margin-top:17px;color:#12684f;font-size:13px}.export-progress[hidden]{display:none!important}.export-progress i{width:16px;height:16px;border:2px solid #bed4cb;border-top-color:#12684f;border-radius:50%;animation:export-spin .7s linear infinite}@keyframes export-spin{to{transform:rotate(360deg)}}.layout-dialog{width:min(900px,94vw)}.layout-body{display:grid;grid-template-columns:1.25fr .75fr;min-height:520px}.layout-controls{padding:22px 24px;border-right:1px solid #e5ebe8}.layout-controls h3{margin:20px 0 8px;font-size:13px}.layout-custom{display:flex;gap:14px;margin-top:14px}.layout-custom label{flex:1}.layout-four{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.layout-controls fieldset{margin-top:18px}.layout-overview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;background:#f4f7f5}.layout-paper-preview{display:grid;place-items:center;width:230px;height:325px;background:#fff;box-shadow:0 8px 28px #17201d24;transition:.2s}.layout-paper-preview>span{display:grid;width:82%;height:82%;gap:3px}.layout-paper-preview i{border:1px solid #9bb7ac;background:#e3efe9}.layout-overview p{max-width:260px;margin:22px 0 0;text-align:center;color:#53625d;line-height:1.6}.export-source-stage{position:fixed!important;left:-20000px!important;top:0!important;z-index:-1!important;opacity:1!important;pointer-events:none!important}.export-source-canvas{transform:none!important;box-shadow:none!important}.export-source-canvas .canvas-element{outline:none!important}.export-source-canvas .selection-handle,.export-source-canvas .rotation-handle,.export-source-canvas .element-label{display:none!important}@media(max-width:760px){.export-dialog-body,.layout-body{grid-template-columns:1fr}.export-preview-panel{display:none}.export-options{padding:18px}.export-grid,.layout-grid{grid-template-columns:1fr}.export-range{grid-template-columns:1fr 1fr}.layout-overview{display:none}.layout-controls{border:0}.export-actions{padding:12px}.export-actions .button{padding:9px 11px}.layout-four{grid-template-columns:1fr 1fr}}
.export-preview-toolbar{display:flex;gap:6px;align-items:center;align-self:flex-end;margin-bottom:9px}.export-preview-toolbar button{min-width:32px;height:30px;border:1px solid #d2ddd8;border-radius:7px;background:#fff;color:#26332f;cursor:pointer}.export-preview-toolbar #previewZoomReset{min-width:58px;font-size:12px}.export-preview{height:330px;cursor:grab;touch-action:none;border-radius:8px;background:linear-gradient(45deg,#eef2f0 25%,transparent 25%),linear-gradient(-45deg,#eef2f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef2f0 75%),linear-gradient(-45deg,transparent 75%,#eef2f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.export-preview.is-dragging{cursor:grabbing}.export-preview>img{transform-origin:center;will-change:transform;user-select:none;pointer-events:none}