@font-face{font-family:Noto Sans SC;src:url(/fonts/NotoSansSC-Regular.woff2)format("woff2");font-style:normal;font-weight:100 599;font-display:swap}@font-face{font-family:Noto Sans SC;src:url(/fonts/NotoSansSC-Bold.woff2)format("woff2");font-style:normal;font-weight:600 900;font-display:swap}@font-face{font-family:Noto Serif SC;src:url(/fonts/NotoSerifSC-Regular.woff2)format("woff2");font-style:normal;font-weight:100 599;font-display:swap}@font-face{font-family:Noto Serif SC;src:url(/fonts/NotoSerifSC-Bold.woff2)format("woff2");font-style:normal;font-weight:600 900;font-display:swap}@font-face{font-family:Source Code Pro;src:url(/fonts/SourceCodePro-Regular.woff2)format("woff2");font-style:normal;font-weight:100 599;font-display:swap}@font-face{font-family:Source Code Pro;src:url(/fonts/SourceCodePro-Bold.woff2)format("woff2");font-style:normal;font-weight:600 900;font-display:swap}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--accent:#f2654b;--accent-dark:#d94c35;--accent-soft:#fff1ed;--teal:#2f9e91;--blue:#3578f6;--ink:#172033;--muted:#6f7887;--line:#dfe4eb;--surface:#fff;--workspace:#f3f5f8;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f7fa;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button,input,select{font:inherit}button,label{-webkit-tap-highlight-color:transparent}button{color:inherit}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.mobile-notice{display:none}.home-screen{background:linear-gradient(#fff 0,#f7f9fc 54%,#f4f6f9 100%);min-height:100vh;overflow:auto}.home-header{background:#fffffff0;border-bottom:1px solid #e6e9ef;align-items:center;height:74px;padding:0 48px;display:flex;box-shadow:0 2px 12px #131f310d}.brand-mark{align-items:center;gap:10px;display:flex}.brand-mark svg{width:31px;height:31px;color:var(--accent);stroke-width:2.3px}.brand-mark strong{letter-spacing:.04em;font-size:23px}.brand-mark span{color:#77808c;padding-left:2px;font-size:16px}.home-content{width:min(1180px,100vw - 96px);margin:0 auto;padding:56px 0 80px}.home-content h1{text-align:center;letter-spacing:.06em;margin:0 0 36px;font-family:Songti SC,STSong,Noto Serif SC,serif;font-size:34px}.start-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:930px;margin:0 auto 52px;display:grid}.start-action{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #ccd7e1;border-radius:12px;grid-template-columns:80px 1fr 28px;align-items:center;gap:18px;min-height:142px;padding:25px 28px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative}.start-action:hover{transform:translateY(-2px);box-shadow:0 14px 36px #20324b1a}.start-template{border-color:#f28a77}.start-template:hover{border-color:var(--accent)}.start-import{color:#277f9a}.start-import:hover{border-color:#53a4b8}.start-icon{background:var(--accent-soft);width:68px;height:68px;color:var(--accent);border-radius:16px;place-items:center;display:grid}.start-import .start-icon{color:#338da5;background:#edf8fa}.start-icon svg{stroke-width:1.8px;width:34px;height:34px}.start-copy{flex-direction:column;gap:9px;display:flex}.start-copy strong{font-size:22px}.start-copy small{color:#737b87;font-size:14px}.recent-heading{justify-content:space-between;align-items:center;margin:0 0 18px;display:flex}.recent-heading h2{align-items:center;gap:10px;margin:0;font-size:18px;display:flex}.recent-heading h2 svg{color:#7d8794;width:20px}.recent-heading button{color:var(--blue);cursor:pointer;background:0 0;border:0}.recent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.recent-document{cursor:pointer;text-align:left;background:#fff;border:1px solid #e0e4ea;border-radius:8px;padding:0;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 4px 16px #18273a0f}.recent-document:hover{transform:translateY(-3px);box-shadow:0 14px 30px #18273a1a}.recent-document>strong,.recent-document>span:not(.document-thumbnail){padding-inline:16px;display:block}.recent-document>strong{padding-top:13px;font-size:15px}.recent-document>span:not(.document-thumbnail){color:#89919c;padding-top:5px;padding-bottom:14px;font-size:13px}.document-thumbnail{color:#243244;background:#fffefb;border-bottom:1px solid #e5e8ed;flex-direction:column;align-items:center;height:245px;padding:28px 24px;display:flex;position:relative}.document-thumbnail.has-real-thumbnail{background:#f7f8fa;padding:0;overflow:hidden}.document-thumbnail img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.document-thumbnail i{background:var(--thumb,#4e9a4f);width:86%;height:4px;margin-bottom:19px}.document-thumbnail b{margin-bottom:18px;font-family:Songti SC,STSong,Noto Serif SC,serif;font-size:18px}.document-thumbnail em{background:#dce2e8;border-radius:3px;width:82%;height:5px;margin:6px auto}.document-thumbnail em.short{align-self:flex-start;width:58%;margin-left:9%}.thumbnail-visual{background:color-mix(in srgb, var(--thumb,#4e9a4f) 24%, white);border:1px solid color-mix(in srgb, var(--thumb,#4e9a4f) 48%, white);border-radius:46% 54% 48% 52%;width:64%;height:76px;margin-top:17px}.tone-blue{--thumb:#4f77ba;background:#fbfcff}.tone-orange{--thumb:#e18b4f;background:#fffdf9}.tone-green{--thumb:#579e54}.project-manager-overlay{z-index:650;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#202a3957;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.project-manager{background:#fff;border:1px solid #ffffffb3;border-radius:16px;grid-template-rows:auto auto auto minmax(0,1fr);width:min(1120px,100vw - 64px);max-height:min(820px,100vh - 64px);display:grid;overflow:hidden;box-shadow:0 32px 100px #1a273a40}.project-manager>header{justify-content:space-between;align-items:flex-start;padding:27px 30px 21px;display:flex}.project-manager>header h2{margin:0 0 6px;font-size:25px}.project-manager>header p{color:var(--muted);margin:0;font-size:14px}.icon-only{cursor:pointer;background:#f2f4f7;border:0;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.icon-only:hover{background:#e9edf2}.icon-only svg{width:19px}.project-manager-tools{border-bottom:1px solid #e8ebf0;justify-content:space-between;align-items:center;gap:18px;padding:0 30px 19px;display:flex}.manager-tabs{background:#f1f3f6;border-radius:9px;gap:5px;padding:4px;display:flex}.manager-tabs button{color:#687280;cursor:pointer;background:0 0;border:0;border-radius:7px;height:34px;padding:0 14px;font-size:13px}.manager-tabs button.active{color:#243145;background:#fff;font-weight:650;box-shadow:0 1px 5px #1f2d401f}.project-search{color:#7a8492;background:#fff;border:1px solid #dbe1e8;border-radius:9px;align-items:center;gap:9px;width:min(330px,38vw);height:40px;padding:0 11px;display:flex}.project-search:focus-within{border-color:#94b3df;box-shadow:0 0 0 3px #3578f61a}.project-search svg{flex:none;width:18px}.project-search input{color:#263246;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px}.project-manager-error{color:#aa3e2c;background:#fff4f2;border:1px solid #f0b7ad;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:12px 30px 0;padding:9px 12px;font-size:13px;display:flex}.project-manager-error button{color:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.project-list{background:#fafbfc;min-height:250px;padding:10px 30px 28px;overflow-y:auto}.managed-project{background:#fff;border:1px solid #e1e5eb;border-radius:11px;grid-template-columns:124px minmax(180px,1fr) auto;align-items:center;gap:20px;min-height:112px;margin-top:10px;padding:12px;display:grid;box-shadow:0 2px 8px #1c2a3d09}.managed-project .document-thumbnail{border:1px solid #e5e8ed;border-radius:7px;width:124px;height:88px;padding:11px 12px}.managed-project .document-thumbnail.has-real-thumbnail{padding:0}.managed-project .document-thumbnail i{height:2px;margin-bottom:7px}.managed-project .document-thumbnail b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:5px;font-size:9px;overflow:hidden}.managed-project .document-thumbnail em{height:2px;margin:2px auto}.managed-project .thumbnail-visual{height:24px;margin-top:5px}.managed-project-copy{flex-direction:column;gap:7px;min-width:0;display:flex}.managed-project-copy>strong{color:#243145;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.managed-project-copy>span{color:#818a97;font-size:12px}.managed-project-copy form{align-items:center;gap:7px;display:flex}.managed-project-copy form input{border:1px solid #a8bddc;border-radius:7px;outline:0;width:min(360px,100%);height:38px;padding:0 10px}.managed-project-copy form button{cursor:pointer;background:#fff;border:1px solid #d8dee6;border-radius:7px;height:34px;padding:0 10px;font-size:12px}.managed-project-copy form button[type=submit]{border-color:var(--accent);background:var(--accent);color:#fff}.managed-project-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.managed-project-actions button{color:#566171;cursor:pointer;background:#fff;border:1px solid #dce1e8;border-radius:7px;align-items:center;gap:5px;height:34px;padding:0 9px;font-size:12px;display:flex}.managed-project-actions button:hover{background:#f7f9fb;border-color:#b6c2d1}.managed-project-actions button:disabled{opacity:.5;cursor:wait}.managed-project-actions svg{width:15px}.managed-project-actions .quiet-danger{color:#c34735}.project-list-empty{color:#7b8592;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:250px;display:flex}.project-list-empty strong{color:#465264}.project-list-empty span{font-size:13px}.confirm-card{z-index:660;background:#fff;border:1px solid #e3e6eb;border-radius:13px;width:min(390px,100vw - 40px);padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 28px 80px #1823334d}.confirm-card:before{content:"";z-index:-1;background:#161e2a38;position:fixed;inset:-100vh -100vw}.confirm-card>strong{font-size:18px;display:block}.confirm-card p{color:var(--muted);margin:9px 0 22px;font-size:14px}.confirm-card>div{justify-content:flex-end;gap:9px;display:flex}.confirm-card button{cursor:pointer;background:#fff;border:1px solid #dbe0e7;border-radius:7px;height:38px;padding:0 14px}.confirm-card button.danger-button{color:#fff;background:#d74d39;border-color:#d74d39;width:auto;margin:0}.template-overlay{z-index:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1e28375c;place-items:center;padding:34px;display:grid;position:fixed;inset:0}.template-browser{background:#fff;border-radius:14px;grid-template-rows:auto auto minmax(0,1fr);width:min(1120px,100vw - 68px);max-height:min(840px,100vh - 68px);display:grid;overflow:hidden;box-shadow:0 30px 90px #17223142}.template-browser>header{justify-content:space-between;align-items:flex-start;padding:28px 32px 20px;display:flex}.template-browser>header h2{margin:0 0 6px;font-size:25px}.template-browser>header p{color:var(--muted);margin:0;font-size:14px}.template-browser>header button{cursor:pointer;background:#f2f4f7;border:0;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.template-browser>header svg{width:19px}.template-browser>nav{border-bottom:1px solid #e7eaf0;gap:6px;padding:0 32px 18px;display:flex;overflow-x:auto}.template-browser>nav button{color:#677180;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;padding:8px 13px;font-size:13px}.template-browser>nav button:hover{background:#f3f5f8}.template-browser>nav button.active{background:var(--accent-soft);color:var(--accent-dark);font-weight:600}.template-grid{background:#f7f8fa;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:26px 32px 34px;display:grid;overflow-y:auto}.template-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e0e4ea;border-radius:9px;padding:0 0 16px;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden;box-shadow:0 3px 12px #1c2a3d0d}.template-card:hover{border-color:#e6a89d;transform:translateY(-3px);box-shadow:0 14px 26px #1c2a3d1c}.template-card>strong,.template-card>small{padding-inline:15px;display:block}.template-card>strong{padding-top:13px;font-size:15px}.template-card>small{color:var(--muted);padding-top:6px;line-height:1.45}.template-preview{background:#fffcf6;border-bottom:1px solid #e5e8ed;flex-direction:column;align-items:center;height:245px;padding:25px 28px;display:flex}.template-preview i{background:var(--template-color,#ef7b64);width:78%;height:4px}.template-preview b{margin:18px 0 14px;font-family:Songti SC,STSong,Noto Serif SC,serif;font-size:18px}.template-preview em{border:1px solid color-mix(in srgb,var(--template-color,#ef7b64) 32%,white);background:color-mix(in srgb,var(--template-color,#ef7b64) 8%,white);border-radius:7px;width:86%;height:38px;margin:6px 0}.template-preview span{border:1px solid #e0e4e9;border-radius:7px;width:86%;height:54px;margin-top:6px}.template-blue{--template-color:#4e7eb6;background:#fbfdff}.template-teal{--template-color:#2f9e91}.template-orange{--template-color:#d98047}.template-green{--template-color:#579e54}.template-blank{--template-color:#c7ced7;background:#fff}.editor-screen{background:var(--workspace);grid-template-rows:72px minmax(0,1fr) 56px;height:100vh;display:grid}.editor-toolbar{z-index:20;border-bottom:1px solid var(--line);background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;display:grid;position:relative}.toolbar-start,.toolbar-center,.toolbar-end{align-items:center;gap:8px;display:flex}.toolbar-center{justify-content:center;gap:12px}.toolbar-end{justify-content:flex-end}.toolbar-button{color:#4c5665;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;height:42px;padding:0 11px;font-size:14px;display:flex}.toolbar-button:hover,.toolbar-button.active{color:#182132;background:#f1f4f8}.toolbar-button:disabled{opacity:.35;cursor:default}.toolbar-button svg{width:19px;height:19px}.back-button{color:#182132}.toolbar-divider{background:#e2e6ec;width:1px;height:30px;margin:0 7px}.document-title{background:0 0;border:1px solid #0000;border-radius:7px;width:min(260px,22vw);padding:8px 10px;font-size:17px;font-weight:600}.document-title:hover,.document-title:focus{background:#fafbfc;border-color:#dbe1e8;outline:0}.save-state{color:#667080;align-items:center;gap:6px;margin-right:10px;font-size:13px;display:flex}.save-state svg{color:#20a684;width:17px}.save-state.is-error{color:#bd3d2d}.save-state.is-error svg{color:#d74d39}.export-split-button{border-radius:9px;display:flex;overflow:hidden;box-shadow:0 4px 14px #f2654b38}.export-split-button button{background:var(--accent);color:#fff;cursor:pointer;border:0;align-items:center;gap:8px;height:42px;font-weight:650;display:flex}.export-split-button button:first-child{padding:0 15px}.export-split-button button:last-child{border-left:1px solid #ffffff4d;justify-content:center;width:36px}.export-split-button button:hover{background:var(--accent-dark)}.export-split-button button:disabled{cursor:wait;background:#d97d6b}.export-split-button svg{width:18px}.export-menu{z-index:100;border:1px solid var(--line);background:#fff;border-radius:10px;width:228px;padding:8px;position:fixed;top:62px;right:18px;box-shadow:0 16px 40px #131f312b}.export-menu button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;padding:11px 12px;font-size:14px;display:flex}.export-menu button:hover{background:#f3f6fa}.export-menu svg{color:#657080;width:18px}.editor-body{min-height:0;display:flex;position:relative;overflow:hidden}.tool-rail{z-index:8;border-right:1px solid var(--line);background:#fff;flex-direction:column;flex:0 0 88px;gap:7px;padding:15px 8px;display:flex;position:relative}.icon-button{color:#3f4856;cursor:pointer;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:72px;height:64px;font-size:13px;display:flex}.icon-button svg{stroke-width:1.75px;width:23px;height:23px}.icon-button:hover{background:#f5f7fa}.icon-button.is-active{background:var(--accent-soft);color:var(--accent-dark)}.add-panel{z-index:7;border-right:1px solid var(--line);background:#fff;flex:0 0 252px;padding:21px 18px;position:relative;overflow-y:auto;box-shadow:8px 0 24px #2230440a}.add-panel h2,.property-panel h2{margin:0 0 8px;font-size:18px}.add-panel>p{color:var(--muted);margin:0 0 18px;font-size:13px;line-height:1.55}.add-panel>button{cursor:pointer;text-align:left;background:#fff;border:1px solid #dfe4ea;border-radius:9px;align-items:center;gap:13px;width:100%;margin-bottom:10px;padding:14px;display:flex}.add-panel>button:hover{background:snow;border-color:#f1a192}.add-panel>button svg{width:22px;color:var(--accent)}.add-panel>button span{flex-direction:column;gap:4px;display:flex}.add-panel>button small{color:#818996}.shape-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.shape-grid button{cursor:pointer;background:#fff;border:1px solid #dfe4ea;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:90px;display:flex}.shape-grid button:hover{border-color:var(--accent);background:var(--accent-soft)}.shape-grid svg{width:30px}.upload-choice{cursor:pointer;text-align:center;background:#f8fafc;border:1.5px dashed #aab7c5;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:155px;display:flex}.upload-choice:hover{background:#f3fbfc;border-color:#4694a8}.upload-choice svg{color:#368ca3;width:34px;height:34px}.upload-choice span{color:var(--muted);font-size:12px}.panel-helper{color:#7c8592;text-align:center;margin-top:12px;font-size:12px;display:block}.add-panel>button.mini-template{background:#f8f9fb;border-color:#0000;align-items:center;gap:12px;margin-bottom:8px;padding:10px;display:flex}.add-panel>button.mini-template:hover{background:#fff8f6;border-color:#edb0a5}.mini-template>span:last-child{flex-direction:column;gap:5px;display:flex}.mini-template small{color:var(--muted)}.mini-page{background:#fffaf3;border:1px solid #dfd5c7;place-items:center;width:48px;height:66px;padding:8px 5px;display:grid;box-shadow:0 2px 5px #1a263614}.mini-page i,.mini-page b,.mini-page em{background:#f58a75;width:80%;height:4px}.mini-page b{background:#334155;width:64%}.mini-page em{background:#d8ebe7;height:22px}.muted-template{opacity:.72}.blank-page{background:#fff}.canvas-viewport{background-color:#f2f4f7;background-image:radial-gradient(#d8dde5 .7px,#0000 .7px);background-size:16px 16px;flex:auto;justify-content:center;align-items:flex-start;min-width:360px;padding:36px 46px 68px;display:flex;overflow:auto}.page-frame{flex:none;position:relative;box-shadow:0 12px 34px #2330432e,0 0 0 1px #3e4d6221}.canvas-scale-layer{transform-origin:0 0;background:#fff;position:relative;overflow:visible}.fabric-mount{position:absolute;inset:0}.fabric-mount .canvas-container{inset:0;position:absolute!important}.safe-margin-guide{z-index:2;pointer-events:none;border:1px dashed #3578f62e;position:absolute;inset:40px}.alignment-guide{z-index:30;pointer-events:none;background:#26a8f2;position:absolute;box-shadow:0 0 0 1px #ffffffb3}.vertical-guide{width:1px;top:-20px;bottom:-20px}.horizontal-guide{height:1px;left:-20px;right:-20px}.drop-replace-hint{z-index:40;border:3px solid var(--blue);color:#1754b7;pointer-events:none;background:#3578f624;place-items:center;font-weight:700;display:grid;position:absolute}.property-panel{z-index:8;border-left:1px solid var(--line);background:#fff;flex:0 0 286px;padding:22px 20px;position:relative;overflow-y:auto}.property-panel h2{margin-bottom:20px}.property-panel h3{color:#737c89;margin:0 0 10px;font-size:13px;font-weight:600}.property-empty{background:#fafbfc;border:1px solid #e2e6ec;border-radius:9px;flex-direction:column;gap:7px;padding:18px;display:flex}.property-empty span{color:#586273;background:#eef2f6;border-radius:4px;width:max-content;padding:3px 7px;font-size:12px}.property-empty p{color:var(--muted);margin:12px 0 0;font-size:13px;line-height:1.5}.locked-note{color:#616b78;background:#f4f6f9;border-radius:8px;padding:13px 14px;font-size:13px}.field-label{color:#657080;flex-direction:column;gap:7px;margin-bottom:14px;font-size:12px;display:flex}.field-label select,.field-label input[type=number]{color:#283344;background:#fff;border:1px solid #dbe1e8;border-radius:7px;width:100%;height:38px;padding:0 10px;font-size:13px}.field-label input[type=color]{background:#fff;border:1px solid #dbe1e8;border-radius:7px;width:100%;height:38px;padding:4px}.two-fields{grid-template-columns:1.4fr 1fr;gap:10px;display:grid}.segmented{border:1px solid #dbe1e8;border-radius:8px;margin-bottom:15px;display:flex;overflow:hidden}.segmented button{cursor:pointer;background:#fff;border:0;border-right:1px solid #dbe1e8;flex:1;place-items:center;height:38px;display:grid}.segmented button:last-child{border-right:0}.segmented button.active{color:#2665d5;background:#eaf1ff}.segmented svg{width:17px}.image-preview-card{border:1px solid #e1e5eb;border-radius:8px;align-items:center;gap:10px;margin-bottom:14px;padding:10px;display:flex}.image-preview-card span{width:48px;height:42px;color:var(--teal);background:#eef6f5;border-radius:6px;place-items:center;display:grid}.image-preview-card strong{font-size:13px}.property-action,.arrange-section button,.danger-button{cursor:pointer;background:#fff;border:1px solid #dbe1e8;border-radius:8px;align-items:center;gap:10px;width:100%;height:42px;margin-bottom:9px;padding:0 12px;font-size:13px;display:flex}.property-action:hover,.arrange-section button:hover{background:#f7f9fb}.property-action.active{background:var(--accent-soft);color:var(--accent-dark);border-color:#e99b8d}.property-action svg,.arrange-section button svg,.danger-button svg{width:18px}.primary-action{background:#f9fbff;border-color:#b7c9e7}.fit-choice{background:#eef1f5;border-radius:8px;grid-template-columns:1fr 1fr;gap:5px;margin:13px 0 22px;padding:4px;display:grid}.fit-choice button{cursor:pointer;background:0 0;border:0;border-radius:6px;height:34px;font-size:12px}.fit-choice button.active{color:#245fc5;background:#fff;font-weight:600;box-shadow:0 1px 4px #202e411f}.crop-controls{background:#fffaf8;border:1px solid #eaded9;border-radius:9px;margin:-1px 0 18px;padding:14px}.crop-controls .field-label{margin-bottom:12px}.crop-controls input[type=range]{width:100%;accent-color:var(--accent)}.crop-controls .text-action{color:#775b53;cursor:pointer;background:#fff;border:1px solid #e3d5d0;border-radius:7px;width:100%;height:34px;font-size:12px}.crop-controls .text-action:hover{background:#fff2ee}.arrange-section{border-top:1px solid #edf0f3;margin-top:20px;padding-top:18px}.danger-button{color:#d8402a;border-color:#f0b6ad;margin-top:18px}.danger-button:hover{background:#fff4f2}.editor-statusbar{z-index:18;border-top:1px solid var(--line);background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 17px;font-size:13px;display:grid;position:relative}.page-tabs,.zoom-control{align-items:center;gap:5px;display:flex}.page-tabs button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;height:33px;padding:0 11px;font-size:12px}.page-tabs button.active{color:#275ea7;background:#eef3fb;border-color:#d8e2f2}.page-tabs .page-icon-action{color:#6b7582;place-items:center;width:31px;padding:0;display:grid}.page-tabs .page-icon-action:hover{background:#f1f4f7}.page-tabs .page-icon-action:disabled{opacity:.32}.page-tabs svg{width:15px}.page-size{color:#697382}.zoom-control{justify-content:flex-end}.zoom-control button{cursor:pointer;background:#fff;border:1px solid #dbe1e8;border-radius:7px;place-items:center;min-width:34px;height:34px;padding:0 10px;display:grid}.zoom-control button:hover{background:#f5f7fa}.zoom-control svg{width:16px}.zoom-control strong{text-align:center;width:54px;font-size:13px}.toast{z-index:1000;color:#fff;background:#202938;border-radius:8px;padding:10px 16px;font-size:13px;position:fixed;bottom:78px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0003}.preview-mode{background:#e9edf2}.preview-mode .editor-toolbar{grid-template-columns:1fr auto 1fr}.preview-mode .editor-body{background:#e9edf2}.preview-mode .canvas-viewport{background:#e9edf2;padding-top:28px}.preview-mode .page-frame{box-shadow:0 18px 48px #18243433}.preview-mode .editor-statusbar{visibility:hidden}.import-progress{z-index:2000;color:#273245;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffe6;flex-direction:column;justify-content:center;align-items:center;gap:15px;font-size:16px;font-weight:600;display:flex;position:fixed;inset:0}.pdf-export-overlay{z-index:2100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#eef1f5b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.pdf-export-card{background:#fffffff7;border:1px solid #ffffffe0;border-radius:16px;width:min(520px,100vw - 40px);padding:24px 26px 22px;box-shadow:0 28px 80px #1c2a3d33}.pdf-export-heading{grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.pdf-export-icon{background:var(--accent-soft);border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.pdf-export-icon .progress-spinner{border-width:2.5px;border-color:#f4c7bd;border-top-color:var(--accent);width:24px;height:24px}.pdf-export-heading div{flex-direction:column;gap:5px;min-width:0;display:flex}.pdf-export-heading strong{color:#253044;font-size:17px}.pdf-export-heading span{color:#707a89;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.pdf-export-heading b{color:var(--accent-dark);font-variant-numeric:tabular-nums;font-size:18px}.pdf-export-card progress{appearance:none;background:#eceff3;border:0;border-radius:999px;width:100%;height:9px;margin:20px 0 12px;display:block;overflow:hidden}.pdf-export-card progress::-webkit-progress-bar{background:#eceff3;border-radius:999px}.pdf-export-card progress::-webkit-progress-value{background:linear-gradient(90deg, #f37d66, var(--accent));border-radius:999px;transition:width .18s}.pdf-export-card progress::-moz-progress-bar{background:linear-gradient(90deg, #f37d66, var(--accent));border-radius:999px}.pdf-export-card small{color:#88919d;font-size:12px;line-height:1.55;display:block}.editor-loading{color:#596475;background:#f3f5f8;place-items:center;min-height:100vh;display:grid}.app-error{z-index:2200;color:#98402f;background:#fff5f3;border:1px solid #f0b7ac;border-radius:9px;align-items:center;gap:14px;padding:12px 14px 12px 18px;font-size:13px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #381f1b21}.app-error button{color:#fff;cursor:pointer;background:#9f4938;border:0;border-radius:6px;height:30px}.onboarding-card{z-index:120;background:#fff;border:1px solid #d9e0e8;border-radius:10px;flex-direction:column;gap:8px;width:238px;padding:16px;font-size:13px;display:flex;position:fixed;top:88px;left:108px;box-shadow:0 14px 34px #1c2a3d29}.onboarding-card strong{font-size:15px}.onboarding-card span{color:#667180}.onboarding-card button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;align-self:flex-end;margin-top:4px;padding:6px 10px}.progress-spinner{border:3px solid #e3e7ec;border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}.debug-panel{z-index:180;color:#f7fafc;background:#19212ef0;border:1px solid #b7c2d0;border-radius:8px;width:260px;max-height:360px;padding:10px 12px;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;bottom:66px;right:305px;overflow:auto;box-shadow:0 12px 30px #0003}.debug-panel summary{cursor:pointer;font-weight:700}.debug-panel dl{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.debug-panel dl div{background:#ffffff14;border-radius:4px;padding:6px}.debug-panel dt{color:#aab6c6}.debug-panel dd{margin:2px 0 0;font-size:16px}.debug-panel ul{color:#cbd5e1;margin-bottom:2px;padding-left:18px}@keyframes spin{to{transform:rotate(360deg)}}.import-debug-page{color:#172033;background:#eef1f5;min-height:100vh;overflow:auto}.import-debug-page>header{background:#fff;border-bottom:1px solid #dce2e9;grid-template-columns:1fr auto 1fr;align-items:center;height:78px;padding:0 28px;display:grid}.import-debug-page>header a{color:#485466;align-items:center;gap:7px;width:max-content;text-decoration:none;display:flex}.import-debug-page>header a svg{width:18px}.import-debug-page>header div{text-align:center}.import-debug-page>header h1{margin:0;font-size:20px}.import-debug-page>header p{color:#7a8492;margin:4px 0 0;font-size:12px}.import-debug-page>header>label{color:#fff;cursor:pointer;background:#253247;border-radius:8px;justify-self:end;align-items:center;gap:8px;height:40px;padding:0 13px;font-size:13px;display:flex}.import-debug-page>header>label svg{width:17px}.debug-controls{background:#f9fafb;border-bottom:1px solid #dce2e9;align-items:center;gap:9px;height:54px;padding:0 28px;display:flex}.debug-controls>span{color:#586475;background:#e9edf2;border-radius:5px;padding:5px 9px;font:12px ui-monospace,monospace}.debug-controls>label{color:#596475;align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex}.debug-comparison{background:#cfd6df;grid-template-columns:1fr 1fr;gap:1px;min-height:calc(100vh - 132px);display:grid;position:relative}.debug-pane{background:#e9edf2;min-width:0}.debug-pane h2{background:#fff;align-items:center;height:44px;margin:0;padding:0 22px;font-size:14px;display:flex}.debug-page-stage{justify-content:center;align-items:flex-start;height:calc(100vh - 176px);padding:26px;display:flex;overflow:auto}.debug-page-stage iframe{transform-origin:top;background:#fff;border:0;flex:none;width:794px;height:1123px;margin-bottom:-427px;transform:scale(.62);box-shadow:0 8px 24px #1f2c3d26}.debug-rendered-page{transform-origin:top;flex:none;margin-bottom:-427px;position:relative;overflow:hidden;transform:scale(.62);box-shadow:0 8px 24px #1f2c3d26}.debug-overlay{z-index:4;pointer-events:none;mix-blend-mode:multiply;position:absolute;top:70px;left:calc(50% + 26px)}.debug-empty{color:#687484;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 78px);display:flex}.debug-empty svg{color:#98a5b4;width:48px;height:48px}.debug-empty h2{color:#344154;margin:18px 0 7px}.debug-empty p{margin:0}@media (width<=1280px){.property-panel{flex-basis:250px}.add-panel{flex-basis:228px}.canvas-viewport{padding-inline:28px}.toolbar-button span{display:none}.managed-project{grid-template-columns:108px minmax(160px,1fr) minmax(240px,auto);gap:14px}.managed-project .document-thumbnail{width:108px}}@media (width<=900px){.mobile-notice{z-index:9999;color:#273245;background:#fff;place-items:center;font-size:18px;display:grid;position:fixed;inset:0}.mobile-notice:before{content:"";border:2px solid var(--accent);border-radius:12px;width:68px;height:68px;margin-top:-92px;position:absolute}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}