:root{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:#242c36;background:#f6f7f9;font-synthesis:none;text-rendering:optimizeLegibility;line-height:1.5;--blue: #245dcc;--blue-soft: #edf3ff;--line: #e3e7ed;--muted: #6b7482;--ink: #242c36;--panel: #fdfefe}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:7px 13px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--ink);font-size:13px;cursor:pointer;transition:background-color .14s,border-color .14s,color .14s}button:hover:not(:disabled){background:#f1f4f8;border-color:#c5ccd7}button:active:not(:disabled){background:#e7ecf4}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}svg{flex-shrink:0}.primary{background:var(--blue);color:#fff;border-color:var(--blue);font-weight:550}.primary:hover:not(:disabled){background:#1c4daf;border-color:#1c4daf}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}kbd{font-family:inherit;font-size:11px;border:1px solid var(--line);border-radius:3px;padding:1px 5px;color:var(--muted);background:#fafbfd}.workspace{display:grid;grid-template-columns:140px minmax(0,1fr) 280px;grid-template-rows:72px minmax(0,1fr) 34px;grid-template-areas:"bar bar bar" "pages canvas tools" "status status status";height:100dvh;overflow:hidden}.toolbar{grid-area:bar;display:flex;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid var(--line);background:var(--panel)}.brand{display:flex;gap:11px;align-items:center;padding-right:28px;color:var(--ink);flex-shrink:0;font-size:17px;font-weight:700;letter-spacing:.06em}.brand>svg{color:var(--blue)}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:.17em;color:var(--muted);margin-top:2px}.document-title{padding-left:24px;border-left:1px solid var(--line);min-width:0;margin-right:auto;font-size:13px}.document-title>span{display:block;max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-title small{display:block;margin-top:3px;font-size:11px;color:var(--muted)}.toolbar>button{flex-shrink:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:#465263}.panel-heading>:last-child{color:#7c8695;font-size:10px;font-weight:400;letter-spacing:.08em}.pages{grid-area:pages;display:flex;flex-direction:column;gap:15px;padding:20px 18px;overflow:auto;background:#f6f8fa;border-right:1px solid var(--line);scrollbar-width:thin}.pages .panel-heading{margin-bottom:4px}.pages>button{display:flex;flex-direction:column;flex:0 0 auto;gap:8px;padding:0;border:0;border-radius:0;background:none}.pages>button:hover:not(:disabled){background:none}.thumbnail{display:flex;align-items:center;justify-content:center;width:100%;min-height:90px;padding:5px;border:1px solid #dce2ea;border-radius:4px;background:#e9edf2}.thumbnail canvas{display:block;width:100%;height:auto;max-height:150px;object-fit:contain;background:#fff}.pages button[aria-current=page] .thumbnail{border-color:var(--blue);background:#dfeaff;box-shadow:0 0 0 1px var(--blue)}.pages button:hover .thumbnail{border-color:#87a1cc}.page-num{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:5px}.pages button[aria-current=page] .page-num{color:var(--blue);font-weight:700}.edit-dot{width:5px;height:5px;border-radius:50%;background:var(--blue)}.canvas-area{grid-area:canvas;min-width:0;min-height:0;display:flex;flex-direction:column}.canvas-toolbar{display:flex;align-items:center;gap:16px;padding:6px 20px;min-height:52px;background:#fdfefe;border-bottom:1px solid var(--line)}.history-actions{display:flex;gap:2px;border-right:1px solid var(--line);padding-right:12px}.icon-button{min-width:34px;height:34px;min-height:34px;padding:5px;border-color:transparent;background:transparent}.page-heading{color:#485668;font-size:12px;white-space:nowrap}.page-heading>span{color:#8a94a2}.zoom-controls{display:flex;align-items:center;gap:2px;margin-left:auto}.zoom-value{font-size:12px;font-variant-numeric:tabular-nums;min-width:45px;text-align:center}.fit-button{border:0;border-left:1px solid var(--line);border-radius:0;margin-left:7px;padding-left:14px;background:transparent;font-size:12px}.stage{position:relative;flex:1;min-height:0;overflow:auto;padding:32px;background:#e9edf2;scrollbar-width:thin}.stage:focus-visible{outline:2px solid #85a7e8;outline-offset:-2px}.paper{position:relative;width:max-content;margin:0 auto;background:#fff;box-shadow:0 2px 6px #24354812,0 12px 30px #24354812}.paper canvas{display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair;touch-action:none}.stage.pan-ready,.stage.pan-ready .overlay{cursor:grab}.stage.pan-dragging,.stage.pan-dragging .overlay{cursor:grabbing}.stage.pan-ready,.stage.pan-dragging{touch-action:none;-webkit-user-select:none;user-select:none}.canvas-hint{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:11px;color:var(--muted)}.canvas-hint>svg{color:var(--blue)}.canvas-instruction{color:#516887;min-width:0;line-height:1.6}.hint-divider{color:#a3adba}.page-size{margin-left:auto;font-variant-numeric:tabular-nums}.tools{grid-area:tools;padding:22px 18px 20px;background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;gap:20px;overflow:auto;scrollbar-width:thin}.tools-heading{align-items:baseline;gap:8px}.tools-heading>:last-child{font-size:10px;letter-spacing:0}.tool-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tool-list button{display:grid;grid-template-columns:22px 1fr auto;grid-template-rows:22px auto;align-items:center;gap:7px 4px;padding:10px 12px;min-height:77px;text-align:left;border:1px solid #e8edf3;background:#f8fafc;border-radius:6px}.tool-list button>svg{grid-column:1;grid-row:1;color:#5e7088}.tool-button-copy{grid-column:1 / -1;grid-row:2;min-width:0}.tool-button-copy strong{display:block;font-size:12px;font-weight:550;line-height:1.4}.tool-button-copy small{display:block;margin-top:3px;font-size:10px;color:#7a8797;white-space:nowrap}.tool-list button kbd{grid-column:3;grid-row:1;padding:0 4px;font-size:10px;line-height:17px;background:transparent}.tool-list button:first-child{grid-column:1 / -1;grid-template-rows:auto;min-height:49px;margin-bottom:3px}.tool-list button:first-child .tool-button-copy{grid-column:2;grid-row:1;margin-left:7px}.tool-list button:first-child .tool-button-copy small{display:none}.tool-list button:hover:not(:disabled){background:#f0f4fa;border-color:#b9c9e0}.tool-list button[aria-pressed=true]{background:#edf3ff;border-color:#9ab6e8;box-shadow:inset 0 0 0 .5px #9ab6e8;color:var(--blue)}.tool-list button[aria-pressed=true]>svg{color:var(--blue)}.tool-list button[aria-pressed=true] small{color:#5476b0}.tool-list button[aria-pressed=true] kbd{color:#5476b0;border-color:#bfceea}.tool-options{padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px}.guide-heading h2{font-size:13px;margin:0;font-weight:600}.guide-heading h2 span{font-size:11px;font-weight:400;color:#738297;margin-left:6px}.guide-step-label{color:#5676a7;font-size:10px;white-space:nowrap}.tool-diagram{display:block;width:100%;height:auto;margin-bottom:14px}.guide-steps{list-style:none;padding:0;margin:0;display:grid;gap:10px}.guide-steps li{display:flex;align-items:baseline;gap:8px;color:#44556c;font-size:12px;line-height:1.75}.step-number{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:#eaf0f8;color:#526c94;text-align:center;font-size:10px;line-height:18px;font-variant-numeric:tabular-nums}.guide-steps .is-done{color:#7e8999}.guide-steps .is-current{color:var(--blue);font-weight:500}.guide-steps .is-current .step-number{background:var(--blue);color:#fff}.tools p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.tools .guide-note{font-size:11px;color:#738197;margin-top:12px}.tools .tool-shortcut-note{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:10px;margin-top:14px;line-height:1.7;color:#7b8797}.tool-shortcut-note kbd{font-size:9px;padding:0 3px}.brush-setting{margin-top:16px}.inline-help{font-size:11px}.inline-help summary{cursor:pointer;color:#5e769a;padding:5px 0}.inline-help summary:hover{color:var(--blue)}.inline-help p{font-size:11px;margin-top:6px}.assist-tool .inline-help{margin-top:6px}.text-button{padding:6px 0;min-height:32px;background:transparent;border:0;color:var(--blue);font-size:12px}.text-button:hover:not(:disabled){background:transparent;text-decoration:underline}.tool-options .text-button{margin-top:5px}.assist-tool>button:first-child{width:100%;font-size:12px}.assist-tool>p{margin-top:8px;font-size:11px}.field{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;color:#526070;font-size:12px}.field input[type=range]{width:100%;margin:4px 0;accent-color:var(--blue)}.field select{width:100%;min-height:38px;padding:8px;border:1px solid var(--line);border-radius:4px;background:#fdfefe;color:var(--ink)}.check{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:11px}.check input{accent-color:var(--blue)}.export-settings{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;display:flex;flex-direction:column;gap:12px}.export-settings>p{font-size:11px}.print-warnings{font-size:11px;color:#93602b}.print-warnings summary{cursor:pointer}.print-warnings p{margin-top:8px;color:#93602b}.export-progress{border-top:1px solid var(--line);padding-top:12px}.export-progress>div{display:flex;justify-content:space-between;font-size:11px;color:var(--blue)}.export-progress progress{width:100%;height:5px;accent-color:var(--blue);border:0;border-radius:3px;margin-top:12px}progress::-webkit-progress-bar{background:var(--blue-soft);border-radius:3px}progress::-webkit-progress-value{background:var(--blue);border-radius:3px}.status-bar{grid-area:status;display:flex;align-items:center;gap:8px;padding:0 20px;background:#fdfefe;border-top:1px solid var(--line)}.status{flex:1;min-width:0;margin:0;font-size:11px;color:#647184;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.status-dot{width:5px;height:5px;background:#46816b;border-radius:50%;flex-shrink:0}.status-dot.working{background:var(--blue);animation:working 1s ease-in-out infinite alternate}.local-note{display:flex;align-items:center;gap:5px;font-size:10px;color:#6f7c8d}@keyframes working{to{opacity:.25}}.drop-overlay{position:fixed;top:12px;right:12px;bottom:12px;left:12px;z-index:10;border:2px dashed var(--blue);background:#eef4fff5;border-radius:8px;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:15px;color:var(--blue)}.is-empty{grid-template-columns:1fr;grid-template-areas:"bar" "canvas" "status"}.is-empty .pages,.is-empty .tools{display:none}.is-empty .stage{display:flex;align-items:center;background:#f4f6f9}.welcome{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,8vw,140px);width:min(940px,100%);margin:auto;padding:32px}.eyebrow{color:var(--blue);font-size:12px;letter-spacing:.1em}.welcome h1{font-size:clamp(34px,4.5vw,60px);line-height:1.35;letter-spacing:-.045em;font-weight:550;margin:22px 0}.welcome-copy>p{color:#707986;font-size:15px;line-height:1.9;margin:0 0 32px}.welcome .primary{min-height:44px;padding:10px 24px}.drop-note{display:block;font-size:11px;color:#7a8391;margin-top:14px}.privacy-note{display:flex;align-items:center;gap:6px;font-size:11px;color:#7a8391;margin-top:40px}.welcome-preview{max-width:355px;width:100%;justify-self:end}.sample-page{padding:30px 27px 20px;background:#fff;border:1px solid #e0e5ed;box-shadow:12px 14px 0 -2px #edf0f5,12px 14px 0 -1px #dce2ea;transform:rotate(2deg)}.sample-kicker{color:#959ca8;font-size:8px;letter-spacing:.17em}.sample-page h3{font-family:"Noto Serif SC",Songti SC,serif;font-weight:600;font-size:18px;margin:16px 0}.sample-rule{border-top:1px solid #dce1e9;margin-bottom:24px}.sample-page p{font-size:11px;margin:18px 0 8px}.sample-text{font-size:9px;color:#7d8694}.sample-graph{width:145px;height:100px;display:block;margin:8px auto;fill:none;stroke:#b9c2cf;stroke-width:1}.sample-graph .curve{stroke:#4e6689;stroke-width:1.7}.sample-space{display:flex;justify-content:space-between;padding:12px;margin:4px -10px;border-top:1px dashed #9cb7ec;border-bottom:1px dashed #9cb7ec;background:#f1f6ff;color:#5f80b6;font-size:9px}.sample-answer{height:25px;border-bottom:1px solid #eef0f4}.sample-number{display:block;text-align:center;font-size:9px;color:#9da5b0;margin-top:24px}.preview-caption{display:flex;justify-content:center;align-items:center;gap:6px;color:#7c8998;margin-top:35px;font-size:11px}@media(max-width:1100px){.workspace{grid-template-columns:104px minmax(0,1fr) 250px}.is-empty{grid-template-columns:1fr}.tools{padding:18px 12px}.canvas-toolbar{padding:6px 10px;gap:8px}.fit-button span{display:none}.brand{padding-right:8px}}@media(max-width:760px){button{min-height:42px}.workspace{grid-template-columns:1fr;grid-template-rows:62px 95px minmax(160px,1fr) auto 36px;grid-template-areas:"bar" "pages" "canvas" "tools" "status"}.toolbar{padding:0 12px;gap:8px}.brand{font-size:14px;gap:7px;margin-right:auto}.brand small{font-size:7px}.brand>svg{width:21px}.document-title{display:none}.toolbar>button{padding:6px 9px;font-size:11px;gap:5px}.pages{flex-direction:row;padding:8px 12px;gap:12px;border-right:0;border-bottom:1px solid var(--line)}.pages .panel-heading{display:none}.pages>button{flex:0 0 43px;gap:3px}.thumbnail{min-height:52px;padding:3px}.thumbnail canvas{max-height:52px}.page-num{font-size:9px}.canvas-toolbar{min-height:43px;padding:3px 8px;gap:5px}.history-actions{padding-right:5px}.icon-button{min-height:36px;min-width:32px}.page-heading{font-size:10px}.fit-button{padding-left:8px;margin-left:2px}.canvas-hint{padding:5px 12px;font-size:10px}.page-size{display:none}.tools{padding:10px 12px;border-left:0;border-top:1px solid var(--line);max-height:32dvh;gap:12px;display:block}.tools>.panel-heading{display:none}.tool-list{display:flex;overflow-x:auto;gap:6px;padding:1px 1px 9px}.tool-list button,.tool-list button:first-child{display:flex;flex-direction:column;flex:0 0 64px;gap:5px;padding:8px 4px;margin:0;min-height:60px;text-align:center}.tool-list button:first-child .tool-button-copy{margin:0}.tool-button-copy strong{font-size:10px;font-weight:500}.tool-list button kbd,.tool-button-copy small{display:none}.tool-options{padding:12px 0}.guide-heading{margin-bottom:8px}.tool-diagram{display:none}.guide-steps{gap:6px}.guide-steps li{font-size:11px}.tools .guide-note{margin-top:8px;font-size:10px}.tool-options .text-button{margin-top:0}.canvas-hint{min-height:38px}.assist-tool{padding:10px 0}.export-settings{margin-top:0;padding-top:12px}.status-bar{padding:0 12px}.local-note{display:none}.status{font-size:10px}.is-empty{grid-template-rows:62px minmax(0,1fr) 36px;grid-template-areas:"bar" "canvas" "status"}.is-empty .toolbar>button.primary{display:none}.is-empty .stage{padding:24px}.welcome{padding:12px;grid-template-columns:1fr;gap:30px}.welcome-preview{display:none}.welcome-copy{max-width:360px}.welcome h1{font-size:46px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.crop-status{display:flex;align-items:center;gap:8px;padding:4px 20px;min-height:36px;background:#edf3ff;border-bottom:1px solid #dbe5f7;color:#45638e;font-size:11px}.crop-status .text-button{margin-left:auto;min-height:28px;padding:3px 0;font-size:11px}@media(max-width:760px){.crop-status{padding:3px 12px;min-height:34px}}.keyboard-help{border-bottom:1px solid var(--line);padding-bottom:12px}.keyboard-help dl{display:grid;gap:9px;margin:10px 0}.keyboard-help dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.keyboard-help dt{color:#526070}.keyboard-help dd{margin:0;text-align:right;color:#61738c}.keyboard-help dd small{display:block;margin-top:3px;font-size:10px}.paint-options{display:grid;gap:15px;margin-bottom:17px;padding-bottom:17px;border-bottom:1px solid var(--line)}.paint-modes{display:flex;padding:3px;gap:3px;border-radius:5px;background:#eef2f7}.paint-modes button{flex:1;min-height:32px;border:1px solid transparent;padding:5px 8px;background:transparent;font-size:12px;color:#68798f}.paint-modes button[aria-pressed=true]{background:#fdfefe;border-color:#d2dcea;color:var(--blue);box-shadow:0 1px 2px #2435480a}.paint-size small{font-size:10px;color:#718096}.paint-colors{display:grid;gap:10px}.color-value{font-size:10px;font-variant-numeric:tabular-nums;color:#718096}.color-swatches{display:flex;justify-content:space-between;gap:7px;padding:3px}.color-swatches button{width:28px;height:28px;min-height:28px;padding:0;border:1px solid #1f304533;border-radius:50%}.color-swatches button[aria-pressed=true]{outline:2px solid #7598cd;outline-offset:3px}.color-swatches button:hover{box-shadow:0 0 0 3px #dce5f2}.custom-color{display:flex;align-items:center;gap:8px;font-size:11px;color:#5e769a;cursor:pointer;width:fit-content}.custom-color input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #ccd6e4;border-radius:4px;padding:3px;width:29px;height:26px;background:#fff;cursor:pointer}.custom-color input::-webkit-color-swatch-wrapper{padding:0}.custom-color input::-webkit-color-swatch{border:0;border-radius:1px}.tools .whiteout-note{font-size:11px}.overlay.paint-tool{cursor:none}.paint-cursor{position:fixed;left:0;top:0;width:0;height:0;z-index:8;visibility:hidden;pointer-events:none}.paint-cursor-ring{position:absolute;width:var(--paint-width);height:var(--paint-height);transform:translate(-50%,-50%);border:1px solid var(--paint-color);border-radius:50%;box-shadow:0 0 0 1px #263346,inset 0 0 0 1px #fff}.paint-cursor-center{position:absolute;left:-1px;top:-1px;width:2px;height:2px;background:var(--paint-color);box-shadow:0 0 0 1px #263346;border-radius:50%}.paint-cursor-badge{position:absolute;left:calc(var(--paint-width) / 2 + 5px);top:calc(var(--paint-height) / 2 + 3px);display:flex;color:#253750;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff)}.paint-cursor-whiteout .paint-cursor-ring{border:1px dashed #fff;background:#ffffff12}.paint-cursor-rect .paint-cursor-ring{border:0;box-shadow:none;border-radius:0;background:linear-gradient(#253750,#253750) center / 1px 100% no-repeat,linear-gradient(#253750,#253750) center / 100% 1px no-repeat;filter:drop-shadow(0 0 1px #fff)}@media(max-width:760px){.paint-options{gap:12px}.color-swatches{justify-content:flex-start;gap:14px}.color-swatches button{width:30px;height:30px;min-height:30px}}.flow-options{display:flex;flex-direction:column;gap:12px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.flow-options strong{font-size:13px;font-weight:500}.flow-options p{margin:0;font-size:12px;line-height:1.8;color:#526882}.flow-options small{font-size:11px;line-height:1.7;color:#697b94}.flow-details .field{margin:12px 0}.flow-details input[type=number]{width:100%;min-width:0;padding:8px;border:1px solid var(--line);border-radius:4px;background:#fff;color:inherit}.flow-cuts{list-style:none;padding:0;margin:12px 0 0;max-height:210px;overflow-y:auto}.flow-cuts li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;font-size:11px}.flow-cuts button{padding:5px 8px;font-size:11px}.flow-fieldset{border:0;padding:0;margin:0;min-width:0}.flow-insert{display:flex;flex-direction:column;gap:10px;padding:12px;background:#f4f7fc;border-radius:4px}.flow-insert .flow-selection{color:#245dcc;font-size:12px}.flow-insert input{min-width:0;width:100%;padding:8px;border:1px solid var(--line);border-radius:4px;background:#fff;color:inherit}.flow-controls{display:flex;flex-direction:column;gap:12px;border:0;padding:0;margin:0;min-width:0}.flow-options .flow-error{padding:10px 12px;color:#8b3c28;background:#fff4ef;border:1px solid #ecd1c6;border-radius:4px}.flow-preparing{display:grid;gap:8px}