*{margin:0;padding:0;box-sizing:border-box}.drawing-status-panel{margin:auto 10px 5px;padding-top:5px;border-top:1px solid lightgrey;font:12px Arial,Helvetica,sans-serif;flex-shrink:0}.active-layer-display{display:flex;align-items:center;gap:6px;margin-bottom:6px}.active-layer-display img{width:16px;height:16px;flex-shrink:0}#active-layer-name{min-width:0;overflow-wrap:anywhere}body{display:flex;height:100vh;overflow:hidden;position:relative}.left-side-panel{width:250px;background-color:#fafafa;color:#000;font-size:20px;padding-left:10px;padding-right:10px;font-family:Arial;display:flex;flex-direction:column}.left-side-panel{min-height:0;overflow-y:auto;overflow-x:hidden}.left-side-panel>*{flex-shrink:0}.welcome-message{margin-top:20px;margin-right:20px;font-size:14px;color:#333;line-height:1.4;padding:10px;text-align:justify;border:1px solid rgb(255,112,112);border-radius:10px;background-color:#fbebeb}.patreon-message{margin-top:20px;margin-right:20px;font-size:14px;color:#333;line-height:1.4;padding:10px;text-align:justify;border:1px solid rgb(94,132,255);border-radius:10px;background-color:#c7c7fa}.right-side-panel{width:250px;background-color:#fafafa}.stroke-advanced-button,.stroke-advanced-close{height:30px;border:none;border-radius:5px;background:#f1f1f1;color:#333;cursor:pointer;font:12px Arial,Helvetica,sans-serif}.stroke-advanced-button{background:transparent;display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;padding:0}.stroke-advanced-button:hover,.stroke-advanced-close:hover{background:#e2e2e2}.stroke-advanced-popup{position:fixed;inset:auto;margin:0;width:248px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:12px;border:1px solid #ccc;border-radius:6px;background:#fafafa;color:#333;box-shadow:0 4px 16px #00000029;font:12px Arial,Helvetica,sans-serif}.stroke-advanced-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.stroke-advanced-header h4{font-size:13px}.stroke-advanced-close{flex:0 0 24px;height:24px;font-size:20px}#stroke-dash-options{flex-wrap:wrap}.fill-settings-button{display:flex;align-items:center;gap:8px;height:30px;min-width:130px;padding:4px 8px;border:none;border-radius:5px;background:#f1f1f1;color:#333;font:12px Arial,Helvetica,sans-serif;cursor:pointer}.fill-settings-button:hover{background:#e2e2e2}#ai-settings-button{border:1px solid #0095ff;background:#fff!important;color:#0095ff!important}#ai-settings-button:hover{background:#e6f0fb!important}.fill-summary-swatch{width:20px;height:20px;flex:0 0 20px;border:1px solid #bbb;border-radius:4px;background:#fff}.fill-settings-popup,.text-advanced-popup{width:272px}.scale-advanced-popup,#ai-settings-popup{width:320px}.fill-popup-header,.fill-type-tabs{display:flex;align-items:center;gap:4px}.fill-popup-header{justify-content:space-between;gap:12px}.fill-type-tabs{flex:1;flex-wrap:wrap;padding:3px;border-radius:7px;background:#f1f1f1}.fill-type-tabs button{flex:1;height:30px;border:none;border-radius:5px;padding:0 8px;white-space:nowrap;background:transparent;color:#555;font:12px Arial,Helvetica,sans-serif;cursor:pointer}.fill-type-tabs button[aria-selected=true]{background:#fff;box-shadow:0 1px 4px #0002;color:#1265aa}.fill-settings-popup{width:340px;max-width:calc(100vw - 32px);box-sizing:border-box}#fill-none-options{margin-top:12px}.fill-type-tabs button:focus-visible,.gradient-toolbar-button:focus-visible,.gradient-icon-button:focus-visible,.gradient-stop-marker:focus-visible{outline:2px solid #0095ff;outline-offset:2px}.gradient-toolbar,.gradient-stops-heading,.gradient-angle-control{display:flex;align-items:center;gap:8px;margin-top:14px}.gradient-toolbar select{margin-right:auto;padding:7px 10px;border:1px solid #ddd;border-radius:6px;background:#fff;font:inherit;min-width:130px}.gradient-toolbar .gradient-toolbar-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 30px;margin-left:0;padding:5px;color:#222}.gradient-toolbar-button svg{width:18px;height:18px;flex-shrink:0}.gradient-toolbar-button:hover:not(:disabled){background:#e6f3ff}.gradient-icon-button{border:none;background:transparent;color:#222;border-radius:5px;font-size:23px;width:28px;height:30px;cursor:pointer;flex-shrink:0}.gradient-icon-button:hover{background:#e6f3ff}.gradient-icon-button:disabled{opacity:.3;cursor:default}.gradient-angle-control input{width:60px}.gradient-stops-heading{justify-content:space-between;margin-bottom:10px}.gradient-ramp{position:relative;height:44px;margin:36px 12px 18px;border:1px solid #0002;border-radius:7px}.gradient-stop-marker{position:absolute;top:-20px;transform:translate(-50%);width:28px;height:34px;padding:5px;border:1px solid #ddd;border-radius:7px;background:#fff;box-shadow:0 1px 6px #0003;cursor:ew-resize;touch-action:none}.gradient-stop-marker:before{content:"";display:block;height:20px;border-radius:3px;background:var(--stop-color)}.gradient-stop-marker:after{content:"";position:absolute;bottom:-6px;left:7px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff}.gradient-stop-marker[aria-pressed=true]{background:#0095ff;border-color:#0095ff;z-index:1}.gradient-stop-marker[aria-pressed=true]:after{border-top-color:#0095ff}#fill-gradient-stops{max-height:280px;overflow-y:auto}.gradient-stop-row{display:flex;gap:8px;align-items:center;padding:5px 0}.gradient-stop-row.selected{background:#e6f3ff;border-radius:6px}.gradient-stop-position,.gradient-stop-color{display:flex;align-items:center;gap:3px;background:#f3f3f3;border-radius:6px;padding:4px;min-width:0}.gradient-stop-color{flex:1}.gradient-stop-row input,.gradient-angle-control input{border:none;border-radius:4px;padding:4px 2px;background:#f3f3f3;font:inherit;min-width:0}.gradient-stop-row input[type=number]{width:37px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.gradient-stop-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.gradient-stop-row input[type=color]{padding:0;width:24px;height:26px;flex-shrink:0;cursor:pointer}.gradient-stop-hex{width:60px;flex:1}#drawingArea{flex:1;background-color:#fff;cursor:crosshair;position:relative;border-left:1px solid lightgrey;border-right:1px solid lightgrey;padding:0;display:flex;flex-direction:column;min-width:0;min-height:0}svg{width:100%;height:100%}#svgCanvas svg.layout-viewport{width:auto;height:auto}#svgCanvas{flex:1 1 auto;min-height:0;display:block}.layout-vp-controls{position:absolute;top:12px;right:12px;z-index:5;display:flex;flex-direction:column;align-items:stretch;width:186px;max-width:calc(100% - 24px);box-sizing:border-box;font:400 12px Arial,Helvetica,sans-serif;gap:4px;padding:6px;background:#fafafa;border:1px solid #c8c8c8;border-radius:6px;box-shadow:none;-webkit-user-select:none;user-select:none}.layout-vp-controls .layout-vp-row{display:flex;gap:4px;align-items:center;min-width:0}.layout-vp-controls label{flex:0 0 58px}.layout-vp-controls input,.layout-vp-controls select{flex:1;width:0;min-width:0;height:30px;box-sizing:border-box;border:0;border-radius:5px;background:white;color:#333;padding:0 8px;font:inherit}.layout-vp-controls button img{width:18px;height:18px}.layout-vp-controls button:disabled{opacity:.4;cursor:default}.layout-vp-controls button[aria-pressed=true]{background:#d6e6f7;border-color:#0a66c2}#svgCanvas.layout-viewport-pan{cursor:grab!important;touch-action:none}#svgCanvas.layout-viewport-dragging{cursor:grabbing!important}.layout-vp-controls button:focus-visible,.layout-vp-controls input:focus-visible,.layout-vp-controls select:focus-visible{outline:2px solid #0a66c2;outline-offset:1px}@media (max-width: 700px){.layout-vp-controls{position:fixed;width:186px;max-width:calc(100vw - 24px)}}.layout-vp-controls button{flex-shrink:0;width:28px;height:28px;font:400 12px Arial,Helvetica,sans-serif;line-height:1;border:1px solid #d0d0d0;background:#f7f7f7;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#333;padding:0}.layout-vp-controls button:hover{background:#e6f0fb;border-color:#4a90d9}.layout-vp-controls button:active{background:#d6e6f7}.layout-vp-controls .layout-vp-row-print{justify-content:center;margin-top:6px;padding-top:6px;border-top:1px solid #e0e0e0}.layout-vp-controls .layout-vp-row-print button{width:auto;min-width:96px;height:30px;padding:6px 10px;border:0;border-radius:5px;background:#f1f1f1;font-size:12px;font-weight:400;color:#000;white-space:nowrap}.layout-vp-controls .layout-vp-row-print button:hover{background:#e0e0e0;color:#000;border-color:#0a66c2}.layers-panel{margin:16px 0;min-width:0;font:12px Arial,sans-serif;color:#333}#layersPanel{margin-bottom:4px}#groupsPanel{margin-top:4px}.layer-row-heading,.layer-row-actions,.layer-transfer>div{display:flex;align-items:center;gap:4px;min-width:0}.layers-heading{display:list-item;position:relative;cursor:pointer;font:400 12px/26px Arial;color:#000;margin-bottom:6px;padding-right:30px;min-height:26px}.layers-panel button{min-width:26px;height:26px;padding:3px;border:1px solid #ccc;border-radius:3px;background:#fff;color:#333;cursor:pointer;flex-shrink:0}.layers-panel button:hover:not(:disabled){background:#e6f0fb;border-color:#4a90d9}.layers-panel button:disabled{opacity:.4;cursor:default}.layers-panel button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}.layers-panel button[aria-pressed=true][data-layer-action=locked]{background:#fff3d4;color:#755200}.layers-panel .layers-heading button,.layers-panel .layers-heading button:hover:not(:disabled){position:absolute;right:0;top:0;width:26px;height:26px;padding:0;border:0;background:transparent;box-shadow:none;font-size:16px;line-height:26px;font-weight:400}.layer-list{border-top:1px solid #ddd;border-bottom:1px solid #ddd}.layer-row{display:flex;align-items:center;gap:4px;min-height:28px;box-sizing:border-box;padding:3px 4px 3px 7px;border-bottom:1px solid #e4e4e4;cursor:pointer}.layer-row:last-child{border-bottom:0}.layer-row.is-active{background:#e8f1fa;box-shadow:inset 3px 0 #397ab5}.layer-row:focus-visible{outline:1px solid #397ab5;outline-offset:-1px}.layer-row-heading{flex:1;overflow:hidden}.layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.layer-row.is-hidden .layer-name{color:#888}.layer-base-marker{flex:0 0 auto;font-size:10px;font-weight:600;color:#52616b;cursor:help}.layer-row-heading input[type=text]{width:0;min-width:0;flex:1;height:21px;box-sizing:border-box;padding:1px 2px;border:1px solid #397ab5;background:white;font:inherit;text-overflow:ellipsis}.layer-row-heading input[type=text]:focus{background:white;border-color:#397ab5}.layer-row-actions{flex:0 0 auto;gap:2px;margin:0;opacity:0;pointer-events:none}.layer-row:hover .layer-row-actions,.layer-row:focus-visible .layer-row-actions,.layer-row-actions:has(button:focus-visible){opacity:1;pointer-events:auto}.layers-panel .layer-row-actions button{display:flex;align-items:center;justify-content:center;width:15.6px;min-width:15.6px;height:15.6px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.layers-panel .layer-row-actions button:hover:not(:disabled),.layers-panel .layer-row-actions button[aria-pressed=true]{background:transparent}.layer-row-actions button img{display:block;width:9.6px;height:9.6px}.layer-row-actions button:hover:not(:disabled) img{opacity:.65}.layer-transfer{margin-top:8px}.layer-transfer label{display:block;margin-bottom:4px}.layer-transfer select{width:0;min-width:0;flex:1;height:30px;font:inherit;border:0;border-radius:5px;background:#fff;box-shadow:none}.layer-transfer select:focus-visible{outline:1px solid #397ab5;outline-offset:-1px}.layers-panel .layer-transfer button{height:30px;padding:6px 10px;border:1px solid #0095ff;border-radius:5px;background:#fff!important;color:#0095ff!important;font:400 12px Arial,Helvetica,sans-serif}.layers-panel .layer-transfer button:hover:not(:disabled){background:#e6f0fb!important}.layers-panel .layer-transfer button:disabled{background:#f1f1f1!important;color:#888!important;border-color:#ccc;opacity:1;cursor:default}.layers-panel .layer-transfer button:focus-visible{outline:2px solid #397ab5;outline-offset:2px}#layerStatus{color:#9f2b22;overflow-wrap:anywhere;margin:6px 0 0}.group-count{flex:0 0 auto;font-size:10px;color:#52616b;background:#eef2f5;border-radius:8px;padding:1px 6px}.groups-panel .group-unassign-button{width:100%;margin-top:6px;background:#fff!important;color:#0095ff!important;border:1px solid #0095ff}.groups-panel .group-unassign-button:hover:not(:disabled){background:#e6f0fb!important;border-color:#0095ff}#groupStatus{color:#9f2b22;overflow-wrap:anywhere;margin:6px 0 0}#layerStatus:empty{display:none}.instruction-bar{flex:0 0 auto;width:100%;min-height:26px;padding:4px 12px;box-sizing:border-box;background:#fafafa;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:18px;display:flex;align-items:center;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instruction-bar:empty:before{content:"Ready.";color:#888;font-style:italic}[id$=-instructions]{display:none!important}#arc-mode-selector,#circle-mode-selector,#path-mode-selector,#polygonModePanel,#starModePanel,#freeHandModePanel,#text-mode-toggle,#add-image-mode-toggle{bottom:64px!important}#spaceTabs{flex:0 0 auto;display:flex;align-items:center;gap:0;height:28px;background:#fafafa;border-top:1px solid #d0d0d0;padding:0 6px;font-family:Arial,Helvetica,sans-serif;font-size:12px;-webkit-user-select:none;user-select:none;overflow-x:auto;overflow-y:hidden}#spaceTabs .space-tab{padding:4px 14px;margin-right:2px;background:#e8e8e8;color:#555;border:1px solid #d0d0d0;border-bottom:none;border-radius:4px 4px 0 0;cursor:pointer;white-space:nowrap;line-height:18px}#spaceTabs .space-tab:hover{background:#ddd;color:#222}#spaceTabs .space-tab.active{background:#ffffff;color:#111;font-weight:600;border-color:#b0b0b0;position:relative;z-index:1}#spaceTabs .space-tab-close{display:inline-block;margin-left:8px;width:16px;height:16px;line-height:14px;text-align:center;font-size:14px;color:#888;border-radius:50%;cursor:pointer;vertical-align:middle}#spaceTabs .space-tab-close:hover{background:#e74c3c;color:#fff}#spaceTabs .space-tab-add{margin-left:4px;width:22px;height:22px;line-height:18px;font-size:14px;font-weight:600;background:#ffffff;color:#555;border:1px solid #d0d0d0;border-radius:50%;cursor:pointer;padding:0}#spaceTabs .space-tab-add:hover{background:#e8f3ff;color:#0a66c2;border-color:#0a66c2}#spaceTabs .space-tab-action{margin-left:4px;width:22px;height:22px;line-height:18px;font-size:13px;font-weight:600;background:#ffffff;color:#555;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;padding:2px;display:inline-flex;align-items:center;justify-content:center}#spaceTabs .space-tab-action svg{display:block;width:100%;height:100%}#spaceTabs .space-tab-action:hover{background:#e8f3ff;color:#0a66c2;border-color:#0a66c2}#settingsPreview{position:absolute;right:0;bottom:0;height:28px;display:flex;align-items:center;padding:0 8px;background:#fafafa;border-top:1px solid #d0d0d0;border-left:1px solid #d0d0d0;z-index:2}#settingsPreview svg{display:block;width:auto;height:auto}#settingsPreview .dimension-factor-warning{margin-left:8px;padding:2px 5px;max-width:148px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:3px;background:#fff1c2;color:#794400;font:600 11px/16px Arial,sans-serif}.style-picker-row{display:flex;justify-content:flex-end;margin:0 10px 4px 0}.style-picker-button{width:20px;height:20px;padding:2px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#000;display:inline-flex;align-items:center;justify-content:center}.style-picker-button:hover,.style-picker-button.active{color:#1e90ff}.style-picker-button svg{width:14px;height:14px;display:block}.space-tab-menu{position:fixed;z-index:10001;background:#ffffff;border:1px solid #c8c8c8;border-radius:6px;box-shadow:0 4px 14px #0000002e;padding:4px 0;min-width:140px;font-family:Arial,Helvetica,sans-serif;font-size:12px}.space-tab-menu-item{padding:6px 14px;cursor:pointer;color:#222}.space-tab-menu-item:hover{background:#f0f6ff}.layout-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);z-index:10000;display:flex;align-items:center;justify-content:center;font-family:Arial,Helvetica,sans-serif}.layout-dialog{background:#ffffff;border-radius:8px;box-shadow:none;font:400 12px Arial,Helvetica,sans-serif;padding:22px 26px;width:380px;max-width:92vw}.layout-dialog h3{margin:0 0 16px;font-size:15px;color:#222}.layout-dialog-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.layout-dialog-row label{width:110px;font-size:12px;color:#444}.layout-dialog-row input,.layout-dialog-row select{flex:1;min-width:0;height:30px;border:0;border-radius:5px;padding:0 8px;font:inherit;background:#fff;outline:none;box-sizing:border-box}.layout-dialog-row input[type=number]{width:80px;flex:0 0 auto}.layout-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.layout-dialog-actions button{height:30px;padding:0 14px;font-size:12px;border-radius:5px;border:1px solid #c0c0c0;background:#f5f5f5;cursor:pointer}.layout-dialog-actions button.primary{background:#0a66c2;border-color:#0a66c2;color:#fff}.layout-dialog-actions button:hover{filter:brightness(.96)}.app-branding{--brand-icon-size: 34px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin:20px 0 6px;padding-right:10px}.app-branding .app-logo{margin:0;height:var(--brand-icon-size);width:auto}.app-branding .app-title{display:flex;flex-direction:column;min-width:0;line-height:1.1}.app-branding .cloud-account-button{width:var(--brand-icon-size);height:var(--brand-icon-size);padding:0;border:0;border-radius:50%;background-color:gray;color:#fff;font:700 20px/var(--brand-icon-size) Arial,Helvetica,sans-serif;text-align:center;cursor:pointer}.app-branding .cloud-account-button.is-signed-in{background-color:#ed4b89}.app-branding .cloud-account-button:focus-visible{outline:2px solid #242924;outline-offset:3px}.app-branding .app-name{margin:0;line-height:1.1}.app-branding .app-version{font-size:11px;color:#666}@media (max-width: 600px){.app-branding .app-title{grid-row:2;grid-column:1 / -1}.app-branding .cloud-account-button{grid-row:1;grid-column:3}}.app-mission{margin:0 0 16px;font-style:italic;font-size:12px;color:#555;line-height:1.4}.file-name-display-wrapper{margin-left:0;margin-bottom:0;width:100%;background-color:#fafafa;border:1px solid transparent;border-radius:6px;padding:6px 0 0;text-align:left;transition:border-color .2s ease,box-shadow .2s ease}.file-controller-panel{margin-top:auto;margin-bottom:20px}#file-export-button{anchor-name:--file-export-button}.file-export-popup{position:fixed;inset:auto;top:anchor(bottom,40%);left:anchor(left,16px);position-anchor:--file-export-button;margin:6px 0 0;padding:6px;width:164px;max-width:calc(100vw - 32px);box-sizing:border-box;border:1px solid #d0d0d0;border-radius:6px;background:#fff;box-shadow:0 4px 16px #0002}.file-export-popup button{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:6px 8px;border:0;border-radius:3px;background:transparent;color:#333;font:inherit;font-size:12px;text-align:left;cursor:pointer}.file-export-popup button:hover,.file-export-popup button:focus-visible{background:#eee}.file-export-popup img{width:24px;height:24px;flex-shrink:0}.file-name-display-wrapper.active{border:1px solid #4a90e2;box-shadow:0 0 0 2px #4a90e233}.file-name-display{display:block;width:100%;cursor:text;font-size:18px;color:#333;-webkit-user-select:none;user-select:none;padding:0}.file-name-input{display:none;width:100%;border:0;outline:none;font-size:18px;color:#333;background:transparent;padding:0;box-sizing:border-box}.file-name-input::placeholder{color:#999}.file-name-display-wrapper.active .file-name-input{padding-left:10px;padding-right:10px}.info-panel{display:none;flex-direction:column;width:230px;height:auto;flex:1 1 auto;min-height:60px;margin:10px;padding:10px;border:1px solid #d0d0d0;border-radius:6px;background-color:#fafafa;font-family:Arial,sans-serif;font-size:12px;color:#333;box-shadow:0 1px 2px #0000000d;box-sizing:border-box}.info-panel.is-visible,.info-panel.op-content-div.visible{display:flex}.info-panel-title{font-size:14px;font-weight:600;margin-bottom:6px}.info-table-container{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;border-top:1px solid #e0e0e0;padding-top:6px;position:relative}.info-table{width:100%;table-layout:fixed;border-collapse:collapse}.info-table td{padding:4px 0;vertical-align:middle}.info-table td:last-child{min-width:0;overflow:hidden}.info-table td:first-child{width:40%;color:#555;padding-right:6px;font-weight:500;overflow-wrap:break-word}.info-table .info-attr-name{font-weight:500;color:#333}.info-table .info-attr-desc{font-size:10px;color:#888;font-weight:400;line-height:1.2;margin-top:1px}.info-table input[type=text],.info-table input[type=number]{width:100%;max-width:100%;height:26px;padding:0 6px;border:none;border-radius:5px;font-size:12px;background-color:#f1f1f1;box-sizing:border-box}.info-table input[type=text]:focus,.info-table input[type=number]:focus{outline:none;box-shadow:0 0 0 2px #4a90e233}.info-table input.is-invalid,.info-table input.is-invalid:focus{background-color:#fdeceb;box-shadow:0 0 0 2px #d32f2f59}.info-table .info-geom-summary{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;max-width:100%;box-sizing:border-box;background-color:#f1f1f1;border-radius:5px;padding:4px 6px;min-height:18px}.info-table .info-geom-count{font-size:11px;color:#555}.info-table .info-row-toggle{border:none;background:none;color:#1976d2;cursor:pointer;font-size:11px;padding:0;white-space:nowrap}.info-table tr.info-subrow td:first-child{padding-left:12px;font-weight:400;font-size:11px;color:#777}.info-table .info-point-inputs{display:flex;flex-wrap:wrap;align-items:center;gap:3px;min-width:0;max-width:100%}.info-table .info-point-inputs input[type=number]{flex:1 1 40px;min-width:0;width:40px;height:22px;padding:0 4px;font-size:11px}.info-table .info-subrow-btn{flex:0 0 18px;width:18px;height:18px;border:none;border-radius:4px;background-color:#e4e4e4;color:#555;font-size:12px;line-height:1;cursor:pointer;padding:0}.info-table .info-subrow-btn:hover:not(:disabled){background-color:#d5d5d5}.info-table .info-subrow-btn:disabled{opacity:.35;cursor:default}.info-table .info-color-control{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%;box-sizing:border-box;background-color:#f1f1f1;border-radius:5px;padding:3px 4px}.info-table .info-color-control input[type=color]{width:20px;height:20px;flex:0 0 20px;border:none;border-radius:4px;padding:0;background:none;cursor:pointer}.info-table .info-color-control input.info-color-hex{flex:1 1 0;min-width:0;width:auto;height:20px;padding:0 4px;border-radius:4px;font-size:11px;font-family:monospace}.info-table .info-color-control input.info-color-alpha{flex:0 1 30px;width:30px;min-width:0;height:20px;padding:0 2px;border-radius:4px;font-size:11px}.info-panel-empty{margin-top:6px;font-size:12px;color:#888}.info-table-scroll-indicator{position:sticky;bottom:0;left:0;right:0;padding:12px 0 4px;text-align:center;font-size:11px;color:#555;background:linear-gradient(to bottom,rgba(250,250,250,0),rgba(250,250,250,.95));opacity:0;visibility:hidden;transition:opacity .2s ease;pointer-events:none}.info-table-scroll-indicator.is-visible{opacity:1;visibility:visible}.info-selected line,.info-selected rect,.info-selected circle,.info-selected ellipse,.info-selected polygon,.info-selected path,g.info-selected line,g.info-selected rect,g.info-selected circle,g.info-selected ellipse,g.info-selected polygon,g.info-selected path{stroke:#1976d2!important}.info-selected text,g.info-selected text{fill:#1976d2!important}.app-logo{width:27px;height:30px;display:inline-block;vertical-align:middle;margin-top:20px;margin-bottom:20px}.link-button{display:inline-block;padding:2px 8px;background-color:#f0f0f0;color:#000;border-radius:4px;font-size:10px;text-decoration:none;white-space:nowrap}.link-button:hover{background-color:#e4e4e4}h3{font-size:12px;font-weight:400;font-family:Arial;color:#000}#server_folder_button[hidden]{display:none}:is(.left-side-panel,.right-side-panel) button:not(.cloud-account-button):not(.outline-action-button):not(.active):not([aria-pressed=true]):not([aria-selected=true]):not(:hover){color:#333!important}:is(#show-action-button,#show-snap-button,.settings-tabs>button):not(.active):not([aria-pressed=true]):not([aria-selected=true]):not(:hover){color:#707070!important}:is(.left-side-panel,.right-side-panel) button:not(.cloud-account-button):not(.outline-action-button):not(.active):not([aria-pressed=true]):not([aria-selected=true]):not(:hover),:is(.left-side-panel,.right-side-panel) .settings-tabs button:not(.active),.left-side-panel :is(#show-action-button,#show-snap-button):not(.active){background-color:transparent!important}.tool-button:after,.snap-button:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .1s ease-out 0s;margin-bottom:5px;z-index:2}.tool-button:hover:after,.snap-button:hover:after{opacity:1;transition:opacity .3s ease-in 1.5s}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.tool-button-container{display:flex;flex-direction:column;width:200px;background-color:#fafafa}.tool-button-row{display:flex;flex-wrap:wrap;gap:1px;margin-bottom:1px}.tool-button-row:last-child{margin-bottom:0}#action-div .tool-button-container{width:216px}#arrange-toolbar,#combine-toolbar{position:absolute;bottom:64px;left:50%;transform:translate(-50%);display:flex;justify-content:center;flex-wrap:wrap;gap:2px;width:max-content;max-width:calc(100% - 16px);box-sizing:border-box;padding:6px;border:1px solid #b8b8b8;border-radius:4px;background:#fafafa;box-shadow:0 2px 6px #00000020;z-index:10}#arrange-toolbar .tool-button,#combine-toolbar .tool-button{flex:0 0 30px}:is(.tool-button,.snap-button,.scale-mode-button,.button-container button,.settings-tabs button,.gear-panel-button):focus-visible{outline:1px solid #0095ff;outline-offset:-3px}:is(.tool-button,.snap-button,.scale-mode-button,.button-container button,.settings-tabs button,.gear-panel-button):focus:not(:focus-visible){outline:none}@media (forced-colors: active){:is(.tool-button,.snap-button,.scale-mode-button,.button-container button,.settings-tabs button,.gear-panel-button):focus-visible{outline:2px solid Highlight}}#gearModePanel{position:fixed;bottom:48px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;width:600px;max-width:calc(100vw - 32px);max-height:min(60vh,calc(100dvh - 64px));box-sizing:border-box;overflow:hidden;border:1px solid #b8b8b8;border-radius:8px;background:#fff;color:#333;box-shadow:0 4px 16px #00000020;font:12px Arial,Helvetica,sans-serif}#gearModePanel *{box-sizing:border-box}#gearModePanel [hidden]{display:none!important}.gear-panel-header{display:flex;align-items:center;gap:8px;flex:none;padding:12px 16px;border-bottom:1px solid #ddd;background:#fafafa}.gear-panel-header img{width:20px;height:20px}#gear-panel-title{margin:0;font-size:14px;font-weight:600}.gear-panel-body{min-height:0;overflow:auto;padding:14px 16px}.gear-panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}#gearModePanel label{display:flex;flex-direction:column;gap:5px;min-width:0;color:#555}#gearModePanel input,#gearModePanel select{width:100%;min-width:0;height:32px;padding:5px 8px;border:1px solid #ccc;border-radius:4px;background:#fff;color:#333;font:inherit}#gearModePanel :is(input,select):focus-visible,.gear-panel-advanced summary:focus-visible{outline:1px solid #0095ff;outline-offset:1px}.gear-panel-advanced{margin-top:16px;border-top:1px solid #e5e5e5;padding-top:12px}.gear-panel-advanced summary{cursor:pointer;font-weight:600}.gear-panel-advanced .gear-panel-grid{margin-top:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.gear-panel-status{margin:14px 0 10px;padding:9px 10px;border:1px solid #e0e3e8;border-radius:5px;background:#f5f7fa;color:#444;line-height:1.5;overflow-wrap:anywhere}.gear-panel-status[data-tone=warning]{color:#855500;background:#fff8e6;border-color:#ecdcb6}.gear-panel-status[data-tone=error]{color:#a32020;background:#fff1f1;border-color:#ebc6c6}.gear-panel-note{margin:0;color:#666;font-size:11px;line-height:1.5}.gear-panel-actions{display:flex;justify-content:flex-end;gap:8px;flex:none;padding:10px 16px;border-top:1px solid #ddd;background:#fafafa}.gear-panel-button{min-width:80px;min-height:32px;padding:6px 16px;border:1px solid #ccc;border-radius:5px;background:#f1f1f1;color:#333;font:inherit;cursor:pointer;transition:background .15s}.gear-panel-button:hover:not(:disabled){background:#e4e4e4}.gear-panel-primary{background:#0095ff;border-color:#0095ff;color:#fff}.gear-panel-primary:hover:not(:disabled){background:#007ae0}.gear-panel-button:disabled{opacity:.5;cursor:not-allowed}@media (forced-colors: active){#gearModePanel :is(input,select):focus-visible,.gear-panel-advanced summary:focus-visible{outline:2px solid Highlight}}.canvas-controller-button-container{display:flex;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:1px;padding:0}.file-controller-button-container{display:flex;flex-direction:column;gap:1px;padding:0}.snap-button-container{display:flex;flex-direction:column;width:200px;background-color:#fafafa}.tool-button,.snap-button{padding:0;font-size:14px;border:0px solid #f0f0f0;border-radius:0;background:#ffffff;cursor:pointer;transition:background .2s;width:30px;height:30px;display:flex;align-items:center;justify-content:center;position:relative}.tool-button:disabled,.snap-button:disabled{background:#ffffff;cursor:not-allowed}.tool-button:disabled img,.snap-button:disabled img{filter:grayscale(1);opacity:.45}.tool-button img,.snap-button img{width:20px;height:20px;object-fit:contain}.file-controller-button-container .tool-button img{width:24px;height:24px}.tool-button:hover:not(:disabled),.snap-button:hover:not(:disabled){background:#e0e0e0;border:0px solid #f0f0f0;border-radius:0}.tool-button.active,.snap-button.active{background:#0095ff;color:#fff;border-color:#0095ff;border-radius:0}.tool-button-row:first-child>.tool-button:first-child,.tool-button-row:first-child>.snap-button:first-child{border-top-left-radius:5px}.tool-button-row:first-child>.tool-button:last-child,.tool-button-row:first-child>.snap-button:last-child{border-top-right-radius:5px}.tool-button-row:last-child>.tool-button:first-child,.tool-button-row:last-child>.snap-button:first-child{border-bottom-left-radius:5px}.tool-button-row:last-child>.tool-button:last-child,.tool-button-row:last-child>.snap-button:last-child{border-bottom-right-radius:5px}.canvas-controller-button-container>.tool-button:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.canvas-controller-button-container>.tool-button:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.tool-button.active img,.snap-button.active img{filter:brightness(0) invert(1)}.tool-group{position:relative;width:30px;height:30px}.tool-group .tool-group-proxy{width:100%;height:100%}.tool-group-arrow{position:absolute;right:0;bottom:0;width:0;height:0;border-left:6px solid transparent;border-bottom:6px solid #888;cursor:pointer;z-index:1}.tool-group:hover .tool-group-arrow,.tool-group.open .tool-group-arrow{border-bottom-color:#333}.tool-group-proxy.active+.tool-group-arrow{border-bottom-color:#000}.tool-group-flyout{display:none;position:absolute;top:100%;left:0;margin-top:2px;padding:2px;gap:1px;background:#ffffff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0003;z-index:20}.tool-group.open .tool-group-flyout{display:flex;flex-direction:column}#svgCanvas line{vector-effect:non-scaling-stroke}#svgCanvas g[data-tool=arrow][data-arrow-mode=fixed]>line{vector-effect:none}#svgCanvas g.dimension *,#svgCanvas g.dimension-preview *,#svgCanvas g.angle-dimension *,#svgCanvas g.angle-preview *,#svgCanvas .snap-indicator *,#svgCanvas .temporary,#svgCanvas .construction,#svgCanvas .dimension-extension-line{vector-effect:non-scaling-stroke}#show-action-button,#show-snap-button,#show-stroke-button,#show-fill-button,#show-text-button,#show-scale-button,#show-arrow-button,#show-dimension-button,#show-info-button,#show-z-button,#show-ai-button{padding:8px;cursor:pointer;background-color:#fff;font-size:12px;font-weight:400;border:none;border-bottom:2px solid transparent;color:#7f7f7f;font-family:Arial;height:30px;border-radius:0}#show-action-button:hover,#show-snap-button:hover,#show-stroke-button:hover,#show-fill-button:hover,#show-text-button:hover,#show-scale-button:hover,#show-arrow-button:hover,#show-dimension-button:hover,#show-info-button:hover,#show-z-button:hover,#show-ai-button:hover{background:#ffffff}#show-action-button.active,#show-snap-button.active,#show-stroke-button.active,#show-fill-button.active,#show-text-button.active,#show-scale-button.active,#show-arrow-button.active,#show-dimension-button.active,#show-info-button.active,#show-z-button.active,#show-ai-button.active{background:#ffffff;color:#000}.button-container{display:flex;flex-wrap:wrap;gap:1px}.settings-tabs{margin:40px 10px 0;align-self:stretch}.settings-tabs>button{flex:1 0 auto}.op-content-div{display:none;padding:0;margin-left:10px;margin-top:10px;border:none;border-radius:0}.op-content-div.visible{display:block}.right-side-panel .op-content-div label{color:#7f7f7f!important;font-size:11px!important}.right-side-panel .info-attr-name{color:#7f7f7f;font-size:11px}.right-side-panel .info-attr-desc{color:#7f7f7f;font-size:10px}.scale-mode-button-group{display:flex;gap:1px}.scale-mode-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid transparent;border-radius:0;background:#ffffff;cursor:pointer;padding:3px;transition:background-color .2s ease,border-color .2s ease}.scale-mode-button:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.scale-mode-button:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.scale-mode-button:hover{background:#EFF4F9}.scale-mode-button.active{background:#ffffff}.scale-mode-button img{width:14px;height:14px;pointer-events:none}.scale-mode-button:not(.active) img{filter:brightness(0) invert(44%)}.scale-settings-div{overflow-y:scroll}.stroke-fill-settings-div.op-content-div.visible,.text-settings-div.op-content-div.visible{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 360px);padding-right:6px}.constraint-input{position:absolute;width:60px;height:20px;font-size:12px;border:none;background:#f0f0f0;z-index:1000;outline:none;text-align:center;border:1px solid transparent;transform-origin:50% 50%;pointer-events:auto}.constraint-input:invalid{border-color:red;background:#ffe6e6}.constraint-input:focus{background:#ffffff;box-shadow:none}.constraint-input-field{width:100%;height:100%;border:none;background:transparent;outline:none;font-size:inherit;text-align:inherit;transform-origin:50% 50%;pointer-events:auto}.constraint-angle-input{display:flex;align-items:center}.constraint-angle-input .constraint-input-field{flex:1;min-width:0;width:0;padding:0;text-align:right}.constraint-angle-input:after{content:"°";flex:none;margin-right:6px;pointer-events:none}input.constraint-input[type=number],.constraint-input-field[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input.constraint-input[type=number]::-webkit-inner-spin-button,input.constraint-input[type=number]::-webkit-outer-spin-button,.constraint-input-field[type=number]::-webkit-inner-spin-button,.constraint-input-field[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input:focus,select:focus,textarea:focus{outline:none;box-shadow:none}select{box-shadow:none;background:#ffffff;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 8px}.op-content-div input:not([type=checkbox]):not([type=file]),.op-content-div select,.op-content-div textarea,.op-content-div div:has(>input[type=color]){background:#ffffff!important;background-color:#fff!important}.cloud-dialog{--cloud-line: #d8ddd9;--cloud-accent: #21744b;width:min(700px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;padding:0;border:1px solid var(--cloud-line);border-radius:6px;background:#fff;color:#242924;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;box-shadow:0 16px 60px #0003}.cloud-dialog::backdrop{background:#151b1766}.cloud-dialog:not(.cloud-name-dialog){height:min(620px,calc(100dvh - 32px))}.cloud-name-dialog{width:min(420px,calc(100vw - 32px))}.cloud-dialog button,.cloud-dialog input,.cloud-dialog select,.cloud-dialog textarea{font:inherit}.cloud-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--cloud-line)}.cloud-header h2{margin:0;font-size:20px}.cloud-beta-warning{margin:0;padding:10px 20px;border-bottom:1px solid #e8cb77;background:#fff6d9;color:#654b08;font-size:12px;overflow-wrap:anywhere}.cloud-body{padding:0 20px 20px}.cloud-message{margin:0;padding:12px 20px;color:#9b3b27;overflow-wrap:anywhere}.cloud-message:empty{padding:4px}.cloud-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 10px;border:1px solid var(--cloud-line);border-radius:4px;background:#fff;color:#242924;cursor:pointer}.cloud-button>svg{display:block;width:17px;height:17px;flex:0 0 17px}.cloud-button:hover{background:#edf4ef;border-color:#8baa96}.cloud-button:focus-visible,.cloud-auth input:focus-visible{outline:2px solid var(--cloud-accent);outline-offset:2px}.cloud-primary{background:var(--cloud-accent);color:#fff;border-color:var(--cloud-accent)}.cloud-primary:hover{color:#242924}.cloud-benefits{max-width:360px;margin:12px auto 20px;overflow-wrap:anywhere}.cloud-benefits h3{margin:0 0 8px;font-size:16px}.cloud-benefits ul{margin:0;padding-left:20px}.cloud-benefits li+li{margin-top:4px}.cloud-benefits p{margin:8px 0 0;color:#545e55;font-size:12px}.cloud-auth{display:grid;gap:14px;max-width:360px;margin:12px auto 20px}.cloud-auth label{display:grid;gap:5px}.cloud-auth input{box-sizing:border-box;width:100%;padding:9px;border:1px solid #aeb8af;border-radius:4px;background:#fff;color:#242924}.cloud-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.cloud-account{overflow-wrap:anywhere;color:#545e55}.cloud-plan{border-top:1px solid var(--cloud-line);border-bottom:1px solid var(--cloud-line);padding:14px 0 4px}.cloud-plan p{margin:8px 0}.cloud-usage{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0;font-size:12px;color:#56615a}.cloud-bubble{display:inline-block;max-width:100%;padding:3px 8px;border:1px solid #d8ddd9;border-radius:8px;background:#f1f4f2;overflow-wrap:anywhere;box-sizing:border-box}.cloud-bubble.is-full{color:#a12222;background:#fff0f0;border-color:#e6b0b0}.cloud-drawing-meta{display:flex;flex-wrap:wrap;gap:6px}.cloud-list{border-top:1px solid var(--cloud-line);margin-top:16px}.cloud-drawing{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--cloud-line)}.cloud-drawing-label{flex:1;min-width:0;display:grid;gap:4px;overflow-wrap:anywhere}.cloud-drawing-label small{color:#66716a;font-size:11px}.cloud-row-actions{display:flex;gap:4px;flex-shrink:0}.cloud-row-actions .cloud-button{width:36px;height:36px;padding:6px}.cloud-empty{color:#66716a;padding:20px 0;text-align:center}.cloud-save-row{display:flex;align-items:center;gap:8px;margin:2px 1px 6px}.cloud-save-status{display:flex;align-items:center;gap:5px;flex:1;min-width:0;color:#707070;font-size:11px;margin:0;overflow-wrap:anywhere;text-align:left}.cloud-save-status.is-online{color:#007aff}.cloud-save-status>svg{flex:none;width:15px;height:15px}.cloud-save-status>span{min-width:0}.cloud-save-status .cloud-online-icon{display:none;color:#007aff}.cloud-save-status .cloud-offline-icon{display:block;color:#707070}.cloud-save-status.is-online .cloud-online-icon{display:block}.cloud-save-status.is-online .cloud-offline-icon{display:none}#cloud-save-now{flex:none;width:auto;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#007aff!important;font:13px Arial,Helvetica,sans-serif;cursor:pointer}#cloud-save-now:hover{text-decoration:none;background:#f0f0f0}#cloud-save-now:focus-visible{outline:2px solid #007aff;outline-offset:2px}#cloud-save-now:disabled{color:#8e8e93!important;opacity:1;cursor:default}#cloud-save-now[hidden]{display:none}.cloud-feature-banner{margin:0 0 16px;padding:10px 8px;border-left:3px solid #21744b;background:#edf4ef;color:#242924;font:12px/1.5 Arial,Helvetica,sans-serif;overflow-wrap:anywhere}.cloud-feature-banner strong{display:block;margin-bottom:4px}.cloud-feature-banner a{color:#21744b;text-decoration:underline;text-underline-offset:2px}.cloud-feature-banner a:hover{color:#174e33}.cloud-feature-banner a:focus-visible{outline:2px solid #21744b;outline-offset:2px}#feedback-form-link{background:#f5f1f6;color:#6c3483;border-left:3px solid #6c3483;border-radius:0}#feedback-form-link:hover{background:#efe7f2;color:#532868}#feedback-form-link:focus-visible{outline:2px solid #6c3483;outline-offset:2px}#tutorial-link{background:#fff3e6;color:#a64b00;border-left:3px solid #a64b00;border-radius:0}#tutorial-link:hover{background:#ffe5cc;color:#803900}#tutorial-link:focus-visible{outline:2px solid #a64b00;outline-offset:2px}@media (max-width: 480px){.cloud-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.cloud-header{padding:12px}.cloud-body{padding:0 12px 12px}.cloud-drawing{flex-wrap:wrap}.cloud-drawing-label{flex-basis:100%}.cloud-row-actions{margin-left:auto}}#custom-fill-editor{--cf-border: #d5dce0;--cf-accent: #247ba0;box-sizing:border-box;margin:auto;top:0;right:0;bottom:0;left:0;height:fit-content;width:min(860px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--cf-border);border-radius:8px;background:#fff;color:#252a2e;font:13px Arial,Helvetica,sans-serif;letter-spacing:0;overflow:hidden;box-shadow:0 12px 48px #0003}#custom-fill-editor[open]{display:flex;flex-direction:column}#custom-fill-editor::backdrop{background:#17212666}#custom-fill-editor *{box-sizing:border-box}#custom-fill-editor [hidden]{display:none!important}#custom-fill-editor h2{margin:0;font-size:17px}#custom-fill-editor h3{margin:0 0 8px;font-size:12px;font-weight:600}#custom-fill-editor button,#custom-fill-editor input,#custom-fill-editor select{font:inherit;color:inherit}#custom-fill-editor button{min-height:32px;border:1px solid var(--cf-border);border-radius:4px;padding:5px 10px;background:#f7f8f9;cursor:pointer}#custom-fill-editor button:hover:not(:disabled){background:#e9f1f5}#custom-fill-editor button:disabled{opacity:.4;cursor:default}#custom-fill-editor button:focus-visible,#custom-fill-editor input:focus-visible,#custom-fill-editor select:focus-visible,#cf-tile:focus-visible{outline:2px solid var(--cf-accent);outline-offset:2px}#custom-fill-editor input:not([type=checkbox]),#custom-fill-editor select{width:100%;min-width:0;height:32px;border:1px solid var(--cf-border);border-radius:4px;background:#fff;padding:4px 7px}#custom-fill-editor input[type=checkbox]{accent-color:var(--cf-accent)}.cf-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--cf-border);flex:none}.cf-scroll{padding:14px 16px;overflow:auto;min-height:0}.cf-name-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}#custom-fill-editor label{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:12px}.cf-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:12px 0}.cf-modes{display:flex;gap:8px;margin-bottom:14px}#custom-fill-editor .cf-modes [aria-pressed=true]{background:#dfeef5;border-color:var(--cf-accent)}#cf-selection-controls p{line-height:1.5;color:#555}#custom-fill-editor .cf-icon{width:34px;height:34px;padding:6px;flex:none;display:grid;place-items:center;font-size:22px}.cf-icon img{width:20px;height:20px}#custom-fill-editor .cf-icon[aria-pressed=true]{background:#dfeef5;border-color:var(--cf-accent)}.cf-workspace{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cf-workspace section{min-width:0}.cf-tile-frame{width:100%;aspect-ratio:1;border:1px solid var(--cf-border);background:#fafcfd}#cf-tile{display:block;width:100%;height:100%;touch-action:none}#cf-preview{display:block;width:100%;height:180px;border:1px solid var(--cf-border);background:repeating-conic-gradient(#f5f6f7 0% 25%,#fff 0% 50%) 0 0 / 16px 16px}.cf-properties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.cf-grid-controls{display:flex;gap:16px;align-items:center;margin-top:10px}#custom-fill-editor .cf-grid-controls label{flex-direction:row;align-items:center}#custom-fill-editor #cf-grid{width:66px}.cf-library-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--cf-border)}.cf-footer{padding:10px 16px;border-top:1px solid var(--cf-border);flex:none;background:#fafbfc}#cf-status{color:#a63725;overflow-wrap:anywhere;max-height:48px;overflow:auto;font-size:12px}#cf-status:not(:empty){margin-bottom:8px}.cf-footer-actions{display:flex;gap:8px;justify-content:flex-end}#custom-fill-editor .cf-primary{background:var(--cf-accent);border-color:var(--cf-accent);color:#fff}.cf-edit-button{width:30px;height:30px;margin-left:6px;border:1px solid #ddd;border-radius:4px;background:#f1f1f1;font-size:18px;vertical-align:middle;cursor:pointer}.cf-edit-button:disabled{opacity:.4;cursor:default}.cf-canvas-selection{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:10000;display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:calc(100vw - 24px);padding:12px;border:1px solid #d5dce0;border-radius:6px;background:#fff;box-shadow:0 4px 16px #0003;font:13px Arial,Helvetica,sans-serif}.cf-canvas-selection button{padding:6px 10px;border:1px solid #d5dce0;border-radius:4px;background:#f7f8f9;cursor:pointer}.cf-canvas-selection button:focus-visible{outline:2px solid #247ba0;outline-offset:2px}@media (max-width: 620px){.cf-workspace{grid-template-columns:1fr}.cf-tile-frame{max-width:360px;margin:auto}.cf-name-row{grid-template-columns:1fr;gap:10px}.cf-scroll{padding:12px}.cf-footer{padding:10px}.cf-footer-actions{flex-wrap:wrap}#cf-preview{height:150px}}