.dr-designer{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-ui:system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP", "Yu Gothic UI", "Meiryo", sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Consolas", monospace;--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-md:13px;--text-lg:15px;--text-xl:18px;--leading-tight:1.35;--leading-normal:1.6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--size-toolbar:44px;--size-canvasbar:32px;--size-statusbar:26px;--size-palette:184px;--size-props:296px;--size-ruler:22px;--size-drawer:168px;--mm:3.78px;--pt:1.3335px;--focus-ring-width:2px;--focus-ring-offset:1px;--color-bg-app:#fbfaf8;--color-bg-panel:#f4f3f0;--color-bg-inset:#fff;--color-bg-hover:#eae8e3;--color-bg-active:#e1ded8;--color-border:#dedbd4;--color-border-strong:#b9b5ab;--color-text:#1f1d1a;--color-text-secondary:#5c594f;--color-text-disabled:#9b968a;--color-accent:#2a5b8c;--color-accent-hover:#24507c;--color-accent-active:#1d4368;--color-on-accent:#fff;--color-accent-subtle-bg:#2a5b8c1a;--color-cta:#175fd3;--color-cta-hover:#1453b8;--color-cta-active:#11479c;--color-on-cta:#fff;--color-danger:#b42318;--color-danger-bg:#b4231814;--color-warning:#8a5c00;--color-warning-bg:#9a67001a;--color-success:#1a7f37;--color-focus:#2a5b8c;--color-scrim:#1f1d1a66;--canvas-backdrop:#dad7d0;--canvas-ruler-bg:#f4f3f0;--canvas-ruler-tick:#a5a196;--canvas-ruler-text:#5c594f;--shadow-paper:0 0 0 1px #1f1d1a1a, 0 2px 6px #1f1d1a24, 0 8px 24px #1f1d1a1a;--shadow-raised:0 1px 3px #1f1d1a29;--shadow-overlay:0 12px 40px #1f1d1a47;--paper-bg:#fff;--paper-text:#1a1916;--paper-grid:#dce5ee;--paper-annot:#567189;--paper-selection:#2a5b8c;--paper-selection-fill:#2a5b8c14;--paper-on-selection:#fff;--paper-handle-fill:#fff;--paper-tip-bg:#1f1d1a;--paper-tip-text:#fff;--paper-bind-bg:#e7eff6;--paper-bind-text:#1d4066;--paper-guide:#d7401f;--paper-custom-guide:#0891b2;--paper-envelope:#0f766e;--paper-error:#b42318;--paper-insert:#d7263d;--paper-ghost-opacity:.35}.dr-designer[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg-app:#211f1b;--color-bg-panel:#2a2823;--color-bg-inset:#1d1b17;--color-bg-hover:#35322b;--color-bg-active:#3d3a32;--color-border:#3d3a33;--color-border-strong:#4c483f;--color-text:#e8e5de;--color-text-secondary:#a8a499;--color-text-disabled:#6e6a60;--color-accent:#7fa8d4;--color-accent-hover:#93b7dd;--color-accent-active:#6e99c9;--color-on-accent:#16202c;--color-accent-subtle-bg:#7fa8d424;--color-cta:#5aa0f6;--color-cta-hover:#77b1f8;--color-cta-active:#3d90f5;--color-on-cta:#16202c;--color-danger:#f08578;--color-danger-bg:#f085781f;--color-warning:#d9a73e;--color-warning-bg:#d9a73e1f;--color-success:#86c99a;--color-focus:#7fa8d4;--color-scrim:#0009;--canvas-backdrop:#191813;--canvas-ruler-bg:#2a2823;--canvas-ruler-tick:#57534a;--canvas-ruler-text:#a8a499;--shadow-paper:0 0 0 1px #0000008c, 0 2px 8px #00000080, 0 12px 32px #0006;--shadow-raised:0 1px 3px #00000073;--shadow-overlay:0 12px 48px #0009}.dr-designer{width:100%;height:100%;font-family:var(--font-ui);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg-app);position:relative}.dr-designer *,.dr-designer :before,.dr-designer :after{box-sizing:border-box}.dr-designer button{font:inherit;color:inherit;cursor:pointer}.dr-designer :focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.dr-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.dr-layout{grid-template-rows:var(--size-toolbar) minmax(0, 1fr);grid-template-columns:var(--size-palette) minmax(0, 1fr) var(--size-props);height:100%;display:grid}.dr-canvas-area{background:var(--canvas-backdrop);flex-direction:column;grid-area:2/2;min-width:0;min-height:0;display:flex}.dr-btn{height:28px;padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;display:inline-flex}.dr-btn-primary{background:var(--color-cta);color:var(--color-on-cta);box-shadow:var(--shadow-raised);font-weight:600}.dr-btn-primary:hover{background:var(--color-cta-hover)}.dr-btn-primary:active{background:var(--color-cta-active)}.dr-btn-secondary{border-color:var(--color-border-strong);background:var(--color-bg-inset)}.dr-btn-secondary:hover{background:var(--color-bg-hover)}.dr-btn:disabled{opacity:.5;cursor:default}.dr-tbtn{min-width:28px;height:28px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:5px;display:inline-flex}.dr-tbtn:hover{background:var(--color-bg-hover)}.dr-tbtn:disabled{color:var(--color-text-disabled);cursor:default;background:0 0}.dr-tbtn.is-on{background:var(--color-accent-subtle-bg);color:var(--color-accent)}.dr-tbtn svg{flex:none}.dr-toolbar{align-items:center;gap:var(--space-2);padding:0 var(--space-3);background:var(--color-bg-app);border-bottom:1px solid var(--color-border);grid-area:1/1/auto/-1;display:flex;overflow-x:auto}.dr-brand{align-items:center;gap:var(--space-2);display:flex}.dr-brand-mark{place-items:center;display:grid}.dr-brand-name{font-size:var(--text-sm);letter-spacing:.02em;font-weight:600}.dr-toolbar-sep{background:var(--color-border);flex:none;width:1px;height:20px}.dr-toolbar-spacer{flex:1}.dr-doc-dirty{background:var(--color-warning);visibility:hidden;border-radius:50%;flex:none;width:6px;height:6px}.dr-doc-dirty.is-on{visibility:visible}.dr-sidebar{border-right:1px solid var(--color-border);flex-direction:column;grid-area:2/1;min-height:0;display:flex}.dr-sidebar-splitter{cursor:row-resize;touch-action:none;flex:none;height:5px}.dr-sidebar-splitter:hover,.dr-sidebar-splitter:active{background:var(--color-accent-subtle-bg)}.dr-palette{background:var(--color-bg-panel);padding:var(--space-2) 0;flex-direction:column;flex:none;min-height:0;display:flex}.dr-panel-caption{font-size:var(--text-xs);color:var(--color-text-secondary);letter-spacing:.08em;padding:var(--space-2) var(--space-3)}.dr-pal-list{padding:0 var(--space-2);flex-direction:column;gap:2px;min-height:0;margin:0;list-style:none;display:flex;overflow-y:auto}.dr-pal-item{align-items:center;gap:var(--space-2);padding:5px var(--space-2);border-radius:var(--radius-sm);text-align:left;width:100%;font-size:var(--text-sm);cursor:grab;touch-action:none;background:0 0;border:1px solid #0000;display:flex}.dr-pal-item:hover{background:var(--color-bg-hover)}.dr-pal-hint{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:auto}.dr-pal-icon{width:18px;height:18px;color:var(--color-text-secondary);flex:none;place-items:center;display:grid;position:relative}.dr-pal-item:hover .dr-pal-icon{color:inherit}.dr-pi-text{font-size:12px;font-weight:600;line-height:1}.dr-pi-line{border-top:2px solid;width:13px;height:0}.dr-pi-rect{border:1.5px solid;width:13px;height:10px}.dr-pi-ellipse{border:1.5px solid;border-radius:50%;width:13px;height:10px}.dr-pi-table{border:1.5px solid;width:14px;height:11px}.dr-pi-table:before{content:"";border-top:1px solid;position:absolute;top:7px;left:3px;right:3px}.dr-pi-table:after{content:"";border-left:1px solid;position:absolute;top:4px;bottom:4px;left:8px}.dr-pi-image{border:1.5px solid;width:13px;height:10px;position:relative;overflow:hidden}.dr-pi-image:after{content:"";border:1.5px solid;width:8px;height:8px;position:absolute;top:5px;left:1px;transform:rotate(45deg)}.dr-pi-flex{flex-direction:column;justify-content:space-between;width:12px;height:12px;display:flex}.dr-pi-flex:before,.dr-pi-flex:after{content:"";background:currentColor;height:3px}.dr-pi-flex i{background:currentColor;height:3px}.dr-pi-pageno{font-family:var(--font-mono);font-size:9px;line-height:1}.dr-pi-barcode{background-image:repeating-linear-gradient(90deg,currentColor 0 2px,#0000 2px 4px);width:14px;height:12px}.dr-layers{border-top:1px solid var(--color-border);background:var(--color-bg-panel);flex-direction:column;flex:1;min-height:0;display:flex}.dr-layers-body{flex:1;min-height:0;overflow-y:auto}.dr-layer-list,.dr-layer-children{margin:0;padding:0;list-style:none}.dr-layers-empty{padding:var(--space-4) var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center}.dr-layer-row{padding:3px var(--space-2) 3px calc(var(--depth,0) * 14px + var(--space-2));align-items:center;gap:4px;display:flex}.dr-layer-row:hover{background:var(--color-bg-hover)}.dr-layer-row.is-selected{background:var(--color-accent-subtle-bg)}.dr-layer-row.is-otherpage{opacity:var(--paper-ghost-opacity)}.dr-layer-caret,.dr-layer-caret-spacer{width:14px;height:14px;color:var(--color-text-secondary);background:0 0;border:none;flex:none;place-items:center;font-size:9px;display:grid}.dr-layer-main{min-width:0;font-size:var(--text-sm);text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:6px;padding:0;display:flex}.dr-layer-icon{width:16px;height:16px;color:var(--color-text-secondary);flex:none;place-items:center;display:grid;position:relative}.dr-layer-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dr-layer-del{border-radius:var(--radius-sm);width:18px;height:18px;color:var(--color-text-secondary);background:0 0;border:none;flex:none;place-items:center;line-height:1;display:none}.dr-layer-row:hover .dr-layer-del,.dr-layer-row.is-selected .dr-layer-del{display:grid}.dr-layer-del:hover{background:var(--color-danger-bg);color:var(--color-danger)}.dr-canvasbar{height:var(--size-canvasbar);align-items:center;gap:var(--space-2);padding:0 var(--space-3);background:var(--color-bg-app);border-bottom:1px solid var(--color-border);flex:none;display:flex;overflow-x:auto}.dr-canvasbar .dr-tbtn{height:24px}.dr-canvasbar-label{font-size:var(--text-xs);color:var(--color-text-secondary)}.dr-zoom-value{font-size:var(--text-sm);text-align:center;min-width:40px}.dr-seg{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-inset);margin:0;padding:0;display:inline-flex;overflow:hidden}.dr-seg button{font-size:var(--text-sm);color:var(--color-text-secondary);background:0 0;border:none;padding:2px 10px}.dr-seg button+button{border-left:1px solid var(--color-border)}.dr-seg button:hover{background:var(--color-bg-hover)}.dr-seg .is-active{background:var(--color-accent-subtle-bg);color:var(--color-accent);font-weight:600}.dr-viewport{grid-template-columns:var(--size-ruler) minmax(max-content, 1fr);grid-template-rows:var(--size-ruler) minmax(max-content, 1fr);flex:1;min-height:0;display:grid;overflow:auto}.dr-viewport.is-pan{cursor:grab}.dr-viewport.is-panning{cursor:grabbing}.dr-ruler-corner{z-index:6;background:var(--canvas-ruler-bg);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);font-size:var(--text-2xs);color:var(--canvas-ruler-text);place-items:center;display:grid;position:sticky;top:0;left:0}.dr-ruler-h{z-index:5;height:var(--size-ruler);background-color:var(--canvas-ruler-bg);border-bottom:1px solid var(--color-border);background-image:repeating-linear-gradient(to right, var(--canvas-ruler-tick) 0 1px, transparent 1px calc(10 * var(--mm))), repeating-linear-gradient(to right, var(--canvas-ruler-tick) 0 1px, transparent 1px calc(5 * var(--mm)));background-position:24px bottom,24px bottom;background-repeat:repeat-x;background-size:auto 7px,auto 4px;position:sticky;top:0;overflow:hidden}.dr-ruler-v{z-index:5;width:var(--size-ruler);background-color:var(--canvas-ruler-bg);border-right:1px solid var(--color-border);background-image:repeating-linear-gradient(to bottom, var(--canvas-ruler-tick) 0 1px, transparent 1px calc(10 * var(--mm))), repeating-linear-gradient(to bottom, var(--canvas-ruler-tick) 0 1px, transparent 1px calc(5 * var(--mm)));background-position:right 24px,right 24px;background-repeat:repeat-y;background-size:7px,4px;position:sticky;left:0;overflow:hidden}.dr-rl{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--canvas-ruler-text);line-height:1;position:absolute}.dr-ruler-h .dr-rl{top:3px;left:calc(24px + var(--n) * var(--mm) + 3px)}.dr-ruler-v .dr-rl{left:2px;top:calc(24px + var(--n) * var(--mm) + 2px)}.dr-canvas-content{padding:24px}.dr-paper{width:calc(var(--pw) * var(--mm));height:calc(var(--ph) * var(--mm));background:var(--paper-bg);color:var(--paper-text);box-shadow:var(--shadow-paper);touch-action:none;-webkit-user-select:none;user-select:none;outline:none;position:relative}.dr-paper.dr-show-grid:before{content:"";background-image:repeating-linear-gradient(to right, var(--paper-grid) 0 1px, transparent 1px calc(5 * var(--mm))), repeating-linear-gradient(to bottom, var(--paper-grid) 0 1px, transparent 1px calc(5 * var(--mm)));pointer-events:none;position:absolute;inset:0}.dr-paper-empty-hint{color:var(--paper-annot);font-size:var(--text-md);text-align:center;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.dr-el{left:calc(var(--x) * var(--mm));top:calc(var(--y) * var(--mm));width:calc(var(--w) * var(--mm));height:calc(var(--h) * var(--mm));transform:rotate(var(--rot,0deg));position:absolute}.dr-el:hover{outline:1px solid var(--paper-selection);outline-offset:1px}.dr-el-text,.dr-el-pageNumber{font-size:calc(var(--fs,10) * var(--pt));color:var(--tc,var(--paper-text));white-space:pre-wrap;overflow:hidden}.dr-align-center{text-align:center}.dr-align-right{text-align:right}.dr-text-line{white-space:pre;letter-spacing:calc(var(--cs,0) * var(--pt))}.dr-el-line-h{border-top:max(1px, calc(var(--t,.3) * var(--mm))) var(--ls,solid) var(--lc,var(--paper-text));height:0}.dr-el-line-v{border-left:max(1px, calc(var(--t,.3) * var(--mm))) var(--ls,solid) var(--lc,var(--paper-text));width:0}.dr-el-line:after{content:"";position:absolute;inset:-4px}.dr-el-rect{border-width:max(1px, calc(var(--bw,.3) * var(--mm)));border-style:var(--ls,solid);border-color:var(--bc,var(--paper-text));background-color:var(--fc,transparent);border-radius:calc(var(--rr,0) * var(--mm))}.dr-el-rect.is-borderless{border-width:0}.dr-el-ellipse{border-width:max(1px, calc(var(--bw,.3) * var(--mm)));border-style:solid;border-color:var(--bc,var(--paper-text));background-color:var(--fc,transparent);border-radius:50%}.dr-el-ellipse.is-borderless{border-width:0}.dr-el-image .dr-el-img{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}.dr-el-image.is-placeholder{border:1px dashed var(--paper-annot);color:var(--paper-annot);font-size:var(--text-xs);place-items:center;display:grid;overflow:hidden}.dr-el-flex{outline:1px dashed var(--paper-annot)}.dr-el-flex:hover{outline:1px dashed var(--paper-selection)}.dr-el-barcode{border:1px solid var(--paper-annot);overflow:hidden}.dr-bc{flex-direction:column;display:flex;position:absolute;inset:0}.dr-bc-bars{flex:1;align-items:stretch;gap:1px;min-height:0;padding:2px;display:flex}.dr-bc-bar{background:var(--paper-text)}.dr-bc-qr{border:1px solid var(--paper-text);flex:1;min-height:0;margin:2px;position:relative}.dr-bc-qr-finder{border:3px solid var(--paper-text);width:22%;height:22%;position:absolute}.dr-bc-qr-finder--tl{top:8%;left:8%}.dr-bc-qr-finder--tr{top:8%;right:8%}.dr-bc-qr-finder--bl{bottom:8%;left:8%}.dr-bc-value{font-family:var(--font-mono);font-size:var(--text-xs);text-align:center;white-space:nowrap;text-overflow:ellipsis;color:var(--paper-annot);flex:none;padding:0 2px 1px;line-height:1.2;overflow:hidden}.dr-el.is-dragging{opacity:.85;outline:2px dashed var(--paper-selection);outline-offset:1px;cursor:grabbing}.dr-el.is-otherpage{opacity:var(--paper-ghost-opacity);pointer-events:none}.dr-bind{background:var(--paper-bind-bg);color:var(--paper-bind-text);font-family:var(--font-mono);border-radius:2px;padding:0 .15em;font-size:.92em}.dr-el-chip{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--paper-selection);color:var(--paper-on-selection);white-space:nowrap;z-index:3;padding:3px 6px;font-size:10px;line-height:1;position:absolute;top:-19px;left:-2px}.dr-el-chip--error{background:var(--paper-error)}.dr-el-chip--muted{background:var(--paper-bg);color:var(--paper-annot);border:1px dashed var(--paper-annot);padding:2px 5px}.dr-el.is-otherpage .dr-el-chip--muted{opacity:1}.dr-tbl-stripe{left:0;right:0;top:calc(var(--sy) * var(--mm));height:calc(var(--sh) * var(--mm));background:var(--sc);pointer-events:none;position:absolute}.dr-tbl-frame{border:max(1px, calc(var(--frame-w,.4) * var(--mm))) var(--frame-ls,solid) var(--paper-text);pointer-events:none;position:absolute;inset:0}.dr-tbl-hline{border-top:max(1px, calc(var(--grid-w,.25) * var(--mm))) var(--grid-ls,solid) var(--paper-text);height:0;left:0;right:0;top:calc(var(--ly) * var(--mm));position:absolute}.dr-tbl-vline{border-left:max(1px, calc(var(--grid-w,.25) * var(--mm))) var(--grid-ls,solid) var(--paper-text);width:0;top:0;bottom:0;left:calc(var(--lx) * var(--mm));position:absolute}.dr-tbl-th{top:calc(var(--ty,1.8) * var(--mm));left:calc(var(--cx) * var(--mm));width:calc(var(--cw) * var(--mm));font-size:calc(var(--fs,10) * var(--pt));text-align:center;white-space:nowrap;line-height:1.25;position:absolute;overflow:hidden}.dr-tbl-td{top:calc(var(--ty) * var(--mm));left:calc(var(--cx) * var(--mm));width:calc(var(--cw) * var(--mm));min-height:calc(var(--fs,10) * var(--pt) * 1.25);font-size:calc(var(--fs,10) * var(--pt));white-space:nowrap;letter-spacing:calc(var(--cs,0) * var(--pt));line-height:1.25;position:absolute;overflow:hidden}.dr-tbl-td.is-override{background:var(--paper-bind-bg)}.dr-tbl-note{left:0;right:0;top:calc(var(--ny) * var(--mm));text-align:center;color:var(--paper-annot);font-family:var(--font-mono);font-size:var(--text-xs);pointer-events:none;line-height:1.4;position:absolute;transform:translateY(-50%)}.dr-inline-editor{left:calc(var(--x) * var(--mm));top:calc(var(--y) * var(--mm));width:calc(var(--w) * var(--mm));height:calc(var(--h) * var(--mm));z-index:5;border:1px solid var(--paper-selection);background:var(--paper-bg);color:inherit;font:inherit;font-size:calc(var(--fs,10) * var(--pt));resize:none;white-space:pre-wrap;margin:0;padding:0;position:absolute;overflow:hidden}.dr-overlay{pointer-events:none;position:absolute;inset:0}.dr-overlay>*{pointer-events:none}.dr-sel-box,.dr-err-box,.dr-drag-ghost,.dr-flex-target,.dr-marquee{left:calc(var(--x) * var(--mm));top:calc(var(--y) * var(--mm));width:calc(var(--w) * var(--mm));height:calc(var(--h) * var(--mm));position:absolute}.dr-sel-box{outline:2px solid var(--paper-selection);outline-offset:1px;transform:rotate(var(--rot,0deg))}.dr-sel-box>.dr-el-chip{transform:rotate(calc(-1 * var(--rot,0deg)))}.dr-sel-box--preview{outline-style:dashed}.dr-err-box{outline:2px dashed var(--paper-error);outline-offset:1px}.dr-drag-ghost{outline:2px dashed var(--paper-selection);outline-offset:1px;opacity:.85}.dr-drag-ghost--rotated{transform:rotate(var(--rot,0deg))}.dr-flex-target{outline:2px solid var(--paper-selection)}.dr-marquee{border:1px solid var(--paper-selection);background:var(--paper-selection-fill)}.dr-cell-sel{left:calc(var(--x) * var(--mm));top:calc(var(--y) * var(--mm));width:calc(var(--w) * var(--mm));height:calc(var(--h) * var(--mm));background:var(--paper-selection-fill);box-shadow:inset 0 0 0 1px var(--paper-selection);pointer-events:none;position:absolute}.dr-h{width:7px;height:7px;left:calc(var(--hx) * var(--mm) - 4px);top:calc(var(--hy) * var(--mm) - 4px);background:var(--paper-handle-fill);border:1.5px solid var(--paper-selection);z-index:3;pointer-events:auto;transform:rotate(var(--rot,0deg));position:absolute}.dr-h--rotate{transform:rotate(var(--rot,0deg)) translateY(-16px);cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M14.54,6.56 A6,6 0 1,1 9.46,6.56' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round'/%3E%3Cpath d='M14.54,6.56 A6,6 0 1,1 9.46,6.56' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpolygon points='9.46,1.06 10.76,5.06 8.16,5.06' fill='white' stroke='black' stroke-width='1.1' stroke-linejoin='round' transform='rotate(65 9.46 6.56)'/%3E%3C/svg%3E") 12 12,alias;border-radius:50%}.dr-h[data-dr-handle=nw],.dr-h[data-dr-handle=se]{cursor:nwse-resize}.dr-h[data-dr-handle=ne],.dr-h[data-dr-handle=sw]{cursor:nesw-resize}.dr-h[data-dr-handle=n],.dr-h[data-dr-handle=s]{cursor:ns-resize}.dr-h[data-dr-handle=e],.dr-h[data-dr-handle=w],.dr-h[data-dr-handle=line-start],.dr-h[data-dr-handle=line-end]{cursor:ew-resize}.dr-viewport.is-pan .dr-h{cursor:inherit}.dr-move-band{--band-t:max(4px, calc(2 * var(--mm)));z-index:1;pointer-events:auto;cursor:move;background:0 0;position:absolute}.dr-move-band--top,.dr-move-band--bottom{left:calc(var(--x) * var(--mm));width:calc(var(--w) * var(--mm));height:var(--band-t)}.dr-move-band--top{top:calc(var(--y) * var(--mm))}.dr-move-band--bottom{top:calc((var(--y) + var(--h)) * var(--mm) - var(--band-t))}.dr-move-band--left,.dr-move-band--right{top:calc(var(--y) * var(--mm));height:calc(var(--h) * var(--mm));width:var(--band-t)}.dr-move-band--left{left:calc(var(--x) * var(--mm))}.dr-move-band--right{left:calc((var(--x) + var(--w)) * var(--mm) - var(--band-t))}.dr-viewport.is-pan .dr-move-band{cursor:inherit}.dr-guide-v{width:1px;top:0;bottom:0;left:calc(var(--gx) * var(--mm));background:var(--paper-guide);z-index:2;position:absolute}.dr-guide-h{height:1px;left:0;right:0;top:calc(var(--gy) * var(--mm));background:var(--paper-guide);z-index:2;position:absolute}.dr-cguide-v{width:1px;top:0;bottom:0;left:calc(var(--gx) * var(--mm));background:var(--paper-custom-guide);z-index:1;pointer-events:none;position:absolute}.dr-cguide-h{height:1px;left:0;right:0;top:calc(var(--gy) * var(--mm));background:var(--paper-custom-guide);z-index:1;pointer-events:none;position:absolute}.dr-cguide-hit{pointer-events:auto;position:absolute}.dr-cguide-v .dr-cguide-hit{cursor:col-resize;width:7px;top:0;bottom:0;left:-3px}.dr-cguide-h .dr-cguide-hit{cursor:row-resize;height:7px;top:-3px;left:0;right:0}.dr-env-window,.dr-env-safe{left:calc(var(--x) * var(--mm));top:calc(var(--y) * var(--mm));width:calc(var(--w) * var(--mm));height:calc(var(--h) * var(--mm));border:1px solid var(--paper-envelope);pointer-events:none;z-index:1;position:absolute}.dr-env-safe{border-style:dashed}.dr-insert-line-h{left:calc(var(--x) * var(--mm));top:calc(var(--y) * var(--mm) - 1px);width:calc(var(--l) * var(--mm));background:var(--paper-insert);z-index:3;height:2px;position:absolute}.dr-insert-line-v{left:calc(var(--x) * var(--mm) - 1px);top:calc(var(--y) * var(--mm));width:2px;height:calc(var(--l) * var(--mm));background:var(--paper-insert);z-index:3;position:absolute}.dr-coord-tip{left:calc(var(--x) * var(--mm));top:calc(var(--y) * var(--mm) + 6px);background:var(--paper-tip-bg);color:var(--paper-tip-text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:var(--radius-sm);white-space:nowrap;z-index:4;padding:4px 6px;font-size:10px;line-height:1;position:absolute}.dr-maxy-line{left:0;right:0;top:calc(var(--gy) * var(--mm));border-top:1px dashed var(--paper-annot);z-index:2;position:absolute}.dr-maxy-chip{right:2px;top:calc(var(--gy) * var(--mm) - 17px);font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:var(--radius-sm);background:var(--paper-bg);color:var(--paper-annot);border:1px dashed var(--paper-annot);z-index:2;padding:2px 5px;font-size:10px;line-height:1;position:absolute}.dr-props{background:var(--color-bg-panel);border-left:1px solid var(--color-border);flex-direction:column;grid-area:2/3;min-height:0;display:flex;overflow-y:auto}.dr-props-head{padding:var(--space-3);border-bottom:1px solid var(--color-border);gap:var(--space-2);flex-direction:column;display:flex}.dr-props-head-top{align-items:baseline;gap:var(--space-2);display:flex}.dr-type-badge{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-accent-subtle-bg);color:var(--color-accent);border-radius:var(--radius-sm);padding:2px 6px}.dr-props-id{font-family:var(--font-mono);font-size:var(--text-sm)}.dr-props-empty{padding:var(--space-6) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center}.dr-sect{border-bottom:1px solid var(--color-border);padding:var(--space-3);margin:0}.dr-sect-h{font-size:var(--text-xs);color:var(--color-text-secondary);letter-spacing:.06em;margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.dr-sect-note{font-size:var(--text-xs);color:var(--color-text-secondary);margin:var(--space-1) 0 0;line-height:1.5}.dr-frow{gap:4px var(--space-2);grid-template-columns:92px minmax(0,1fr);align-items:center;min-width:0;display:grid}.dr-frow+.dr-frow{margin-top:6px}.dr-frow>label,.dr-frow>.dr-frow-label{font-size:var(--text-sm);overflow-wrap:anywhere;line-height:var(--leading-tight)}.dr-nowrap{white-space:nowrap}.dr-ferr{font-size:var(--text-xs);color:var(--color-danger);grid-column:2;line-height:1.4}.dr-fhint{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-text-secondary);grid-column:2;line-height:1.4}.dr-field{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-inset);align-items:center;gap:4px;min-width:160px;height:26px;padding:0 6px;display:flex}.dr-field input,.dr-field select,.dr-field textarea{width:100%;font-size:var(--text-sm);color:inherit;background:0 0;border:none;outline:none;padding:0;font-family:inherit}.dr-field input.dr-mono{font-family:var(--font-mono)}.dr-field .dr-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.dr-unit{font-size:var(--text-2xs);color:var(--color-text-disabled);flex:none}.dr-field:focus-within{border-color:var(--color-focus);box-shadow:0 0 0 1px var(--color-focus)}.dr-field.is-error{border-color:var(--color-danger);box-shadow:0 0 0 1px var(--color-danger)}.dr-field.dr-field-multi{height:auto;padding:4px 6px}.dr-field textarea{resize:vertical;line-height:var(--leading-tight)}.dr-field-static{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--color-text-secondary);padding:0 2px}.dr-check{font-size:var(--text-sm);align-items:center;gap:6px;display:flex}.dr-field-color{gap:8px}.dr-field-color .dr-color-input{border:1px solid var(--color-border-strong);cursor:pointer;background:0 0;border-radius:3px;width:28px;height:18px;padding:0}.dr-field-color .dr-color-input:disabled{opacity:.4;cursor:not-allowed}.dr-color-none{font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:4px;display:flex}.dr-file{font-size:var(--text-xs);min-width:0;max-width:100%}.dr-frow .dr-seg{display:flex}.dr-frow .dr-seg button{white-space:nowrap;flex:1;padding:2px 4px}.dr-col-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-inset);flex-direction:column;gap:4px;padding:6px;display:flex}.dr-col-card+.dr-col-card{margin-top:var(--space-1)}.dr-col-row{align-items:center;gap:4px;min-width:0;display:flex}.dr-col-row .dr-field{flex:1;min-width:0;height:24px}.dr-col-row .dr-field.dr-col-w{flex:none;width:76px}.dr-col-row .dr-field.dr-col-align{flex:none;width:60px}.dr-col-btn{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-text-secondary);background:0 0;border:none;flex:none;place-items:center;line-height:1;display:grid}.dr-col-btn:hover:not(:disabled){background:var(--color-bg-hover);color:inherit}.dr-col-btn:disabled{color:var(--color-text-disabled);cursor:default}.dr-col-del:hover:not(:disabled){background:var(--color-danger-bg);color:var(--color-danger)}.dr-col-err{font-size:var(--text-xs);color:var(--color-danger);line-height:1.4}.dr-copy-row{gap:4px;display:flex}.dr-copy-btn{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-inset);min-width:0;height:24px;color:var(--color-text-secondary);font-size:var(--text-2xs);flex:1}.dr-copy-btn:hover{background:var(--color-bg-hover);color:inherit}.dr-add-col{width:100%;margin-top:var(--space-2);border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);height:26px;font-size:var(--text-sm);color:var(--color-text-secondary);background:0 0}.dr-add-col:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-subtle-bg)}.dr-drawer{border-top:1px solid var(--color-border);background:var(--color-bg-app);flex:none}.dr-drawer-bar{align-items:center;gap:var(--space-2);width:100%;height:28px;padding:0 var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);text-align:left;background:0 0;border:none;display:flex}.dr-drawer-bar:hover{background:var(--color-bg-hover)}.dr-caret{font-size:9px}.dr-badge{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-2xs);border-radius:var(--radius-sm);padding:1px 6px}.dr-badge-err{background:var(--color-danger-bg);color:var(--color-danger)}.dr-badge-ok{color:var(--color-success)}.dr-drawer-body{height:var(--size-drawer);border-top:1px solid var(--color-border);overflow-y:auto}.dr-verr-list{margin:0;padding:0;list-style:none}.dr-verr{gap:var(--space-2);width:100%;padding:5px var(--space-3);border:none;border-bottom:1px solid var(--color-border);font-size:var(--text-sm);text-align:left;background:0 0;grid-template-columns:52px 200px minmax(0,1fr);align-items:baseline;display:grid}.dr-verr:hover{background:var(--color-bg-hover)}.dr-verr.is-selected{background:var(--color-accent-subtle-bg)}.dr-verr-rule{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius-sm);justify-self:start;padding:1px 5px}.dr-verr-path{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);overflow-wrap:anywhere}.dr-verr-warn .dr-verr-rule{color:var(--color-warning);background:var(--color-warning-bg)}.dr-drawer-empty{padding:var(--space-5);text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm)}.dr-drawer-compat{padding:var(--space-3);border-top:1px solid var(--color-border)}.dr-statusbar{height:var(--size-statusbar);align-items:center;gap:var(--space-4);padding:0 var(--space-3);background:var(--color-bg-app);border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;flex:none;display:flex}.dr-statusbar-cursor{min-width:110px}.dr-statusbar-spacer{flex:1}.dr-dialog-scrim{background:var(--color-scrim);z-index:50;place-items:center;display:grid;position:fixed;inset:0}.dr-dialog{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:560px;max-width:92vw;max-height:84vh;box-shadow:var(--shadow-overlay);flex-direction:column;display:flex}.dr-dialog-h{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--text-lg);font-weight:600}.dr-dialog-b{padding:var(--space-4);gap:var(--space-3);font-size:var(--text-sm);flex-direction:column;display:flex;overflow-y:auto}.dr-dialog-b p{margin:0}.dr-dialog-note{font-size:var(--text-xs);color:var(--color-text-secondary)}.dr-dialog-f{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);justify-content:flex-end;gap:var(--space-2);display:flex}.dr-dialog-errors{margin:0;padding:0;list-style:none}.dr-dialog-errors li{gap:var(--space-2);border-bottom:1px solid var(--color-border);grid-template-columns:52px 200px minmax(0,1fr);align-items:baseline;padding:5px 0;display:grid}.dr-dialog-wide{width:560px}.dr-tcards{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.dr-tcard{align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-inset);text-align:left;display:flex}.dr-tcard:hover{background:var(--color-bg-hover)}.dr-tcard.is-selected{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent);background:var(--color-accent-subtle-bg)}.dr-rdot{border:1px solid var(--color-border-strong);border-radius:50%;flex:none;width:12px;height:12px}.dr-tcard.is-selected .dr-rdot{border-color:var(--color-accent);box-shadow:inset 0 0 0 2.5px var(--color-accent)}.dr-tcard-label{flex-direction:column;gap:2px;display:flex}.dr-tcard-name{font-weight:600}.dr-tcard-sub{font-size:var(--text-xs);color:var(--color-text-secondary)}.dr-export-warns{gap:var(--space-2);flex-direction:column;display:flex}.dr-export-warns-h{align-items:center;gap:var(--space-2);font-weight:600;display:flex}.dr-badge-warn{background:var(--color-warning-bg);color:var(--color-warning)}.dr-export-ok{color:var(--color-success)}.dr-warn-card{border-left:3px solid var(--color-warning);background:var(--color-warning-bg);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.dr-warn-card.is-unsupported{border-left-color:var(--color-danger);background:var(--color-danger-bg)}.dr-warn-note{align-items:baseline;gap:var(--space-2);display:flex}.dr-warn-mark{color:var(--color-warning);flex:none}.dr-warn-card.is-unsupported .dr-warn-mark{color:var(--color-danger)}.dr-warn-level{font-weight:600;font-size:var(--text-xs);color:var(--color-warning);flex:none}.dr-warn-card.is-unsupported .dr-warn-level{color:var(--color-danger)}.dr-warn-count{font-size:var(--text-xs);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;flex:none;margin-left:auto}.dr-warn-chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.dr-chip{font-family:var(--font-mono);font-size:var(--text-2xs);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-panel);padding:1px 6px}.dr-chip:hover{background:var(--color-bg-hover)}.dr-export-running{color:var(--color-text-secondary)}.dr-export-error{border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.dr-export-font-issues{margin:0;padding:0;list-style:none}.dr-export-font-issues li{gap:var(--space-2);border-bottom:1px solid var(--color-border);grid-template-columns:52px minmax(0,1fr);align-items:baseline;padding:5px 0;display:grid}.dr-dialog-f .dr-dialog-note{align-self:center;margin-right:auto}.dr-font-search{width:100%;height:28px;padding:0 var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-inset);font-size:var(--text-sm)}.dr-font-list{border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:280px;margin:0;padding:0;list-style:none;overflow-y:auto}.dr-font-row{width:100%;padding:var(--space-2) var(--space-3);text-align:left;border:none;border-bottom:1px solid var(--color-border);background:var(--color-bg-inset);flex-direction:column;gap:2px;display:flex}.dr-font-row:hover{background:var(--color-bg-hover)}.dr-font-row[aria-pressed=true]{background:var(--color-accent-subtle-bg);box-shadow:inset 2px 0 0 var(--color-accent)}.dr-font-name{font-weight:600}.dr-font-sub{font-size:var(--text-xs);color:var(--color-text-secondary)}.dr-font-notice{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.dr-shortcuts-group{gap:var(--space-1);flex-direction:column;display:flex}.dr-shortcuts-h{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;font-weight:600}.dr-shortcuts-table{border-collapse:collapse;width:100%}.dr-shortcuts-table td{border-bottom:1px solid var(--color-border);font-size:var(--text-sm);padding:4px 0}.dr-shortcuts-keys{width:220px;font-family:var(--font-mono);white-space:nowrap}.dr-preview{z-index:40;background:var(--color-bg-app);flex-direction:column;display:flex;position:absolute;inset:0}.dr-preview-bar{height:var(--size-toolbar);align-items:center;gap:var(--space-2);padding:0 var(--space-3);border-bottom:1px solid var(--color-border);flex:none;display:flex}.dr-preview-title{font-size:var(--text-lg);font-weight:600}.dr-preview-count{font-size:var(--text-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.dr-preview-body{grid-template-columns:minmax(0, 1fr) var(--size-props);flex:1;min-height:0;display:grid}.dr-preview-pages{min-width:0;padding:var(--space-5);background:var(--canvas-backdrop);gap:var(--space-5);flex-direction:column;display:flex;overflow-y:auto}.dr-preview-warnings{border:1px solid var(--color-warning);border-radius:var(--radius-md);background:var(--color-warning-bg);color:var(--color-warning);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.dr-preview-warnings ul{margin:0;padding-left:1.2em}.dr-preview-sheet{gap:var(--space-1);flex-direction:column;margin:0;display:flex}.dr-preview-pageno{font-size:var(--text-xs);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;text-align:center}.dr-preview-page{background:var(--paper-bg);color:var(--paper-text);box-shadow:var(--shadow-paper)}.dr-preview-svg{width:100%;height:auto;display:block}.dr-preview-error,.dr-preview-loading{padding:var(--space-6);color:var(--color-text-secondary);font-size:var(--text-sm)}.dr-preview-error p{margin:0 0 var(--space-3)}.dr-preview-side{border-left:1px solid var(--color-border);background:var(--color-bg-panel);min-height:0;padding:var(--space-3);overflow-y:auto}.dr-scenariobar{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.dr-scenariobar-select,.dr-scenariobar-name{flex:auto;min-width:96px}.dr-sample{gap:var(--space-2);flex-direction:column;display:flex}.dr-sample-field{align-items:stretch}.dr-sample-field textarea{font-family:var(--font-mono);font-size:var(--text-sm)}.dr-sample-err{font-size:var(--text-xs);color:var(--color-danger);margin:0;line-height:1.4}.dr-context-menu{z-index:60;min-width:168px;padding:var(--space-1) 0;background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);position:fixed}.dr-context-menu-item{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:5px var(--space-3);text-align:left;font-size:var(--text-md);background:0 0;border:none;display:flex}.dr-context-menu-item:hover,.dr-context-menu-item:focus-visible{background:var(--color-bg-hover);outline:none}.dr-context-menu-item.disabled{color:var(--color-text-disabled)}.dr-context-menu-item.disabled:hover,.dr-context-menu-item.disabled:focus-visible{background:0 0}.dr-context-menu-shortcut{font-size:var(--text-xs);color:var(--color-text-secondary)}.dr-context-menu-item.disabled .dr-context-menu-shortcut{color:var(--color-text-disabled)}.dr-sidebar.has-split .dr-palette{height:var(--dr-palette-h);max-height:calc(100% - 101px)}.dr-layout.is-left-closed{--size-palette:0px}.dr-layout.is-left-closed .dr-sidebar{display:none}.dr-layout.is-right-closed{--size-props:0px}.dr-layout.is-right-closed .dr-props{display:none}
