*{box-sizing:border-box}body{color:#1d1f23;background:#e9eaec;flex-direction:column;height:100vh;margin:0;font:14px/1.5 -apple-system,PingFang SC,Microsoft YaHei,sans-serif;display:flex}.boot{z-index:100;background:#1d1f2373;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.boot-card{text-align:center;background:#fff;border-radius:12px;width:min(420px,100vw - 32px);padding:28px 28px 24px;box-shadow:0 12px 40px #00000040}.boot-card strong{font-size:17px;display:block}.boot-card p{color:#5b606a;margin:10px 0 0}.boot-time{min-height:1.5em;font-size:13px;color:#8a8f98!important}.boot-card .btn{margin-top:14px}.boot-spinner{border:3px solid #e3e5e8;border-top-color:#2563eb;border-radius:50%;width:36px;height:36px;margin:0 auto 14px;animation:.9s linear infinite boot-spin}.boot-spinner[hidden]{display:none}@keyframes boot-spin{to{transform:rotate(360deg)}}.toolbar{z-index:10;background:#fff;border-bottom:1px solid #d6d8dc;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex}.brand{white-space:nowrap;margin-right:8px}.btn{font:inherit;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #c9ccd1;border-radius:6px;padding:5px 12px}.btn:disabled{color:#a0a4ab;cursor:default}select.btn{max-width:240px}.btn.primary{color:#fff;background:#1d1f23;border-color:#1d1f23}.status{color:#5b606a;margin-left:8px}.status.warn{color:#b25400}.status.error{color:#c0161b}.nav{color:#5b606a;white-space:nowrap;align-items:center;gap:4px;display:flex}.nav input{width:56px;font:inherit;text-align:center;border:1px solid #c9ccd1;border-radius:6px;padding:4px}.workspace{flex:1;min-height:0;display:flex}.thumbs{background:#f4f5f6;border-right:1px solid #d6d8dc;flex:none;width:168px;padding:12px;overflow-y:auto}.thumb{text-align:center;color:#5b606a;cursor:pointer;margin-bottom:12px;font-size:12px}.thumb canvas{outline-offset:2px;background:#fff;outline:2px solid #0000;margin:0 auto 4px;display:block;box-shadow:0 1px 3px #00000026}.thumb:hover canvas{outline-color:#c9ccd1}.thumb.current canvas{outline-color:#2563eb}.thumb.current{color:#2563eb}.pages{flex-direction:column;flex:1;align-items:safe center;gap:16px;padding:24px;display:flex;position:relative;overflow:auto}.pages.dragover{outline-offset:-12px;outline:2px dashed #1d1f23}.pages.placing .page,.pages.placing .page *{cursor:crosshair}.empty{color:#6b7079;text-align:center;margin-top:20vh}.page-bar{color:#5b606a;align-items:center;gap:6px;margin-bottom:-8px;font-size:13px;display:flex}.page-bar .spacer{flex:1}.page-bar button{font:inherit;cursor:pointer;background:#fff;border:1px solid #c9ccd1;border-radius:4px;padding:2px 8px}.page-bar button:disabled{color:#a0a4ab;cursor:default}.btn[aria-disabled=true]{color:#a0a4ab;pointer-events:none}.page{background:#fff;position:relative;box-shadow:0 1px 4px #00000026}.page canvas{display:block}.line{cursor:text;border-radius:2px;position:absolute}.line:hover{background:#2563eb1f;outline:1px solid #2563eb80}.text-toolbar{z-index:3;white-space:nowrap;background:#fff;border:1px solid #c9ccd1;border-radius:6px;align-items:center;gap:4px;padding:4px 6px;font-size:13px;display:flex;position:absolute;box-shadow:0 2px 10px #00000026}.text-toolbar select{max-width:160px}.drag-handle{color:#6b7079;cursor:move;touch-action:none;user-select:none;padding:0 2px}.text-toolbar input[type=number]{width:52px}.text-toolbar input[type=color]{background:0 0;border:none;width:28px;height:24px;padding:0}.text-toolbar button{min-width:26px;height:26px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px}.text-toolbar button:hover{background:#f0f1f3}.text-toolbar button.on{background:#2563eb1f;border-color:#2563eb}.image{cursor:pointer;position:absolute}.image:hover{outline:1px dashed #2563ebb3}.image-editor{outline:none}.image-sel{z-index:2;cursor:move;touch-action:none;outline:1px solid #2563eb;position:absolute}.image-sel canvas{opacity:.85;pointer-events:none;width:100%;height:100%;display:block}.image-handle{background:#fff;border:1px solid #2563eb;width:10px;height:10px;position:absolute}.image-handle.nw{cursor:nwse-resize;top:-5px;left:-5px}.image-handle.ne{cursor:nesw-resize;top:-5px;right:-5px}.image-handle.sw{cursor:nesw-resize;bottom:-5px;left:-5px}.image-handle.se{cursor:nwse-resize;bottom:-5px;right:-5px}.text-toolbar .size{color:#5b606a;padding:0 4px}.line-input{z-index:2;background:#fff;border:1px solid #2563eb;border-radius:2px;outline:none;min-width:40px;padding:0 2px;font-family:PingFang SC,Microsoft YaHei,sans-serif;position:absolute;box-shadow:0 2px 8px #2563eb40}