[hidden]{display:none!important}
:root{--ui:#f5f6f7;--border:#aeb3b8;--accent:#365f91;--dock:#eef09a;--text:#222;--selected:#ff3b30}
*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:"BIZ UDPGothic","Yu Gothic UI","Meiryo UI","Meiryo",sans-serif;color:var(--text);overflow:hidden;background:#ddd}
button,input,select{font:inherit}
.topbar{height:42px;display:flex;align-items:center;background:#f1f2f3;border-bottom:1px solid #aaa;padding:0 8px;gap:16px;user-select:none}
.brand{font-weight:700;white-space:nowrap}.brand span{font-size:11px;color:#666}
.menubar{display:flex;gap:2px;height:100%;align-items:center}.menu-root{position:relative}.menu-button{border:0;background:transparent;padding:8px 12px;border-radius:3px}.menu-button:hover{background:#dfe5ec}
.dropdown-menu{position:absolute;top:34px;left:0;min-width:210px;background:#fff;border:1px solid #999;box-shadow:0 5px 18px #0002;z-index:80;padding:4px}
.dropdown-item{display:block;width:100%;text-align:left;border:0;background:#fff;padding:7px 10px;cursor:pointer}.dropdown-item:hover{background:#e6f0ff}.dropdown-sep{height:1px;background:#ddd;margin:3px 0}
.top-actions{margin-left:auto;display:flex;gap:4px}.top-icon{height:30px;min-width:34px;border:1px solid #aaa;background:#fff;border-radius:3px}.tool-open{min-width:48px}
.workspace{position:absolute;top:42px;bottom:26px;left:0;right:0;display:flex}.canvas-wrap{position:relative;flex:1;min-width:0;background:white;overflow:hidden}.canvas-wrap.bg-cream{background:#fffef0}.canvas-wrap.bg-dark{background:#30343a}.canvas-wrap.dragover{outline:4px solid #5e9ef2 inset}
#cadSvg{width:100%;height:100%;display:block;touch-action:none;cursor:default}
.grid-small{stroke:#e9ecef;stroke-width:.15}.grid-major{stroke:#d9dde2;stroke-width:.25}
.cad-entity{fill:none;vector-effect:non-scaling-stroke;stroke:#111}.cad-text{fill:#111;dominant-baseline:auto;user-select:none;font-family:"BIZ UDPGothic","Yu Gothic UI","Meiryo UI","Meiryo",sans-serif;font-weight:400;stroke:none!important;paint-order:normal}.cad-watermark{fill:#000;opacity:.1;font-size:24px;font-family:"BIZ UDPGothic","Yu Gothic UI","Meiryo",sans-serif;pointer-events:none;user-select:none}.cad-point{vector-effect:non-scaling-stroke}.hit{stroke:transparent;fill:none;stroke-width:8;vector-effect:non-scaling-stroke}.selected{filter:drop-shadow(0 0 1px #fff);stroke:var(--selected)!important}.cad-entity.selected,.cad-point.selected{stroke-width:2.5!important}.cad-text.selected{fill:var(--selected)!important}.range-rect{fill:#6aa7ff22;stroke:#2f76d2;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:4 3}.measure-overlay{fill:none;stroke:#e04747;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:3 2}.selection-handle{fill:#32a4ff;stroke:#ffffff;stroke-width:1.1;vector-effect:non-scaling-stroke;cursor:grab}.selection-handle:hover{fill:#78c7ff;stroke:#174f9e}.selection-handle.active{fill:#ff9f1a;cursor:grabbing}.curve-control-handle{fill:#ff9f1a;stroke:#fff}
.coords,.selection-badge,.right-click-help{position:absolute;background:#ffffffdd;border:1px solid #aaa;border-radius:3px;padding:3px 7px;font-size:11px}.coords{left:8px;bottom:7px;cursor:copy;pointer-events:auto;color:#222}.selection-badge{left:8px;top:8px;pointer-events:none}.right-click-help{right:8px;bottom:7px;color:#666;pointer-events:none}
.automation-recorder-panel{position:fixed;left:8px;top:46px;width:230px;max-height:calc(100vh - 80px);z-index:110;background:#fff;border:1px solid #555;box-shadow:2px 3px 10px #0004;font-size:12px;overflow:hidden}.automation-recorder-head{padding:7px 9px;background:#eee;font-weight:700}.automation-recorder-controls{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px}.automation-recorder-controls button{min-height:28px;border:1px solid #777;background:#fff}.automation-recorder-controls #automationActionDelete{grid-column:1/-1}.automation-recorder-controls #automationPanelRecord.recording{background:#c40000;color:#fff}.automation-action-history{border-top:1px solid #aaa;max-height:55vh;overflow:auto}.automation-action-history button{display:block;width:100%;border:0;border-bottom:1px solid #ddd;background:#fff;padding:6px;text-align:left;font-size:12px}.automation-action-history button.selected{background:#dcecff}.automation-action-history button:hover{background:#f2f7ff}
.tool-dock{width:270px;flex:0 0 270px;background:var(--dock);border-left:1px solid #9a9a9a;padding:0;overflow-y:auto;overflow-x:hidden;z-index:40}.tool-dock.open{transform:none;margin-right:0}.dock-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.dock-close{border:1px solid #aaa;background:#fff;width:25px;height:25px}
.palette-top{margin-bottom:6px}.small-title{font-size:10px;margin:6px 0 2px}
.color-palette{display:grid;grid-template-columns:repeat(8,1fr);gap:0;border:1px solid #666;background:#fff;padding:2px}.color-swatch{height:22px;border:1px solid #666;cursor:pointer}.color-swatch.active{outline:2px solid #fff;box-shadow:0 0 0 2px #000;position:relative;z-index:1}.tone-swatch{background-color:#fff!important;background-size:8px 8px!important}.tone-swatch.tone-stripe{background-image:repeating-linear-gradient(135deg,transparent 0 5px,var(--tone-color) 5px 6px)!important}.tone-swatch.tone-grid{background-image:linear-gradient(var(--tone-color) 1px,transparent 1px),linear-gradient(90deg,var(--tone-color) 1px,transparent 1px)!important}.tone-swatch.tone-dot{background-image:radial-gradient(circle at 4px 4px,var(--tone-color) 0 1px,transparent 1.2px)!important}
.tool-grid-5{display:grid;grid-template-columns:repeat(5,50px);gap:2px;justify-content:start}.toolbtn.placeholder{background:#fff;border:1px solid #aaa;cursor:default}.toolbtn{width:50px;height:50px;padding:0;border:1px solid #888;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.toolbtn:hover{background:#eef5ff}.toolbtn.active{background:#fff1f1;border:3px solid #e00000;box-shadow:inset 0 0 0 1px #fff}.toolbtn img{max-width:46px;max-height:46px;display:block}.toolbtn.hidden-tool{display:none}
.operation-row{display:flex;gap:8px;margin:8px 0;align-items:flex-start}.operation-row.hidden-tool-options{display:none}.operation-style{flex:1;min-width:0}.angle-nav-row{display:flex;gap:6px;margin:8px 0}.angle-pad{width:104px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #777;background:#fff}.angle-pad button{height:31px;border:0;border-right:1px solid #999;border-bottom:1px solid #999;background:#fff;font-size:18px}.angle-pad button:nth-child(3n){border-right:0}.angle-pad button:nth-child(n+7){border-bottom:0}.angle-center{color:#aaa}.hidden-input-state{display:none}
.navigator{flex:1;min-width:84px;border:1px solid #777;background:#fff;display:flex;flex-direction:column;align-items:center;padding:3px}.navigator svg{width:72px;height:72px;cursor:move}.navigator strong{font-size:14px}.nav-bg{fill:#fafafa;stroke:#aaa}.nav-entity{fill:none;stroke:#777;stroke-width:.8}.nav-viewport{fill:#4c8eda22;stroke:#2f76d2;stroke-width:1.5}
.value-fields{border:1px solid #777;background:#fff}.value-fields label{height:34px;display:flex;align-items:center;border-bottom:1px solid #aaa;padding:0 6px;font-size:13px}.value-fields label:last-child{border-bottom:0}.value-fields input{margin-left:auto;width:180px;border:0;text-align:right;font-size:16px;outline:none}.toolbar-numeric-panel{margin-top:8px}.toolbar-numeric-panel[hidden]{display:none}.toolbar-numeric-panel .value-fields{flex:1}.toolbar-numeric-panel .value-fields input{width:92px}.copy-mirror-row{display:flex;align-items:center;gap:6px;border:1px solid #777;background:#fff;padding:6px;font-size:13px}
.calc-label{font-size:10px;margin-top:4px}.calc-display{width:100%;height:27px;border:1px solid #777;background:#fff;text-align:right;padding:2px 5px}.calc-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:3px;border-left:1px solid #888;border-top:1px solid #888}.calc-grid button{height:31px;background:#fff;border:0;border-right:1px solid #888;border-bottom:1px solid #888}.calc-grid button:hover{background:#eef5ff}.calc-enter{font-size:11px}
.style-section{margin-top:8px}.style-two,.linetype-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}.compact-style{grid-template-columns:1fr 1fr}.linetype-stack{display:grid;grid-template-columns:1fr;gap:2px}.operation-style .line-width-btn,.operation-style .linetype-btn{height:25px}.operation-style .sample-line{width:48px;margin-right:0}.operation-style .lt{margin:0 5px}.line-width-btn,.linetype-btn{height:34px;border:1px solid #888;background:#fff}.line-width-btn.active,.linetype-btn.active{background:#d7eaff;border-color:#2f76d2}.sample-line{display:inline-block;width:55px;background:#111;vertical-align:middle;margin-right:5px}.sample-line.thin{height:1px}.sample-line.thick{height:3px}.lt{display:block;height:2px;margin:0 6px;background:#111}.lt.dashed{background:repeating-linear-gradient(90deg,#111 0 9px,transparent 9px 15px)}.lt.dashdot{background:repeating-linear-gradient(90deg,#111 0 12px,transparent 12px 16px,#111 16px 18px,transparent 18px 23px)}.lt.center{background:repeating-linear-gradient(90deg,#111 0 16px,transparent 16px 21px,#111 21px 25px,transparent 25px 30px)}
.tool-options{margin-top:7px;border:1px solid #8c8c8c;background:#fff}.tool-options-head{padding:5px 7px;border-bottom:1px solid #ccc;display:flex;flex-direction:column}.tool-options-head strong{font-size:13px}.tool-options-head span{font-size:10px;color:#666}.tool-options-body{padding:6px;font-size:12px}.tool-options-body label{display:block;margin:4px 0}.tool-options-body input,.tool-options-body select,.tool-options-body textarea{width:100%;margin-top:2px}.tool-options-body button{margin:3px 2px 3px 0}.measurement-result{font-size:25pt;line-height:1.25}.measurement-result strong{font:inherit;font-weight:700}.measurement-help{margin-top:8px;font-size:12px}.mini-btn,.wide-btn{border:1px solid #888;background:#fff;padding:5px 8px}.wide-btn{width:100%}.warning{color:#a64a00}.muted{color:#777}
.settings-drawer{position:absolute;right:10px;top:49px;width:320px;max-height:calc(100vh - 84px);overflow:auto;background:#f7f7f7;border:1px solid #999;box-shadow:0 7px 25px #0004;z-index:90;padding-bottom:8px}.settings-head{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;background:#e7e7e7;border-bottom:1px solid #aaa}.settings-head button{border:0;background:transparent;font-size:20px}.settings-drawer details{border-bottom:1px solid #ccc;padding:5px 10px}.settings-drawer summary{cursor:pointer;font-weight:700}.settings-drawer label{display:block;margin:7px 0;font-size:12px}.layer-list,.text-results{max-height:200px;overflow:auto;margin-top:5px}.layer-row,.search-row{display:flex;gap:6px;align-items:center;padding:3px;border-bottom:1px solid #ddd;font-size:11px}.search-row{cursor:pointer}.search-row:hover{background:#e8f1ff}
.modal-backdrop{position:fixed;inset:0;background:#0005;z-index:120;display:flex;align-items:center;justify-content:center}.modal-card{width:min(680px,90vw);max-height:80vh;background:#fff;border:1px solid #777;box-shadow:0 12px 35px #0005;display:flex;flex-direction:column}.modal-head,.modal-foot{padding:8px 12px;background:#eee;display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:16px;margin:0}.modal-head button,.modal-foot button{border:1px solid #999;background:#fff;padding:4px 12px}.modal-body{padding:12px;overflow:auto;font-size:13px}.diag{padding:8px;margin-bottom:6px;border-left:4px solid #777;background:#f5f5f5}.diag.ok{border-color:#3a8d4d}.diag.warn{border-color:#db8b24}.diag.info{border-color:#4384c4}.info-grid{display:grid;grid-template-columns:130px 1fr;gap:6px}.library-list{display:grid;gap:5px}.library-item{display:flex;gap:5px;align-items:center;border-bottom:1px solid #ddd;padding:5px 0}.library-item strong{flex:1}.button-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.statusbar{position:fixed;left:0;right:0;bottom:0;height:26px;background:#ececec;border-top:1px solid #aaa;display:flex;justify-content:space-between;align-items:center;padding:0 8px;font-size:11px;z-index:100}
@media(max-width:900px){.brand{display:none}.tool-dock{position:absolute;right:0;top:0;bottom:0}.right-click-help{display:none}}
body.desktop-app .right-click-help{opacity:.85}
.toolbar-numeric-panel{width:170px}.toolbar-numeric-panel .angle-nav-row{width:170px}.toolbar-numeric-panel .angle-nav-row .navigator{display:none}.toolbar-numeric-panel .angle-pad{width:66px}.toolbar-numeric-panel .angle-pad button{width:22px;height:22px;font-size:14px}.toolbar-numeric-panel .value-fields{width:170px}.toolbar-numeric-panel .value-fields input{width:54px;font-size:14px}
.bezier-handle-line{stroke:#ff4b65;stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none}.bezier-handle{fill:#ff4b65;stroke:#fff}.bezier-handle:hover{fill:#ff7b8e;stroke:#8a1730}
.rotation-pivot circle{fill:#fff8;stroke:#e04747;stroke-width:1.2;vector-effect:non-scaling-stroke}.rotation-pivot line{stroke:#e04747;stroke-width:1.2;vector-effect:non-scaling-stroke;pointer-events:none}.rotation-pivot:hover circle{fill:#ffe2e2;stroke:#b61f1f}
.operation-point{fill:#33a9ff;stroke:#fff;stroke-width:1;vector-effect:non-scaling-stroke}.operation-point.entity-selected{fill:#1d8fe8}.operation-point.point-selected{fill:#ff9f1a;stroke:#7a3d00;stroke-width:1.2}.operation-point:hover{fill:#7acbff;stroke:#174f9e}
.right-numeric-panel{display:none;position:fixed;z-index:115;width:170px;background:#fff;border:1px solid #555;box-shadow:3px 4px 12px #0004;padding:0;font-size:12px}
.line-shared-controls{position:relative;min-height:245px}.right-numeric-panel.line-docked{display:block;position:relative;z-index:auto;left:auto!important;top:auto!important;box-shadow:none}.tool-dock .right-numeric-panel.line-docked button,.tool-dock .right-numeric-panel.line-docked input,.tool-dock .right-numeric-panel.line-docked label,.tool-dock .right-numeric-panel.line-docked span{font-size:12px}.right-numeric-panel.line-docked .right-mini-palette,.right-numeric-panel.line-docked .right-quick-tools,.right-numeric-panel.line-docked .right-select-tools,.right-numeric-panel.line-docked .right-menu-drag-handle,.right-numeric-panel.line-docked .right-line-help{display:none!important}.right-line-help{width:280px;box-sizing:border-box;margin:6px 0 0;padding:6px;border:1px solid #aaa;background:#fff;line-height:1.35}
.right-num-top{display:grid;grid-template-columns:66px 1fr;border-bottom:1px solid #777}
.right-num-top.parallel-mode{grid-template-columns:1fr}.right-num-top.parallel-mode .right-angle-pad{display:none}
.right-angle-pad{display:grid;grid-template-columns:repeat(3,22px);border-right:1px solid #777}
.right-angle-pad button{width:22px;height:22px;border:0;border-right:1px solid #aaa;border-bottom:1px solid #aaa;background:#fff;padding:0}
.right-angle-pad button:nth-child(3n){border-right:0}.right-angle-pad button:nth-child(n+7){border-bottom:0}
.right-num-fields label{display:flex;height:33px;align-items:center;padding:0 4px;border-bottom:1px solid #aaa}.right-num-fields label:last-child{border-bottom:0}
.right-numeric-panel.line-docked .right-num-fields label{white-space:nowrap}.right-numeric-panel.line-docked .right-num-fields input{box-sizing:border-box;min-width:0;width:54px;flex:0 0 54px}
.right-num-fields input{width:54px;margin-left:auto;border:0;text-align:right;outline:none}
.right-calc-display{width:100%;height:24px;border:0;border-bottom:1px solid #777;text-align:right}
.right-calc-grid{display:grid;grid-template-columns:repeat(5,1fr)}
.right-calc-grid button{height:24px;border:0;border-right:1px solid #aaa;border-bottom:1px solid #aaa;background:#fff;padding:0}
.text-editor-panel{min-height:100%;display:flex;flex-direction:column;gap:6px}.text-editor-panel textarea{width:100%;min-height:108px;resize:vertical;border:1px solid #777;padding:6px;font:14px/1.45 "BIZ UDPGothic","Yu Gothic UI",sans-serif}.text-color-palette{display:grid;grid-template-columns:repeat(8,1fr);border:1px solid #777}.text-color-palette button{height:28px;border:0;border-right:1px solid #777}.text-color-palette button.active{outline:3px solid #e00000;outline-offset:-3px}.text-align-row{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;gap:3px}.text-align-row button,.text-transform-row button,.text-library-actions button{border:1px solid #888;background:#fff;padding:5px}.text-align-row button.active,.text-transform-row button.active{border:2px solid #e00000;background:#fff1f1}.text-save-btn{background:#ff9b24!important;color:#fff;border-color:#d87700!important}.text-size-row{display:flex;align-items:center;gap:5px;font-size:12px}.text-size-row select{flex:1}.text-transform-row{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:4px;align-items:center}.text-transform-row label{font-size:11px}.text-transform-row input{width:50px}.text-folder-bar{display:flex;align-items:end;gap:3px;border-bottom:1px solid #8d7b50}.text-category-tabs{display:flex;gap:2px;overflow-x:auto;flex:1}.text-category-tabs button{border:1px solid #9d8b55;border-bottom:0;background:#d8c06e;padding:5px 8px;white-space:nowrap}.text-category-tabs button.active{background:#fff}.text-folder-bar>button{border:1px solid #888;background:#fff}.saved-text-list{min-height:230px;max-height:360px;overflow:auto;border:1px solid #888;background:#fff}.saved-text-item{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #ddd;background:#fff;padding:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-text-item:hover{background:#fff8c9}.saved-text-item.selected{background:#ffe39a}.text-library-actions{display:flex;justify-content:flex-end;gap:5px}.text-library-actions button.active{border:2px solid #e00000}.text-editor-help{font-size:10px;color:#666;margin:0}
.howto-link{margin-left:auto;margin-right:8px;color:#174ea6;text-decoration:underline;font-size:12px;cursor:pointer}.howto-button{border:1px solid #777;background:#fff;padding:4px 8px;text-decoration:none;color:#222}.howto-button:hover{background:#eef5ff}.tag-tool{font-size:12px;font-weight:700;color:#9a4a00;background:#fff3d7}.dimension-label{font-size:2.82px;fill:#333;stroke:#fff;stroke-width:.45px;paint-order:stroke;pointer-events:none}.snap-target{cursor:pointer!important;filter:drop-shadow(0 0 2px #ff7a00)}.scale-mode-row{display:none;gap:8px;padding:5px;background:#fffbd0;border-bottom:1px solid #777;font-size:13px}.right-numeric-panel.scale-mode .scale-mode-row{display:flex}.tag-panel{display:none;position:fixed;z-index:120;width:280px;background:#fff;border:2px solid #222;padding:8px;box-shadow:0 4px 16px #0004}.tag-panel input{box-sizing:border-box;width:100%;height:34px;margin-bottom:7px;font-size:15px}.tag-list{display:flex;flex-wrap:wrap;gap:4px}.tag-list button{border:0;background:#ff8a19;color:#fff;padding:5px 7px;cursor:pointer}
.delete-tool-button{background:#fff0f0;color:#9b1515;font-size:12px;font-weight:700}
.assigned-tag-row{display:flex;align-items:stretch;margin:3px 0}.assigned-tag-row>button:first-child{flex:1;text-align:left}.assigned-tag-remove{width:32px!important;min-width:32px;padding:0!important;background:#fff0f0!important;color:#9b1515!important;font-weight:700}
.special-tool-panel{min-height:100%;display:flex;flex-direction:column;gap:9px}.special-tool-panel label{display:flex;align-items:center;justify-content:space-between;font-size:13px}.special-tool-panel input[type=number]{width:85px}.special-buttons,.shape-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.special-buttons button,.shape-grid button{min-height:38px;border:1px solid #777;background:#fff}.special-buttons button.active,.shape-grid button.active{outline:3px solid #e00000;outline-offset:-3px}.shape-grid{grid-template-columns:repeat(2,1fr)}
.unimplemented-panel{min-height:100%;box-sizing:border-box;padding:28px 20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:18px;text-align:left;cursor:pointer;background:#ffff80}.unimplemented-panel[hidden]{display:none}.unimplemented-panel strong{align-self:flex-start;font-size:18px;line-height:1.35;font-weight:500;color:#111}.unimplemented-panel img{display:block;width:min(100%,170px);height:auto;object-fit:contain}
.shape-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;font-size:11px}.shape-grid button img{width:42px;height:42px;object-fit:contain;image-rendering:auto}
.right-style-panel{position:absolute;left:169px;top:-1px;width:122px;box-sizing:border-box;background:#fff;border:1px solid #555;padding:5px;box-shadow:4px 4px 12px #0003}.right-style-title{font-size:12px;margin:2px 0}.right-width-options,.right-type-options{display:grid;gap:3px;margin-bottom:7px}.right-width-options button,.right-type-options button{height:27px;background:#fff;border:1px solid #888;padding:4px}.right-width-options button.active,.right-type-options button.active{outline:2px solid #e00000;outline-offset:-2px}.right-style-line{display:block;width:100%;border-top:1px solid #111}.right-style-line.thick{border-top-width:3px}.right-style-line.dashed{border-top-style:dashed}.right-style-line.dashdot{border-top:2px dashed #111}.right-style-line.center{border-top:1px dashed #111}.right-mini-palette{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #555}.right-mini-palette button{height:27px;border:0}.right-mini-palette button.active{outline:3px solid #e00000;outline-offset:-3px}
.right-numeric-panel.hide-style .right-style-panel{display:none}.right-numeric-panel.hide-style{width:170px}.right-numeric-panel.hide-second .right-num-fields label:last-child{display:none}.right-numeric-panel.rotate-mode .right-num-top{grid-template-columns:1fr}.right-numeric-panel.rotate-mode .right-angle-pad{display:none}.right-numeric-panel.hide-point-delete-inputs .right-num-top,.right-numeric-panel.hide-point-delete-inputs .right-calc-display,.right-numeric-panel.hide-point-delete-inputs .right-calc-grid{display:none}.right-copy-mirror{display:flex;align-items:center;gap:5px;padding:5px;border-bottom:1px solid #777;background:#fff;font-size:12px}.right-copy-mirror[hidden]{display:none}.color-palette-popup{display:none;position:fixed;z-index:120;grid-template-columns:repeat(8,28px);gap:0;border:2px solid #222;background:#fff;padding:3px;box-shadow:0 4px 16px #0004}.color-palette-popup button{width:28px;height:28px;border:1px solid #555;cursor:pointer}.color-palette-popup button:hover{outline:3px solid #e00000;outline-offset:-3px}
.special-tool-panel label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0}.special-tool-panel label input[type="number"]{width:100px}.button-origin{border:1px solid #aaa;margin:8px 0;padding:5px}.button-origin label{display:inline-flex;margin-right:12px}.button-help{font-size:12px;line-height:1.45;border-top:1px solid #bbb;margin-top:8px}.tool-help-image{display:block;max-width:100%;max-height:180px;object-fit:contain;margin:8px auto}.copy-direction-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:8px 0}.copy-direction-pad button{height:32px;border:1px solid #888;background:#fff}.copy-calc{margin-top:8px}.copy-calc input{width:100%;box-sizing:border-box;height:28px;text-align:right}.copy-compact-editor{width:170px;margin:2px 0;border:1px solid #555;background:#fff;font-size:12px}.copy-compact-top{display:grid;grid-template-columns:66px 1fr;border-bottom:1px solid #777}.copy-compact-pad{grid-template-columns:repeat(3,22px);gap:0;margin:0;border-right:1px solid #777}.copy-compact-pad button{width:22px;height:22px;padding:0;border:0;border-right:1px solid #aaa;border-bottom:1px solid #aaa}.copy-compact-pad button:nth-child(3n){border-right:0}.copy-compact-pad button:nth-child(n+7){border-bottom:0}.copy-compact-fields label{height:33px;margin:0;padding:0 4px;border-bottom:1px solid #aaa}.copy-compact-fields label:last-child{border-bottom:0}.copy-compact-fields input{width:54px;border:0;text-align:right;outline:none}.copy-compact-mirror{height:28px;margin:0!important;padding:5px;border-bottom:1px solid #777;font-size:12px}.copy-calc{margin:0}.copy-calc input{height:24px;border:0;border-bottom:1px solid #777}.copy-calc-grid{margin-top:0}.copy-calc-grid button{height:24px;padding:0}
.autosave-restore-list{display:grid;gap:5px;margin-top:8px}.autosave-restore-list .wide-btn{width:100%;text-align:left}.image-direction-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:8px 0}.image-direction-pad button{min-height:30px}.cad-image{pointer-events:auto}
.select-tool-grid{display:grid;grid-template-columns:repeat(5,50px);gap:2px;justify-content:start}.select-tool-grid button{width:50px;height:50px;padding:0;border:1px solid #888;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.select-tool-grid button:hover{background:#eef5ff}.select-tool-grid button img{max-width:46px;max-height:46px;display:block}.select-tool-grid .select-delete{background:#fff0f0;color:#9b1515;font-size:12px;font-weight:700}.select-tool-grid .select-tag{background:#fff3d7;color:#9a4a00;font-size:12px;font-weight:700}
body.print-group-required #primaryTools .toolbtn:not([data-tool="group"]),body.print-group-required #selectToolGrid [data-select-tool]:not([data-select-tool="group"]){filter:grayscale(1);opacity:.35}
.generic-tool-panel{align-items:flex-start}.generic-tool-icon{width:50px;height:50px;object-fit:contain;border:1px solid #888;background:#fff}.generic-tool-panel p{margin:0;font-size:18px;line-height:1.35}.generic-tool-panel #genericToolHint:has(.color-palette){width:100%;box-sizing:border-box}.generic-tool-panel #genericToolHint .color-palette{width:100%;box-sizing:border-box}.fabric-grain-guide-image{display:block;width:min(100%,320px);height:auto;margin:4px 0;border:1px solid #bbb}
#genericToolIcon[src$="kadoawase2.png"]{width:min(100%,240px);height:auto;max-height:220px}
.group-display{stroke:var(--group-display-color)!important;filter:drop-shadow(0 0 1px #fff)}
.tag-folder-panel{width:320px}.tag-folder-tabs{display:flex;flex-wrap:wrap;gap:3px;margin:4px 0}.tag-folder-tabs button{border:1px solid #9d8b55;background:#eee0a1;padding:4px 6px;font-size:12px}.tag-folder-tabs button.active{background:#fff;border-color:#555}.tag-folder-panel .tag-list{min-height:64px}.tag-apply-button{width:100%;margin-top:7px;border:1px solid #777;background:#fff;padding:7px;font-weight:700}
.group-tool-panel{align-items:stretch}.group-tool-panel p{margin:0;font-size:18px;line-height:1.35}.group-tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.group-tool-grid button{min-height:42px;border:1px solid #777;background:#fff;font-size:14px}.group-tool-grid button:hover{background:#eef5ff}.group-banner-space{flex:1;min-height:120px}
#mainToolPanel .palette-top{display:none}
.license-dialog{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:16px;background:#0008}.license-dialog[hidden]{display:none}.license-dialog section{width:min(100%,420px);box-sizing:border-box;background:#fff;padding:20px;border-radius:10px;box-shadow:0 10px 30px #0008}.license-dialog h2{margin:0 0 10px}.license-dialog label{display:grid;gap:5px;margin:12px 0}.license-dialog input{min-height:38px;font-size:16px}.license-dialog section>div{display:flex;gap:7px;flex-wrap:wrap}.license-dialog button,#licenseSettings button{border:1px solid #777;background:#fff;padding:7px 10px}.license-dialog #licenseMessage{min-height:1.4em;color:#9b1515}#licenseSettings{border-top:1px solid #bbb;margin-top:10px;padding-top:10px}#licenseSettings p{margin:5px 0}
.google-access-dialog{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:16px;background:#0008}.google-access-dialog[hidden]{display:none}.google-access-dialog section{width:min(100%,500px);box-sizing:border-box;background:#fff;padding:20px;border-radius:10px;box-shadow:0 10px 30px #0008}.google-access-dialog h2{margin:0 0 12px}.google-access-dialog p{line-height:1.6}.google-access-dialog label{display:grid;gap:5px;margin:12px 0}.google-access-dialog input{min-height:38px;font-size:16px}.google-access-dialog button{border:1px solid #777;background:#fff;padding:8px 10px}.access-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.access-buttons button{font-weight:700;background:#fff8df}
.access-title{display:flex;align-items:center;justify-content:space-between}.access-title h2{margin:0}.access-title #accessClose{font-size:22px;line-height:1;padding:3px 9px}.toolbtn.license-locked,.select-tool-grid button.license-locked{filter:grayscale(1);opacity:.38}.toolbtn.license-locked{color:#777}.toolbtn.license-locked img,.select-tool-grid button.license-locked img{filter:grayscale(1)}
.upgrade-access-button{border:1px solid #896b39;background:#fff8df;color:#4d3715;padding:8px 14px;border-radius:5px;font-weight:700;cursor:pointer}
.hit{stroke-width:30}.generic-tool-panel .measurement-help{font-size:18px;line-height:1.35}#linePanel{gap:4px}#linePanel>p{margin:0}
#googleLogoutSection{border-top:1px solid #bbb;margin-top:10px;padding-top:10px}#googleLogoutSection p{margin:5px 0}#googleLogoutButton{border:1px solid #777;background:#fff;padding:7px 10px}
.tool-dock{--dock-scale:1;width:390px;flex:0 0 390px;position:absolute;right:0;top:0;bottom:0;font-size:18px;transform:translateX(calc(100% + 8px));pointer-events:none;transition:transform .18s ease;box-shadow:-3px 0 12px #0003}
.tool-dock.open{transform:translateX(0);margin-right:0;pointer-events:auto}
.dock-slide-tab{display:flex;position:absolute;z-index:74;right:0;width:30px;height:94px;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:7px 0 0 7px;background:#5b4a3c;color:#fff;font-size:16px;line-height:1.05;touch-action:pan-y}.dock-bookmark-arrow{font-size:15px;line-height:1}.dock-bookmark-label{text-align:center;line-height:1.05}.dock-main-slide-tab{top:40%;transform:translateY(-50%)}.dock-edit-slide-tab{top:60%;transform:translateY(-50%)}.tool-dock.open~.dock-slide-tab{display:none}
.tool-dock{--tool-content-width:100%}
.tool-grid-5,.tool-options,.special-tool-panel,.text-editor-panel{width:var(--tool-content-width);max-width:100%}
.tool-grid-5{grid-template-columns:repeat(5,minmax(0,1fr));width:100%;justify-content:stretch}
.tool-grid-5 .toolbtn{width:100%;height:auto;aspect-ratio:1}
.tool-grid-5 .toolbtn img{max-width:92%;max-height:92%}
.tool-options{margin-top:5px}
.tool-options-head{padding:4px 0}
.tool-options-body{padding:4px 0}
.tool-options-body p,.tool-options-body>p,.special-tool-panel>p,.text-editor-help,.measurement-help{margin:0;line-height:1.35}
.special-tool-panel{gap:4px}
.special-tool-panel label{margin:2px 0}
.seam-tool-icon-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.seam-tool-icon-row button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:74px;padding:5px 2px;border:1px solid #777;background:#fff;cursor:pointer}
.seam-tool-icon-row img{width:42px;height:42px;object-fit:contain}
.seam-tool-icon-row span{font-size:12px;line-height:1.15;text-align:center}
#seamPanel .seam-apply-main{display:block;width:100%;min-height:46px;margin-top:5px;padding:7px 10px;border:1px solid #9d8165;border-radius:6px;background:#9d8165;color:#fff;font-size:16pt;font-weight:700;cursor:pointer}
.tool-help-image{margin:3px auto}
.upgrade-access-footer{position:absolute;right:7px;bottom:7px;z-index:80;width:auto!important;zoom:1!important}
.upgrade-access-footer .upgrade-access-button{font-size:14px;padding:6px 9px}
.google-access-dialog.access-tab-content{position:static;z-index:auto;inset:auto;display:block;padding:0;background:transparent}
.google-access-dialog.access-tab-content section{width:var(--tool-content-width);max-width:100%;padding:0;background:transparent;border-radius:0;box-shadow:none}
.google-access-dialog.access-tab-content p{margin:4px 0;line-height:1.35}
.google-access-dialog.access-tab-content label{margin:6px 0}
.google-access-dialog.access-tab-content #googleSignIn{min-height:40px}
.text-editor-panel{gap:4px}
.text-editor-panel .text-size-transform-row{display:flex;align-items:center;gap:8px}
.text-editor-panel .text-size-row{flex:0 0 auto;gap:4px;margin:0}
.text-editor-panel .text-size-row select{width:74px;flex:none}
.text-editor-panel .text-rotation-row{display:flex;align-items:center;gap:3px;margin:0}
.text-editor-panel .text-rotation-row input{width:58px;text-align:right}
.text-editor-panel .text-transform-row{display:flex;gap:14px;align-items:center}
.text-editor-panel .text-transform-row label{display:inline-flex;align-items:center;gap:3px;margin:0}
.text-editor-panel .text-editor-help{margin:2px 0 0;line-height:1.4}
.tool-dock> :not(.dock-resizer){width:100%;zoom:1}
.point-move-inputs .angle-nav-row{width:100%;margin:0}
.point-move-inputs .value-fields{flex:1}
.point-move-inputs .value-fields input{width:calc(100% - 66px)}
.dock-resizer{position:absolute;z-index:75;left:-5px;top:0;bottom:0;width:10px;cursor:ew-resize;touch-action:none}.dock-resizer::after{content:"";position:absolute;left:4px;top:0;bottom:0;width:2px;background:#7774}.tool-dock> :not(.dock-resizer){width:calc(100% / var(--dock-scale));zoom:var(--dock-scale)}.tool-dock button,.tool-dock input,.tool-dock select,.tool-dock textarea,.tool-dock label,.tool-dock p,.tool-dock summary,.tool-dock .small-title,.tool-dock .tool-options-head strong,.tool-dock .tool-options-head span{font-size:18px}.tool-dock .tool-options-head span{line-height:1.35}.tool-dock .toolbtn{font-size:16px}.toolbar-numeric-panel{width:100%!important}.toolbar-work-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(72px,30%,115px);gap:8px;align-items:start}.toolbar-work-left{min-width:0}.toolbar-numeric-panel .angle-nav-row{width:100%!important;margin:0 0 5px}.toolbar-numeric-panel .angle-pad{width:104px!important}.toolbar-numeric-panel .angle-pad button{width:auto;height:34px;font-size:18px}.toolbar-numeric-panel .value-fields{width:auto!important}.toolbar-numeric-panel .value-fields input{width:calc(100% - 66px);font-size:18px}.value-fields label{height:40px;font-size:18px}.operation-row{margin:0;gap:0;min-width:0;width:100%}.operation-style .line-width-btn,.operation-style .linetype-btn{height:31px}.operation-style .sample-line{width:100%;max-width:62px}.operation-style .lt{margin:0 8px}.small-title{margin:0 0 4px}.calc-grid{margin-top:0}.calc-grid button{height:38px;font-size:18px}.copy-mirror-row{font-size:18px;margin-top:6px}@media(max-width:900px){.tool-dock{max-width:90vw}.toolbar-work-layout{grid-template-columns:minmax(0,1fr) clamp(72px,30%,105px)}}

/* 新規グループの部品情報入力だけに適用 */
.group-tag-wizard{max-width:440px;margin:auto;border:3px solid #ff982f;border-radius:16px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:14px}.group-tag-wizard .group-tag-question{margin:0;font-size:16px;font-weight:600;white-space:pre-line}.group-tag-wizard-input{width:100%;box-sizing:border-box;padding:7px;border:1px solid #888;font:inherit}.group-tag-wizard-list-title{font-size:15px;font-weight:600}.group-tag-wizard-choices{display:flex;flex-wrap:wrap;gap:6px}.group-tag-wizard-choices button{border:2px solid transparent;padding:6px 9px;background:#ff8c16;color:#fff;font:inherit;cursor:pointer}.group-tag-wizard-choices button.active{background:#a94b00;border-color:#512800;box-shadow:inset 0 0 0 1px #fff}.group-tag-wizard-next{align-self:flex-end;border:0;border-radius:6px;padding:7px 18px;background:#968878;color:#fff;cursor:pointer}.group-tag-wizard button:focus-visible{outline:3px solid #246bb2;outline-offset:2px}
.pattern-info-prompt,.pattern-info-edit,.group-label-edit{display:flex;flex-direction:column;gap:12px;max-width:440px}.pattern-info-prompt p{margin:0;line-height:1.5}.pattern-info-prompt input,.pattern-info-edit input,.group-label-edit input,.group-label-edit textarea{width:100%;padding:7px;border:1px solid #888;font:inherit}.pattern-info-edit label,.group-label-edit label{display:flex;flex-direction:column;gap:4px}.pattern-info-prompt button,.pattern-info-edit button,.group-label-edit button{align-self:flex-end;padding:7px 18px;border:1px solid #777;border-radius:6px;background:#fff;cursor:pointer}
.seam-tag-label{fill:#9a4a00;stroke:#fff;stroke-width:3px;paint-order:stroke;font-family:"BIZ UDPGothic","Yu Gothic UI","Meiryo",sans-serif;font-weight:700;pointer-events:none;user-select:none}@media print{.seam-tag-labels{display:none!important}}
.tracing-editor{width:100%;display:flex;flex-direction:column;gap:6px}.tracing-editor canvas{width:100%;height:auto;background:#222;border:1px solid #777;touch-action:none}.tracing-editor output{min-width:28px;text-align:right}.tracing-help{font-size:13px!important}