:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--accent:#1a73e8;--border:#d8dce2;font-family:system-ui,-apple-system,Segoe UI,Noto Sans JP,BIZ UDPGothic,sans-serif;font-size:14px}html,body,#root{height:100%;margin:0}button{font:inherit;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:4px;padding:4px 10px}button:hover:not(:disabled){background:#f3f5f8}button:disabled{opacity:.45;cursor:default}button.active,button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}select,textarea{font:inherit}.app{flex-direction:column;height:100%;display:flex}.app[data-dragging] .viewer{outline:3px dashed var(--accent);outline-offset:-6px}.toolbar{border-bottom:1px solid var(--border);background:#fafbfc;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;display:flex}.toolbar .sep{background:var(--border);width:1px;height:22px;margin:0 4px}.toolbar .spacer{flex:1}.toolbar .zoom{text-align:center;font-variant-numeric:tabular-nums;color:#555;min-width:44px}.toolbar .doc-name{text-overflow:ellipsis;white-space:nowrap;color:#555;max-width:240px;overflow:hidden}.brand{-webkit-user-select:none;user-select:none;color:inherit;align-items:center;gap:6px;text-decoration:none;display:inline-flex}a.brand:hover .brand-name{color:var(--accent)}.brand svg{flex:none}.brand-name{letter-spacing:.01em;color:#1f2937;font-weight:600}.brand-small .brand-name{font-size:15px}.brand-large{gap:12px;margin-bottom:20px}.brand-large .brand-name{letter-spacing:.02em;font-size:30px}.status-bar{background:#fffbe6;border-bottom:1px solid #f0e6b0;padding:4px 12px;font-size:12px}.viewer{flex:1;min-height:0;position:relative}.viewport{background:#e9ecef;height:100%}.page{background:#fff;position:relative;box-shadow:0 1px 4px #0003}.empty{color:#444;flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;display:flex}.empty .muted{color:#888;font-size:13px}.menu{position:relative}.menu-list{z-index:20;border:1px solid var(--border);background:#fff;border-radius:6px;flex-direction:column;min-width:300px;margin-top:4px;padding:4px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 6px 20px #00000026}.menu-list button{text-align:left;border:none;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.menu-list .menu-label{font-weight:600}.menu-list .menu-help{color:#666;font-size:12px}.settings-list{min-width:320px}.settings-row{cursor:pointer;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.settings-row>span{flex-direction:column;gap:2px;display:flex}.settings-row input{margin-top:3px}.settings-version{border-top:1px solid var(--border);margin-top:4px;padding:6px 10px 2px}.recent-btn{border-left:none;border-radius:0 4px 4px 0;width:18px}.toolbar>.menu:has(.recent-btn){margin-left:-7px}.recent-btn .caret{font-size:10px}.tool-group{display:inline-flex}.tool-group>.icon-btn:first-child{border-radius:4px 0 0 4px}.group-caret{border-left:none;border-radius:0 4px 4px 0;width:16px}.group-caret .caret{font-size:10px}.tool-menu{min-width:240px;left:0;right:auto}.tool-menu button.active{color:inherit;background:#eef3fb;border-color:#0000}.tool-menu-row{align-items:center;gap:8px;display:inline-flex}.tool-menu-row svg{display:block}.recent-list{max-height:70vh;left:0;right:auto;overflow-y:auto}.recent-list>.menu-help{padding:8px 10px}.recent-row{align-items:stretch;display:flex}.recent-row>button:first-child{flex:1;min-width:0}.recent-row .menu-label{text-overflow:ellipsis;white-space:nowrap;max-width:340px;overflow:hidden}.recent-remove{color:#999;border:none;flex:none;align-self:center;width:24px;height:24px;padding:0;font-size:14px}.recent-remove:hover{color:#c62828}.resume-btn{margin-top:16px;padding:8px 14px}.popover{z-index:30;border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;gap:6px;width:320px;padding:8px;display:flex;position:fixed;box-shadow:0 8px 24px #0000002e}.popover textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--border);border-radius:4px;width:100%;padding:6px}.popover-row{align-items:center;gap:8px;display:flex}.popover.content-replace{border-color:#c62828;width:400px;box-shadow:0 8px 24px #c6282840}.content-replace-title{color:#fff;background:#c62828;border-radius:7px 7px 0 0;margin:-8px -8px 2px;padding:6px 10px;font-size:12px}.popover.content-replace .primary{background:#c62828;border-color:#c62828}.popover.content-replace label{white-space:nowrap}.popover.content-replace select{max-width:320px}.popover-row label{color:#555;align-items:center;gap:4px;font-size:12px;display:flex}.swatches{gap:4px;display:flex}.swatch{border:2px solid #0000;border-radius:50%;width:20px;height:20px;padding:0}.swatch.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px #fff}.badges{border-bottom:1px solid var(--border);background:#f6f7f9;gap:6px;padding:4px 10px;font-size:12px;display:flex}.badge{border:1px solid;border-radius:10px;padding:1px 8px}.badge-info{color:#1b5e20;background:#e8f5e9;border-color:#a5d6a7}.badge-warn{color:#7a4f00;background:#fff8e1;border-color:#ffd54f}.badge-danger{color:#b71c1c;background:#ffebee;border-color:#ef9a9a}.annot-menu{pointer-events:auto;cursor:default;border:1px solid var(--border);white-space:nowrap;background:#fff;border-radius:6px;align-items:flex-start;gap:4px;padding:4px;display:flex;position:absolute;left:0;box-shadow:0 4px 14px #00000026}.annot-menu button{padding:2px 8px;font-size:12px}.annot-comment{flex-direction:column;gap:4px;display:flex}.annot-comment textarea{width:200px;font-size:12px}.page img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.tool-hint{z-index:25;border:1px solid var(--border);color:#444;background:#fff;border-radius:8px;padding:8px 12px;font-size:12px;position:absolute;top:8px;left:12px;box-shadow:0 8px 24px #0000002e}.stamp-panel{z-index:25;border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;gap:8px;width:360px;padding:10px;display:flex;position:absolute;top:8px;left:12px;box-shadow:0 8px 24px #0000002e}.stamp-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stamp-preset{border:1px solid var(--border);background:#fff;border-radius:4px;justify-content:center;align-items:center;height:68px;padding:4px;display:flex}.stamp-preset.active{border-color:var(--accent);background:#fff;box-shadow:0 0 0 2px #1a73e859}.stamp-preset{position:relative}.stamp-mine{color:var(--accent);opacity:.7;pointer-events:none;font-size:11px;line-height:1;position:absolute;top:1px;left:4px}.stamp-panel>.stamp-hint{justify-content:space-between;align-items:center;gap:8px;display:flex}.stamp-editor-link{color:var(--accent);border:1px solid var(--border);border-radius:4px;text-decoration:none}.stamp-editor-link:hover{background:#f3f5f8}.stamp-fields{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stamp-fields label{color:#555;align-items:center;gap:4px;font-size:12px;display:flex}.stamp-fields input{border:1px solid var(--border);border-radius:4px;width:90px;padding:3px 6px}.stamp-hint{color:#666;font-size:12px}.stamp-fields input.date-custom{width:130px;font-family:Consolas,monospace}:is(.page div:has(>input[style*="font-size: 0px"]),.page div:has(>textarea[style*="font-size: 0px"]),.page div:has(>span[style*="font-size: 0px"])){container-type:size}.page input[style*="font-size: 0px"],.page textarea[style*="font-size: 0px"],.page span[style*="font-size: 0px"]{font-size:65cqh!important}.form-highlight{pointer-events:none;position:absolute;inset:0}.form-highlight>div{background:#ccd7ff8c;position:absolute}.viewer{display:flex}.viewer>.viewport{flex:1;min-width:0}.thumbs{border-right:1px solid var(--border);background:#f3f4f6;flex:none;width:150px;overflow:hidden}.thumbs-pane{height:100%;position:relative;overflow-y:auto}.thumb{cursor:pointer;box-sizing:border-box;flex-direction:column;align-items:center;display:flex}.thumb-img{box-sizing:content-box;background:#fff;border:2px solid #0000;display:block;box-shadow:0 1px 3px #00000040}.thumb.current .thumb-img{border-color:var(--accent)}.thumb.selected .thumb-img{outline:2px solid var(--accent);outline-offset:2px}.thumbs:focus{outline:none}.thumbs:focus .thumb.selected .thumb-img{box-shadow:0 0 0 4px #1a73e840}.thumb-drop-line{background:var(--accent);pointer-events:none;border-radius:2px;height:3px;position:absolute;left:8px;right:8px}.thumb-drop-line.top{top:-2px}.thumb-drop-line.bottom{bottom:-2px}.thumb-label{color:#555;align-items:center;font-size:11px;display:flex}.icon-btn{color:#333;justify-content:center;align-items:center;width:34px;height:30px;padding:0;display:inline-flex}.icon-btn.active{color:#fff}.icon-btn svg{display:block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.save-btn{align-items:center;gap:6px;display:inline-flex}.save-btn .caret{font-size:10px}.password-prompt{border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;gap:10px;max-width:360px;margin:80px auto;padding:20px;display:flex}.password-prompt input{border:1px solid var(--border);border-radius:4px;padding:8px;font-size:14px}.password-prompt .error{color:#b71c1c;margin:0}.password-prompt .muted{color:#777;margin:0;font-size:12px}.password-prompt p{margin:0}.icon-btn.danger.active{background:#c62828;border-color:#c62828}.content-edit-banner{color:#fff;background:#c62828;padding:6px 12px;font-size:13px}.content-edit-layer{pointer-events:none;z-index:5;position:absolute;inset:0}.ce-object{box-sizing:border-box;border:1px dashed #c6282859;position:absolute}.ce-object.ce-text{border-color:#1a73e859}.ce-object.selected{background:#1a73e81f;border:2px solid #1a73e8}.ce-marquee{background:#1a73e814;border:1px solid #1a73e8;position:absolute}.modal-backdrop{z-index:50;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:10px;width:480px;max-width:92vw;padding:20px 24px;box-shadow:0 12px 40px #0000004d}.modal h2{margin:0 0 12px;font-size:18px}.warnings{margin:0 0 16px;padding-left:20px;line-height:1.6}.warnings .warn{color:#7a4f00}.warnings .danger{color:#b71c1c;font-weight:600}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.popover input:not([type=password]){box-sizing:border-box;border:1px solid var(--border);border-radius:4px;width:100%;padding:6px}.muted{color:#777;font-size:12px}.stamp-editor{flex-direction:column;height:100%;display:flex}.se-header{border-bottom:1px solid var(--border);background:#fafbfc;align-items:center;gap:8px;padding:8px 12px;display:flex}.se-header .sep{background:var(--border);width:1px;height:22px;margin:0 4px}.se-status{color:#555;flex:1;font-size:12px}.se-back{color:var(--accent);border:1px solid var(--border);border-radius:4px;text-decoration:none}.se-back:hover{background:#f3f5f8}.se-body{flex:1;min-height:0;display:flex}.se-list{border-right:1px solid var(--border);flex-direction:column;flex:none;gap:4px;width:220px;padding:8px;display:flex;overflow-y:auto}.se-list h3,.se-props h3{color:#666;margin:8px 0 4px;font-size:12px;font-weight:600}.se-item{text-align:left;border:1px solid #0000;align-items:center;gap:8px;padding:4px 6px;font-size:12px;display:flex}.se-item.active{border-color:var(--accent);color:inherit;background:#eef4fd}.se-item .se-thumb{flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.se-item span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.se-main{background:#e9ecef;flex-direction:column;flex:1;min-width:0;display:flex}.se-tools{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.se-tools .sep{background:var(--border);width:1px;height:20px;margin:0 4px}.se-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:24px;display:flex;overflow:auto}.se-canvas-wrap{background-color:#fff;background-image:linear-gradient(#0000000d 1px,#0000 1px),linear-gradient(90deg,#0000000d 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:25px 25px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;position:relative;box-shadow:0 1px 6px #00000040}.se-canvas-wrap canvas{display:block;position:absolute;top:0;left:0}.se-overlay{position:absolute;top:0;left:0;overflow:visible}.se-hit{fill:#0000;stroke:#0000;stroke-width:1px;cursor:move}.se-el:hover .se-hit{stroke:#1a73e880;stroke-width:.4px}.se-el.selected .se-hit{stroke:var(--accent);stroke-width:.4px;stroke-dasharray:1 .6}line.se-hit{stroke-width:3px}.se-el.selected line.se-hit{stroke-width:3px;stroke:#1a73e880;stroke-dasharray:none}.se-handle{fill:#fff;stroke:var(--accent);stroke-width:.3px}.se-actual{border-top:1px solid var(--border);background:#fff;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex}.se-props{border-left:1px solid var(--border);flex-direction:column;flex:none;gap:6px;width:260px;padding:8px 12px;font-size:12px;display:flex;overflow-y:auto}.se-props label{color:#555;flex-direction:column;gap:2px;display:flex}.se-props input:not([type=checkbox]),.se-props select{border:1px solid var(--border);box-sizing:border-box;border-radius:4px;width:100%;padding:3px 6px;font-size:13px}.se-row{align-items:flex-end;gap:8px;display:flex}.se-row label{flex:1;min-width:0}.se-check{align-items:center;flex-direction:row!important;gap:4px!important}.se-actions{gap:6px;margin:6px 0 10px;display:flex}.se-element{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:4px;display:flex}.se-help{color:#555;margin-top:8px}.se-help ul{margin:4px 0;padding-left:16px}.se-help code{background:#f1f3f5;border-radius:3px;padding:0 3px}.danger-text{color:#c62828}