:root{color:#1f2933;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f6f8;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,select,textarea{font:inherit}.react-grid-layout{transition:height .2s;position:relative}.react-grid-item{transition:left .2s,top .2s,width .2s,height .2s}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{z-index:1;will-change:width, height;transition:none}.react-grid-item.react-draggable-dragging{z-index:3;will-change:transform;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;background:red;transition-duration:.1s}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{opacity:0;width:20px;height:20px;position:absolute}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";border-bottom:2px solid #0006;border-right:2px solid #0006;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:100% 100%;background-repeat:no-repeat;background-origin:content-box;width:20px;height:20px;padding:0 3px 3px 0;position:absolute}.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.app{box-sizing:border-box;color:#1f2933;background:#f4f6f8;flex-direction:column;height:100vh;min-height:0;padding:24px;font-family:system-ui,sans-serif;display:flex;overflow:hidden}.appHeader{flex-direction:column;gap:8px;min-height:24px;margin-bottom:10px;padding-bottom:16px;transition:margin-bottom .12s;display:flex;position:relative}.appHeader-collapsed{margin-bottom:6px;padding-bottom:18px}.appHeaderContent{gap:8px;max-height:320px;transition:max-height .16s,opacity .12s;display:grid;overflow:hidden}.appHeader-collapsed .appHeaderContent{opacity:0;pointer-events:none;max-height:0}.appHeaderTop{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.appHeader h1{margin:0;font-size:26px}.appHeader p{color:#64748b;margin:4px 0 0;font-size:13px}.appActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.appActions button,.deleteButton{color:#1f2933;font:inherit;cursor:pointer;background:#fff;border:1px solid #bcccdc;border-radius:6px}.appActions button{padding:7px 10px;font-size:13px}.workspaceSizeField{box-sizing:border-box;color:#334e68;background:#fff;border:1px solid #bcccdc;border-radius:6px;align-items:center;gap:6px;min-height:32px;padding:0 8px;font-size:13px;display:inline-flex}.cableLayerToggle{box-sizing:border-box;color:#334e68;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;min-height:32px;padding:0 8px;font-size:13px;display:inline-flex}.cableLayerToggle input{accent-color:#2563eb;width:15px;height:15px}.cableLayerToggle:focus-within{border-radius:6px;outline:3px solid #2563eb29}.workspaceSizeField span{font-weight:700}.workspaceSizeField input{color:#1f2933;width:78px;font:inherit;border:0;outline:0}.appActions button:hover,.deleteButton:hover{color:#1d4ed8;border-color:#2563eb}.workspaceSizeField:focus-within{border-color:#2563eb;outline:3px solid #2563eb29}.appActions button:disabled{color:#94a3b8;cursor:not-allowed;background:#eef2f7;border-color:#d9e2ec}.shareMessage{color:#64748b;font-size:13px}.appMessageRow{min-height:18px}.headerToggleButton{color:#64748b;cursor:pointer;background:#fff;border:1px solid #bcccdc;border-radius:999px;place-items:center;width:54px;height:16px;padding:0;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.headerToggleButton:hover{color:#1d4ed8;border-color:#2563eb}.headerToggleButton:focus{border-color:#2563eb;outline:3px solid #2563eb29}.headerToggleGrip{border-top:2px solid;border-bottom:2px solid;width:18px;height:8px}.appHeader-collapsed .headerToggleGrip{border-top:0;border-bottom:2px solid;transform:translateY(-2px)}.appHeader-collapsed .headerToggleGrip:before{content:"";border-bottom:2px solid;width:18px;height:6px;display:block}.dialogBackdrop{z-index:100;background:#0f172a6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.shareDialog{box-sizing:border-box;background:#fff;border:1px solid #d9e2ec;border-radius:8px;width:min(520px,100%);padding:20px;box-shadow:0 24px 64px #0f172a38}.shareDialogHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.shareDialogHeader h2{margin:0;font-size:22px}.iconButton{color:#1f2933;width:36px;height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #bcccdc;border-radius:6px}.shareField{color:#334e68;gap:8px;font-size:14px;display:grid}.shareFieldHeader{justify-content:space-between;gap:12px;display:flex}.shareFieldHeader span:last-child{color:#64748b;white-space:nowrap}.shareField input{box-sizing:border-box;color:#1f2933;width:100%;font:inherit;border:1px solid #bcccdc;border-radius:6px;padding:10px}.fileRestoreField{color:#334e68;gap:8px;margin-top:18px;font-size:14px;display:grid}.fileRestoreField input{box-sizing:border-box;color:#1f2933;width:100%;font:inherit;background:#f8fafc;border:1px dashed #9fb3c8;border-radius:6px;padding:10px}.toolPickerList{gap:8px;display:grid}.toolPickerList button{color:#1f2933;width:100%;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #bcccdc;border-radius:6px;padding:12px 14px}.toolPickerList button:hover{color:#1d4ed8;border-color:#2563eb}.toolPickerList button:focus{border-color:#2563eb;outline:3px solid #2563eb29}.shareDialogActions,.shareDialogFooter{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.shareDialogActions button,.shareDialogFooter button{color:#1f2933;font:inherit;cursor:pointer;background:#fff;border:1px solid #bcccdc;border-radius:6px;padding:10px 14px}.qrCodePanel{background:#eef2f7;border-radius:8px;place-items:center;margin-top:18px;padding:16px;display:grid}.dialogMessage{color:#64748b;margin:12px 0 0;font-size:13px}.aboutDialogText{color:#334e68;gap:10px;font-size:14px;line-height:1.7;display:grid}.aboutDialogText p{margin:0}.iconButton:hover,.shareDialogActions button:hover,.shareDialogFooter button:hover{color:#1d4ed8;border-color:#2563eb}.iconButton:focus,.shareField input:focus,.fileRestoreField input:focus,.shareDialogActions button:focus,.shareDialogFooter button:focus{border-color:#2563eb;outline:3px solid #2563eb29}.workspaceViewport{cursor:grab;overscroll-behavior:contain;touch-action:none;background-color:#fff;background-image:linear-gradient(#eef2f7 1px,#0000 1px),linear-gradient(90deg,#eef2f7 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:52px 52px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #d9e2ec;border-radius:8px;flex:1;min-height:0;position:relative;overflow:auto}.workspaceViewport-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.gridCanvas{box-sizing:border-box;position:relative}.cableOverlay{z-index:1;pointer-events:none;position:absolute;inset:0 auto auto 0;overflow:visible}.cableOverlay-front{z-index:8}.cablePath{fill:none;stroke:#2563eb;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:.72;filter:drop-shadow(0 2px 4px #2563eb33)}.toolGrid{z-index:2;cursor:default;min-height:1440px;position:relative}.toolCard{box-sizing:border-box;background:#fff;border:1px solid #d9e2ec;border-radius:8px;flex-direction:column;width:100%;height:100%;padding:12px;display:flex;overflow:auto;box-shadow:0 8px 24px #0f172a14;container-type:inline-size}.toolPortBar{flex:none;justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:8px;display:flex}.toolPorts{flex-direction:column;flex:1 1 0;align-items:flex-start;gap:4px;min-width:0;display:flex}.toolPorts-output{align-items:flex-end}.toolPort{box-sizing:border-box;color:#334e68;max-width:100%;min-height:20px;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;align-items:center;padding:2px 7px;font-size:11px;line-height:1.2;display:inline-flex;position:relative}.toolPort:hover{color:#1d4ed8;border-color:#2563eb}.toolPort:focus{border-color:#2563eb;outline:3px solid #2563eb29}.toolPort-output{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.toolPort-trigger{color:#92400e;background:#fffbeb;border-color:#fde68a}.toolPort-connected{box-shadow:inset 0 0 0 1px #2563eb47}.toolPort-selected{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.toolPortDot{background:#64748b;border-radius:999px;flex:none;width:7px;height:7px;margin-right:5px}.toolPort-output .toolPortDot{background:#059669}.toolPort-trigger .toolPortDot{background:#d97706}.toolPort-connected .toolPortDot,.toolPort-selected .toolPortDot{box-shadow:0 0 0 3px #2563eb29}.toolPortLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.toolHeader{cursor:move;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex:none;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:6px 8px;display:flex}.toolHeader:hover{background:#eef2f7;border-color:#cbd5e1}.toolHeader h2{margin:0;font-size:15px}.deleteButton{cursor:pointer;padding:4px 8px;font-size:12px}.toolCard-booleanConverter{padding:8px;overflow:visible}.toolCard-booleanConverter .toolHeader{justify-content:space-between;gap:6px;min-height:24px;margin-bottom:6px;padding:4px 5px}.toolCard-booleanConverter .toolHeader h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.toolCard-booleanConverter .deleteButton{place-items:center;width:24px;height:24px;padding:0;font-size:16px;line-height:1;display:grid}.toolCard-booleanConverter .toolPortBar{gap:4px;margin-bottom:0}.toolCard-booleanConverter .toolPort{min-width:0;min-height:24px;padding:2px 5px;font-size:11px}.toolCard-booleanConverter .toolPortDot{margin-right:4px}.memoInput{resize:none;box-sizing:border-box;width:100%;min-height:64px;font:inherit;border:1px solid #bcccdc;border-radius:6px;flex:1;padding:9px}.memoInput-nowrap{white-space:pre;overflow:auto}.memoOptions{flex-wrap:wrap;flex:none;gap:6px 10px;margin-top:6px;display:flex}.memoOption{color:#334e68;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;min-width:0;font-size:12px;line-height:1.2;display:inline-flex}.memoOption input{accent-color:#2563eb;flex:none;width:14px;height:14px}.memoOption:focus-within{border-radius:4px;outline:3px solid #2563eb29}.memoFooter{flex:none;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.memoClearButton{color:#1f2933;font:inherit;cursor:pointer;background:#fff;border:1px solid #bcccdc;border-radius:6px;padding:4px 8px;font-size:12px}.memoClearButton:hover{color:#1d4ed8;border-color:#2563eb}.memoClearButton:disabled{color:#94a3b8;cursor:not-allowed;background:#eef2f7;border-color:#d9e2ec}.memoInput:focus,.base64Input:focus,.base64Output:focus,.regexPatternInput:focus,.regexCheckTextInput:focus,.yamlDiffInput:focus,.jsonDiffInput:focus{border-color:#2563eb;outline:3px solid #2563eb29}.toolMeta{color:#64748b;text-align:right;margin:0;font-size:12px}.calculatorForm{grid-template-columns:1fr 60px 1fr;align-items:center;gap:8px;display:grid}.numberInput,.operatorSelect{box-sizing:border-box;color:#1f2933;width:100%;font:inherit;background:#fff;border:1px solid #bcccdc;border-radius:6px;padding:8px}.numberInput:focus,.operatorSelect:focus,.appActions button:focus,.deleteButton:focus,.memoClearButton:focus{border-color:#2563eb;outline:3px solid #2563eb29}.calculateButton{box-sizing:border-box;color:#fff;width:100%;font:inherit;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:6px;margin-top:10px;padding:8px 10px;font-weight:700}.calculateButton:hover{background:#1d4ed8}.calculateButton:focus{border-color:#1d4ed8;outline:3px solid #2563eb29}.calculatorResult{background:#eef2f7;border-radius:6px;justify-content:space-between;gap:12px;margin-top:12px;padding:10px;display:flex}.calculatorResult span{color:#64748b}.calculatorResult strong{text-align:right;word-break:break-all}.standardCalculatorTool{flex:1;grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:0;display:grid;overflow:hidden}.standardCalculatorDisplay{box-sizing:border-box;color:#050505;text-align:right;text-overflow:ellipsis;white-space:nowrap;background:#ecfaf7;border:1px solid #d5e7e4;border-radius:6px;min-height:50px;padding:4px 8px;font-size:clamp(28px,18cqi,48px);font-weight:700;line-height:1.1;display:block;overflow:hidden}.standardCalculatorKeypad{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(36px,1fr);gap:4px;min-height:0;display:grid}.standardCalculatorButton{box-sizing:border-box;color:#222;min-width:0;min-height:0;font:inherit;cursor:pointer;background:#f3fffc;border:1px solid #d5e7e4;border-radius:6px;font-size:18px;line-height:1}.standardCalculatorButton:hover{background:#e7f7f3;border-color:#9bc7bf}.standardCalculatorButton:focus{border-color:#2563eb;outline:3px solid #2563eb29}.standardCalculatorButton-operator{color:#3b3b3b}.standardCalculatorButton-number{color:#1f2933;background:#f1f3f5;border-color:#d1d5db}.standardCalculatorButton-number:hover{background:#e5e7eb;border-color:#b6bcc6}.standardCalculatorButton-equals{color:#fff;background:#45423d;border-color:#44413d;grid-column:1/-1}.standardCalculatorButton-equals:hover{background:#2e2b27;border-color:#2e2b27}@container (width<=240px){.calculatorForm{grid-template-columns:1fr}.operatorSelect{text-align:center}}.base64Tool{flex:1;grid-template-rows:auto minmax(64px,1fr) auto minmax(64px,1fr) auto;gap:8px;min-height:0;display:grid}.base64ModeSelector{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;margin:0;padding:0;display:grid}.base64ModeSelector legend{color:#475569;grid-column:1/-1;margin-bottom:2px;font-size:.8rem;font-weight:700}.base64ModeSelector label{box-sizing:border-box;color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;min-width:0;min-height:32px;padding:5px 8px;font-size:.85rem;font-weight:700;display:flex}.base64ModeSelector input{flex:none;margin:0}.base64ModeSelector span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.toolField{color:#334e68;grid-template-rows:auto minmax(0,1fr);gap:4px;min-height:0;font-size:12px;display:grid}.base64Input,.base64Output{resize:none;box-sizing:border-box;color:#1f2933;width:100%;min-height:64px;font:inherit;border:1px solid #bcccdc;border-radius:6px;padding:8px}.base64Output{background:#f8fafc}.base64ConvertButton{box-sizing:border-box;color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:6px;width:100%;min-height:40px;padding:8px 10px;font-weight:700}.base64ConvertButton:hover{background:#1d4ed8}.base64ConvertButton:focus{border-color:#1d4ed8;outline:3px solid #2563eb29}.imageBase64ConverterTool{flex:1;grid-template-rows:auto auto minmax(96px,1fr) auto;gap:8px;min-height:0;display:grid}.imageBase64ModeRow{grid-template-columns:minmax(0,1fr) 118px;align-items:end;gap:8px;min-width:0;display:grid}.imageBase64ModeSelector{border:1px solid #d9e2ec;border-radius:6px;flex-wrap:wrap;gap:8px 12px;min-width:0;margin:0;padding:8px;display:flex}.imageBase64ModeSelector legend{color:#334e68;padding:0 4px;font-size:12px;font-weight:700}.imageBase64ModeSelector label{align-items:center;gap:5px;min-width:0;font-size:12px;display:inline-flex}.imageBase64ZoomField{color:#334e68;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;min-width:0;font-size:12px;font-weight:700;display:grid}.imageBase64ZoomField>span:first-child{grid-column:1/-1}.imageBase64ZoomField input{box-sizing:border-box;color:#1f2933;border:1px solid #bcccdc;border-radius:6px;width:100%;min-width:0;min-height:34px;padding:7px;font-size:13px}.imageBase64ZoomField input:focus{border-color:#2563eb;outline:3px solid #2563eb29}.imageBase64Actions{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px;display:grid}.imageBase64Actions button,.imageBase64FilePicker span{box-sizing:border-box;color:#1f2933;cursor:pointer;background:#fff;border:1px solid #bcccdc;border-radius:6px;min-width:0;min-height:34px;padding:8px 10px;font-size:13px}.imageBase64Actions button:first-child{color:#fff;background:#2563eb;border-color:#2563eb;font-weight:700}.imageBase64Actions button:hover,.imageBase64FilePicker span:hover{color:#1d4ed8;border-color:#2563eb}.imageBase64Actions button:first-child:hover{color:#fff;background:#1d4ed8}.imageBase64Actions button:disabled{color:#94a3b8;cursor:not-allowed;background:#eef2f7;border-color:#d9e2ec}.imageBase64Actions button:focus,.imageBase64FilePicker:focus-within span{border-color:#2563eb;outline:3px solid #2563eb29}.imageBase64Main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;min-height:0;display:grid}.imageBase64TextField textarea{box-sizing:border-box;resize:none;min-height:96px}.imageBase64Preview{box-sizing:border-box;color:#52606d;text-align:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;min-width:0;min-height:96px;padding:8px;display:block;position:relative;overflow:hidden}.imageBase64PreviewPlaceholder{place-items:center;width:100%;height:100%;min-height:80px;display:grid}.imageBase64Preview-scrollable{text-align:left;overflow:auto}.imageBase64Preview-droppable{background:#f0f7ff;border-style:dashed}.imageBase64Preview img{max-width:none;max-height:none;display:block}.imageBase64FilePicker{position:absolute;bottom:8px;right:8px}.imageBase64FilePicker input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.imageBase64Meta{min-height:18px}@container (width<=420px){.imageBase64ModeRow{grid-template-columns:minmax(0,1fr)}.imageBase64Main{grid-template-rows:minmax(96px,1fr) minmax(96px,1fr);grid-template-columns:minmax(0,1fr)}}.base64Meta{margin-top:0}.regexCheckerTool{flex:1;grid-template-rows:auto minmax(58px,auto) minmax(84px,1fr) auto auto;gap:8px;min-height:0;display:grid}.regexModeGroup{border:1px solid #d9e2ec;border-radius:6px;min-width:0;margin:0;padding:8px}.regexModeGroup legend{color:#334e68;padding:0 4px;font-size:12px}.regexModeOptions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.regexModeOption{color:#334e68;align-items:center;gap:6px;min-width:0;min-height:28px;font-size:12px;display:inline-flex}.regexModeOption input{accent-color:#2563eb;flex:none}.regexModeOption span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.regexPatternInput,.regexCheckTextInput{box-sizing:border-box;color:#1f2933;width:100%;font:inherit;border:1px solid #bcccdc;border-radius:6px;padding:8px}.regexPatternInput{min-height:36px}.regexCheckTextEditor{height:100%;min-height:64px;position:relative}.regexCheckTextHighlights{box-sizing:border-box;color:#1f2933;height:100%;min-height:64px;font:inherit;overflow-wrap:anywhere;pointer-events:none;white-space:pre-wrap;border:1px solid #0000;padding:8px;line-height:normal;position:absolute;inset:0;overflow:hidden}.regexCheckTextInput{caret-color:#1f2933;resize:none;background:0 0;height:100%;min-height:64px;position:relative}.regexCheckTextInput::placeholder{color:#7b8794}.regexCheckTextEditor-highlighted .regexCheckTextInput:not(:placeholder-shown){color:#0000}.regexCheckTextInput:focus{caret-color:#1f2933}.regexCheckTextEditor-highlighted .regexCheckTextInput:focus:not(:placeholder-shown){color:#0000}.regexCheckTextEditor-highlighted .regexCheckTextInput::selection{color:#0000;background:#2563eb47}.regexHighlightMatch{color:#1f2933;background:#fde68a;border-radius:3px}.regexCheckerActions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.regexCheckerActions button{box-sizing:border-box;color:#1f2933;min-width:0;min-height:32px;font:inherit;cursor:pointer;background:#fff;border:1px solid #bcccdc;border-radius:6px;padding:6px;font-size:12px}.regexCheckerActions button:first-child{color:#fff;background:#2563eb;border-color:#2563eb;font-weight:700}.regexCheckerActions button:hover{color:#1d4ed8;border-color:#2563eb}.regexCheckerActions button:first-child:hover{color:#fff;background:#1d4ed8}.regexCheckerActions button:focus{border-color:#2563eb;outline:3px solid #2563eb29}.regexCheckerResult{box-sizing:border-box;color:#1f2933;word-break:break-word;background:#f8fafc;border:1px solid #d9e2ec;border-radius:6px;min-height:32px;margin:0;padding:8px;font-size:13px;overflow:auto}.regexCheckerResult-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.yamlDiffTool{flex:1;grid-template-rows:minmax(64px,1fr) auto auto minmax(64px,1fr);gap:8px;min-height:0;display:grid}.yamlDiffInputs,.yamlDiffResults{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;display:grid}.yamlDiffInput{resize:none;box-sizing:border-box;color:#1f2933;width:100%;height:100%;min-height:0;font:inherit;border:1px solid #bcccdc;border-radius:6px;padding:8px}.yamlDiffInputs .toolField{grid-template-rows:auto minmax(0,1fr)}.yamlDiffActions{justify-content:space-between;align-items:center;gap:8px;display:flex}.yamlDiffJumpControls{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.yamlDiffActions button{color:#1f2933;font:inherit;cursor:pointer;background:#fff;border:1px solid #bcccdc;border-radius:6px;padding:6px 9px}.yamlDiffActions button:hover{color:#1d4ed8;border-color:#2563eb}.yamlDiffActions button:disabled{color:#94a3b8;cursor:not-allowed;background:#eef2f7;border-color:#d9e2ec}.yamlDiffActions button:focus{border-color:#2563eb;outline:3px solid #2563eb29}.yamlDiffResizeBar{cursor:row-resize;touch-action:none;min-height:12px;position:relative}.yamlDiffResizeBar:before{content:"";background:#cbd5e1;height:1px;position:absolute;top:50%;left:0;right:0}.yamlDiffResizeBar:hover:before,.yamlDiffResizeBar-dragging:before{background:#2563eb;height:2px}.yamlDiffResizeBar:focus{outline-offset:1px;outline:3px solid #2563eb29}.yamlDiffResizeGrip{background:linear-gradient(90deg,#0000 0 7px,#94a3b8 7px 8px,#0000 8px 14px) 50%/14px 100% repeat-x,#fff;border:1px solid #cbd5e1;border-radius:999px;width:42px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #0f172a14}.yamlDiffResizeBar:hover .yamlDiffResizeGrip,.yamlDiffResizeBar-dragging .yamlDiffResizeGrip{border-color:#2563eb}.yamlDiffPanel{grid-template-rows:auto 1fr;gap:4px;min-height:0;display:grid}.yamlDiffPanel h3{color:#334e68;margin:0;font-size:12px;font-weight:600}.yamlDiffOutput{color:#1f2933;background:#f8fafc;border:1px solid #d9e2ec;border-radius:6px;min-height:0;margin:0;padding:8px;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.yamlDiffLine{white-space:pre-wrap;word-break:break-word;min-height:1.45em;display:block}.yamlDiffLine-added{color:#166534;background:#dcfce7}.yamlDiffLine-removed{color:#991b1b;background:#fee2e2}.yamlDiffLine-changed{color:#92400e;background:#fef3c7}.yamlDiffLine-active{outline-offset:-2px;outline:2px solid #2563eb}.yamlDiffLine-parseError{color:#991b1b;background:#fee2e2}.yamlDiffLine-placeholder{background:repeating-linear-gradient(-45deg,#f8fafc,#f8fafc 6px,#eef2f7 6px 12px)}.yamlDiffLine-empty{color:#94a3b8}.jsonDiffTool{flex:1;grid-template-rows:minmax(64px,1fr) auto auto minmax(64px,1fr);gap:8px;min-height:0;display:grid}.jsonDiffInputs,.jsonDiffResults{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;display:grid}.jsonDiffInput{resize:none;box-sizing:border-box;color:#1f2933;width:100%;height:100%;min-height:0;font:inherit;border:1px solid #bcccdc;border-radius:6px;padding:8px}.jsonDiffInputs .toolField{grid-template-rows:auto minmax(0,1fr)}.jsonDiffActions{justify-content:space-between;align-items:center;gap:8px;display:flex}.jsonDiffJumpControls{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.jsonDiffActions button{color:#1f2933;font:inherit;cursor:pointer;background:#fff;border:1px solid #bcccdc;border-radius:6px;padding:6px 9px}.jsonDiffActions button:hover{color:#1d4ed8;border-color:#2563eb}.jsonDiffActions button:disabled{color:#94a3b8;cursor:not-allowed;background:#eef2f7;border-color:#d9e2ec}.jsonDiffActions button:focus{border-color:#2563eb;outline:3px solid #2563eb29}.jsonDiffResizeBar{cursor:row-resize;touch-action:none;min-height:12px;position:relative}.jsonDiffResizeBar:before{content:"";background:#cbd5e1;height:1px;position:absolute;top:50%;left:0;right:0}.jsonDiffResizeBar:hover:before,.jsonDiffResizeBar-dragging:before{background:#2563eb;height:2px}.jsonDiffResizeBar:focus{outline-offset:1px;outline:3px solid #2563eb29}.jsonDiffResizeGrip{background:linear-gradient(90deg,#0000 0 7px,#94a3b8 7px 8px,#0000 8px 14px) 50%/14px 100% repeat-x,#fff;border:1px solid #cbd5e1;border-radius:999px;width:42px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #0f172a14}.jsonDiffResizeBar:hover .jsonDiffResizeGrip,.jsonDiffResizeBar-dragging .jsonDiffResizeGrip{border-color:#2563eb}.jsonDiffPanel{grid-template-rows:auto 1fr;gap:4px;min-height:0;display:grid}.jsonDiffPanel h3{color:#334e68;margin:0;font-size:12px;font-weight:600}.jsonDiffOutput{color:#1f2933;background:#f8fafc;border:1px solid #d9e2ec;border-radius:6px;min-height:0;margin:0;padding:8px;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.jsonDiffLine{white-space:pre-wrap;word-break:break-word;min-height:1.45em;display:block}.jsonDiffLine-added{color:#166534;background:#dcfce7}.jsonDiffLine-removed{color:#991b1b;background:#fee2e2}.jsonDiffLine-changed{color:#92400e;background:#fef3c7}.jsonDiffLine-active{outline-offset:-2px;outline:2px solid #2563eb}.jsonDiffLine-parseError{color:#991b1b;background:#fee2e2}.jsonDiffLine-placeholder{background:repeating-linear-gradient(-45deg,#f8fafc,#f8fafc 6px,#eef2f7 6px 12px)}.jsonDiffLine-empty{color:#94a3b8}@container (width<=520px){.yamlDiffInputs,.yamlDiffResults,.jsonDiffInputs,.jsonDiffResults{grid-template-columns:minmax(0,1fr)}.yamlDiffActions,.jsonDiffActions{flex-wrap:wrap}.yamlDiffJumpControls,.jsonDiffJumpControls{margin-left:0}}@container (width<=360px){.regexModeOptions,.regexCheckerActions{grid-template-columns:minmax(0,1fr)}}.lightboxTool{flex:1;grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:0;display:grid}.lightboxDurationField{color:#334e68;grid-template-columns:minmax(0,1fr);gap:6px;font-size:12px;display:grid}.lightboxDurationField input{box-sizing:border-box;color:#1f2933;width:100%;font:inherit;border:1px solid #bcccdc;border-radius:6px;padding:7px}.lightboxDurationField input:focus{border-color:#2563eb;outline:3px solid #2563eb29}.lightboxPanel{color:#475569;background:#e5e7eb;border:1px solid #cbd5e1;border-radius:6px;place-items:center;min-height:0;font-size:16px;font-weight:700;transition:background-color .12s,border-color .12s,color .12s;display:grid}.lightboxPanel-true{color:#052e16;background:#22c55e;border-color:#16a34a}.lightboxPanel-false{color:#450a0a;background:#ef4444;border-color:#dc2626}.calendarTool{flex:1;grid-template-rows:auto auto 1fr;gap:2px;min-height:0;display:grid;overflow:hidden}.calendarSummary{color:#1f2933;align-items:center;min-height:18px;display:flex}.calendarSummary strong{font-size:12px;font-weight:600;line-height:1.1}.calendarWeekdays,.calendarGrid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendarWeekdays span{color:#1f2933;background:#f8fafc;border:1px solid #b8c0c8;border-right:0;place-items:center;min-height:24px;font-size:12px;line-height:1;display:grid}.calendarWeekdays span:first-child,.calendarDay-sunday{color:#dc2626}.calendarWeekdays span:first-child{background:#fee2e2}.calendarWeekdays span:last-child,.calendarDay-saturday{color:#2563eb}.calendarWeekdays span:last-child{background:#cffafe;border-right:1px solid #b8c0c8}.calendarGrid{border-bottom:1px solid #b8c0c8;border-left:1px solid #b8c0c8;grid-template-rows:repeat(6,minmax(0,1fr));align-content:start;min-height:0}.calendarDay{box-sizing:border-box;color:#1f2933;background:#f8fafc;border-top:1px solid #b8c0c8;border-right:1px solid #b8c0c8;justify-content:center;align-items:flex-start;min-width:0;min-height:32px;padding:5px 2px 2px;line-height:1;display:flex;position:relative}.calendarDayNumber{z-index:1;font-size:15px;line-height:1;position:relative}.calendarDay-outsideMonth{color:#9ca3af;background:#e5e7eb}.calendarDay-today:after{content:"";pointer-events:none;background:#fef08a;border-radius:999px;width:24px;height:24px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.calendarDay-today .calendarDayNumber{color:#111827;font-weight:700}.stopwatchTool{flex:1;grid-template-rows:minmax(42px,1fr) auto;gap:8px;min-height:0;display:grid}.stopwatchDisplay{color:#f8fafc;letter-spacing:0;text-align:center;white-space:nowrap;background:#111827;border:1px solid #cbd5e1;border-radius:6px;place-items:center;min-height:0;padding:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(20px,15cqi,28px);font-weight:700;line-height:1.15;display:grid}.stopwatchActions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.stopwatchActions button{box-sizing:border-box;color:#1f2933;min-width:0;min-height:32px;font:inherit;cursor:pointer;background:#fff;border:1px solid #bcccdc;border-radius:6px;padding:6px 4px;font-size:12px}.stopwatchActions button:last-child{grid-column:1/-1}.stopwatchActions button:hover{color:#1d4ed8;border-color:#2563eb}.stopwatchActions button:disabled{color:#94a3b8;cursor:not-allowed;background:#eef2f7;border-color:#d9e2ec}.stopwatchActions button:focus{border-color:#2563eb;outline:3px solid #2563eb29}.react-grid-item.react-grid-placeholder{opacity:.16;background:#2563eb;border-radius:8px}.react-grid-item.react-draggable-dragging{z-index:10}.react-grid-item>.react-resizable-handle:after{border-color:#2563ebb3}.react-grid-item.react-resizable-resizing{z-index:10}