*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:transparent;color:#333;line-height:1.6}a{color:inherit;text-decoration:none}.tool-container{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#f0f4ff 0,#f5f0ff);position:relative;overflow-x:hidden}.tool-container:before{top:-200px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(0,0,0,.03) 0,transparent 70%)}.tool-container:after,.tool-container:before{content:"";position:fixed;border-radius:50%;z-index:0;pointer-events:none}.tool-container:after{bottom:-150px;left:-80px;width:300px;height:300px;background:radial-gradient(circle,rgba(0,0,0,.02) 0,transparent 70%)}.tool-main{flex:1 1;position:relative;z-index:1}.tool-content{max-width:1400px;margin:0 auto;padding:2rem 2rem 4rem}.tool-page-nav{margin-bottom:1.25rem}.tool-panel{background:#fff;border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04);padding:2rem 2.25rem 2.5rem}.tool-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:.75rem 1.5rem;background:linear-gradient(90deg,#93c5fd 0,#1e3a8a);border-radius:8px}.language-switcher{position:relative;z-index:100}.language-switcher-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:6px;color:#fff;font-size:.9375rem;cursor:pointer;transition:background-color .2s,border-color .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.language-switcher-button:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5)}.language-switcher-name{font-weight:500}.language-switcher-arrow{font-size:.75rem;margin-left:.25rem;transition:transform .2s}.language-switcher-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:transparent}.language-switcher-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:180px;z-index:100;overflow:hidden}.language-switcher-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:#fff;border:none;text-align:left;cursor:pointer;transition:background-color .2s;font-size:.9375rem;color:#333}.language-switcher-item:hover{background:#f5f5f5}.language-switcher-item.active{background:#f0f4ff;color:#253985;font-weight:500}.language-switcher-check{margin-left:auto;color:#253985;font-weight:700}.tool-back-link{font-size:.9375rem;color:#555;text-decoration:none;transition:color .25s}.tool-back-link:hover{color:#000}.tool-site-logo{display:inline-block;width:160px;height:40px;background-size:contain;background-image:url(/logo_t.png);background-repeat:no-repeat;background-position:0;text-decoration:none}.tool-site-logo:hover{opacity:.8}.tool-page-title{font-size:2rem;font-weight:500;color:#000;letter-spacing:-.5px;margin-bottom:.5rem}.tool-page-desc-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:1rem 1.25rem;margin-bottom:2rem}.tool-page-desc-card-text{font-size:.9375rem;color:#555;line-height:1.6;margin:0}.tool-page-desc{font-size:1rem;color:#666;line-height:1.6;margin-bottom:2rem}.related-tools{margin-top:3rem;padding-top:2rem;border-top:1px solid #e8e8e8}.related-tools-title{font-size:1rem;font-weight:600;color:#333;margin-bottom:1rem}.related-tools-list{list-style:none;margin:0;padding:0}.related-tools-item{padding:.5rem 0;border-bottom:1px solid #f0f0f0}.related-tools-item:last-child{border-bottom:none}.related-tools-link{color:#253985;text-decoration:none;font-weight:500;transition:color .2s}.related-tools-link:hover{color:#1e2d6b;text-decoration:underline}.tool-category-title{font-size:.8125rem;font-weight:600;color:#555;letter-spacing:.08em;text-transform:uppercase;margin-top:2.5rem;margin-bottom:1rem;padding-left:.75rem;border-left:3px solid #253985;line-height:1.4}.tool-category-title:first-of-type{margin-top:0}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;align-items:stretch}.tool-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:1.75rem;transition:border-color .25s,box-shadow .25s}.tool-card:hover{border-color:#ccc;box-shadow:0 4px 12px rgba(0,0,0,.06)}.tool-card-placeholder{cursor:default;opacity:.85}.tool-card-placeholder:hover{box-shadow:none;border-color:#e8e8e8}.tool-card-title{font-size:1.125rem;font-weight:500;color:#000;margin-bottom:.5rem;letter-spacing:-.3px}.tool-card-desc{font-size:.875rem;color:#666;line-height:1.5}.tool-divider{width:60%;height:2px;background:linear-gradient(90deg,#000 0,rgba(0,0,0,.4) 50%,transparent);margin:1.75rem 0}.tool-section{margin-bottom:1.75rem}.tool-section-result{margin-top:2rem}.tool-section-title{font-size:1.0625rem;font-weight:600;color:#333;margin-bottom:.5rem;letter-spacing:.3px}.tool-textarea{width:100%;min-height:140px;padding:1rem 1.125rem;font-size:1rem;font-family:inherit;line-height:1.55;border:1px solid #e0e0e0;border-radius:8px;background:#fff;resize:vertical;transition:border-color .2s}.tool-textarea:focus{outline:none;border-color:#000}.tool-textarea::placeholder{color:#999}.tool-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.tool-actions-inline{flex-direction:row;flex-wrap:nowrap;gap:.625rem}.tool-actions-bottom{margin-top:1.5rem}.tool-section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.tool-section-header .tool-section-title{margin-bottom:0}.tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:background-color .2s,opacity .2s}.tool-btn-sm{padding:.6rem 1.1rem;font-size:1rem}.tool-btn-primary{background:#000;color:#fff}.tool-btn-primary:hover{background:#333;opacity:.95}.tool-btn-secondary{background:#f0f0f0;color:#333}.tool-btn-secondary:hover{background:#e5e5e5}.tool-btn-encode{background:#059669;color:#fff}.tool-btn-encode:hover{background:#047857;opacity:.95}.tool-btn-decode{background:#2563eb;color:#fff}.tool-btn-decode:hover{background:#1d4ed8;opacity:.95}.tool-btn-swap{background:#64748b;color:#fff}.tool-btn-swap:hover{background:#475569;opacity:.95}.tool-btn-copy{background:#7c3aed;color:#fff}.tool-btn-copy:hover{background:#6d28d9;opacity:.95}.tool-message{font-size:.9375rem;color:#666;margin-top:.75rem}.tool-message.error{color:#b91c1c}.tool-length-pill{display:inline-block;padding:.4rem 1rem;background:#dcfce7;color:#166534;font-size:.9375rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;border-radius:9999px}@media (max-width:900px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.tool-content{padding:1.5rem 1.25rem 3rem}.tool-grid{grid-template-columns:1fr;gap:1.25rem}.tool-page-title{font-size:1.5rem}}.base64-page .ant-card-body{border:none!important;padding:0!important}.base64-page .ant-card{border:none!important;box-shadow:none!important}.base64-page .ant-input-affix-wrapper,.base64-page .ant-input-wrapper,.base64-page .ant-input-wrapper:after,.base64-page .ant-input-wrapper:before,.base64-page .ant-input-wrapper>span,.base64-page span.ant-input-wrapper{border:none!important;box-shadow:none!important;outline:none!important}.base64-page .ant-input-affix-wrapper span,.base64-page .ant-input-wrapper span{border:none!important;box-shadow:none!important}.base64-page #base64-input,.base64-page #base64-output,.base64-page .ant-input[type=text],.base64-page textarea.ant-input{background-color:#fafbff!important;border:1px solid #d9d9d9!important;border-radius:6px!important;padding:8px 12px!important;transition:border-color .2s,box-shadow .2s!important;box-shadow:none!important;outline:none!important;border-top-left-radius:6px!important;border-top-right-radius:6px!important;border-bottom-left-radius:6px!important;border-bottom-right-radius:6px!important}.base64-page #base64-input:hover,.base64-page #base64-output:hover,.base64-page .ant-input[type=text]:hover,.base64-page textarea.ant-input:hover{border-color:#40a9ff!important;box-shadow:none!important}.base64-page #base64-input:focus,.base64-page #base64-output:focus,.base64-page .ant-input[type=text]:focus,.base64-page textarea.ant-input-focused,.base64-page textarea.ant-input:focus{background-color:#fff!important;border:1px solid #1890ff!important;box-shadow:0 0 0 2px rgba(24,144,255,.2)!important;outline:none!important;border-radius:6px!important;border-top-left-radius:6px!important;border-top-right-radius:6px!important;border-bottom-left-radius:6px!important;border-bottom-right-radius:6px!important}.base64-page .ant-btn-primary{background-color:#1e3a8a!important;border-color:#1e3a8a!important}.base64-page .ant-btn-primary:focus,.base64-page .ant-btn-primary:hover{background-color:#1e40af!important;border-color:#1e40af!important}.base64-page .ant-btn-primary:active{background-color:#1e3a8a!important;border-color:#1e3a8a!important}.base64-image-page .ant-card-body{border:none!important;padding:0!important}.base64-image-page .ant-card{border:none!important;box-shadow:none!important}.base64-image-layout{display:flex;gap:2rem;min-height:500px}.base64-image-left{flex:1 1;display:flex;flex-direction:column}.base64-image-textarea-wrapper{display:flex;flex-direction:column;height:400px}.base64-image-textarea-wrapper .ant-input{flex:1 1;height:100%!important;resize:none}.base64-image-right{flex:1 1;display:flex;flex-direction:column}.base64-image-preview-area{height:400px;border:2px dashed #d9d9d9;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:#fafafa;position:relative}.base64-image-preview-container{width:100%;height:100%;padding:1rem;display:flex;align-items:center;justify-content:center}.base64-image-preview-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.base64-image-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;cursor:pointer}.base64-image-upload-icon{font-size:3rem;color:#bfbfbf;margin-bottom:1rem}.base64-image-upload-text{color:#8c8c8c;font-size:1rem}.base64-image-upload-hint{color:#bfbfbf;font-size:.875rem;margin-top:.5rem}@media (max-width:900px){.base64-image-layout{flex-direction:column;gap:1.5rem;min-height:auto}.base64-image-left,.base64-image-right{flex:none}.base64-image-preview-area,.base64-image-textarea-wrapper{height:300px}}.base64-image-page .ant-input-affix-wrapper,.base64-image-page .ant-input-wrapper,.base64-image-page .ant-input-wrapper:after,.base64-image-page .ant-input-wrapper:before,.base64-image-page .ant-input-wrapper>span,.base64-image-page span.ant-input-wrapper{border:none!important;box-shadow:none!important;outline:none!important}.base64-image-page .ant-input-affix-wrapper span,.base64-image-page .ant-input-wrapper span{border:none!important;box-shadow:none!important}.base64-image-page .ant-input,.base64-image-page .ant-input[type=textarea],.base64-image-page textarea.ant-input{background-color:#fafbff!important;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace!important;border:1px solid #d9d9d9!important;border-radius:6px!important;padding:8px 12px!important;transition:border-color .2s,box-shadow .2s!important;box-shadow:none!important;outline:none!important;border-top-left-radius:6px!important;border-top-right-radius:6px!important;border-bottom-left-radius:6px!important;border-bottom-right-radius:6px!important}.base64-image-page .ant-input[type=textarea]:hover,.base64-image-page textarea.ant-input:hover{border-color:#40a9ff!important;box-shadow:none!important}.base64-image-page .ant-input[type=textarea]:focus,.base64-image-page textarea.ant-input-focused,.base64-image-page textarea.ant-input:focus{background-color:#fff!important;border:1px solid #1890ff!important;box-shadow:0 0 0 2px rgba(24,144,255,.2)!important;outline:none!important;border-radius:6px!important;border-top-left-radius:6px!important;border-top-right-radius:6px!important;border-bottom-left-radius:6px!important;border-bottom-right-radius:6px!important}.base64-image-page .ant-upload{width:100%}.base64-image-page .ant-upload-drag{border:none!important;background:transparent!important}.json-formatter-page .ant-card-body{padding:1.25rem}.json-formatter-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 380px auto auto;grid-gap:1.5rem;gap:1.5rem;min-width:0}.json-formatter-left-header{grid-column:1;grid-row:1;min-width:0}.json-formatter-right-header{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:0;min-width:0}.json-formatter-label{display:block;margin-bottom:.5rem;font-size:1rem}.json-formatter-options,.json-formatter-right-header .json-formatter-label{margin-bottom:0}.json-formatter-option-label{font-size:.9rem;color:#666}.json-formatter-textarea-wrap{grid-column:1;grid-row:2;height:380px;min-height:0;display:flex;flex-direction:column;min-width:0}.json-formatter-textarea-wrap .json-formatter-textarea{flex:1 1;min-height:0}.json-formatter-textarea{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace!important;resize:vertical;width:100%}.json-formatter-output-wrap{grid-column:2;grid-row:2;height:380px;border:1px solid #d9d9d9;border-radius:6px;background:#fafbff;overflow:auto;min-width:0}.json-formatter-left-footer{grid-column:1;grid-row:3;min-width:0}.json-formatter-about-usage{grid-column:1/-1;grid-row:4;margin-top:.5rem;padding-top:1.5rem;border-top:1px solid #f0f0f0;min-width:0}.json-formatter-fullscreen-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1000;background:#fff;display:flex;flex-direction:column;overflow:hidden}.json-formatter-fullscreen-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #f0f0f0;background:#fafafa}.json-formatter-fullscreen-body{flex:1 1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;padding:1rem;overflow:hidden}.json-formatter-fullscreen-left,.json-formatter-fullscreen-right{display:flex;flex-direction:column;min-width:0;min-height:0}.json-formatter-fullscreen-left .json-formatter-options{margin-bottom:.5rem}.json-formatter-fullscreen-textarea-wrap{flex:1 1;min-height:0;display:flex;flex-direction:column}.json-formatter-fullscreen-textarea-wrap .json-formatter-textarea{flex:1 1;min-height:0;resize:none}.json-formatter-fullscreen-right-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;flex-shrink:0}.json-formatter-fullscreen-output-wrap{flex:1 1;min-height:0;border:1px solid #d9d9d9;border-radius:6px;background:#fafbff;overflow:auto}.json-formatter-fullscreen-output-wrap .json-formatter-output-with-lines{display:flex;min-height:min-content}.json-formatter-fullscreen-output-wrap .json-formatter-line-numbers{flex-shrink:0;width:2.5em;min-width:2.5em;margin:0;padding:12px 8px 12px 12px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:1.5;color:#999;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:right;border-right:1px solid #e8e8e8;background:#f0f0f0;overflow:hidden;box-sizing:border-box}.json-formatter-fullscreen-output-wrap .json-formatter-output-content{flex:1 1;min-width:0}.json-formatter-fullscreen-output-wrap .json-formatter-output-content .json-formatter-pre{margin:0;padding:12px;font-size:13px;line-height:1.5;box-sizing:border-box}.json-formatter-pre{margin:0;padding:12px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:1.5;white-space:pre;color:#333}.json-formatter-pre-placeholder{color:#999}.json-formatter-pre-highlight .jf-key{color:#0569c4}.json-formatter-pre-highlight .jf-string{color:#0d7d3d}.json-formatter-pre-highlight .jf-number{color:#b135c9}.json-formatter-pre-highlight .jf-literal{color:#c41c00}.json-formatter-pre-highlight .jf-punct{color:#333}.json-formatter-output-with-lines{display:flex;min-height:100%}.json-formatter-output-wrap .json-formatter-line-numbers{flex-shrink:0;width:2.5em;margin:0;padding:12px 8px 12px 12px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:1.5;color:#999;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:right;border-right:1px solid #e8e8e8;background:#f0f0f0;overflow:hidden}.json-formatter-output-content{flex:1 1;min-width:0}.json-formatter-output-content .json-formatter-pre{margin:0}@media (max-width:900px){.json-formatter-layout{grid-template-columns:1fr;grid-template-rows:auto auto 280px auto 280px auto}.json-formatter-left-header{grid-column:1;grid-row:1}.json-formatter-right-header{grid-column:1;grid-row:2}.json-formatter-textarea-wrap{grid-column:1;grid-row:3;height:280px}.json-formatter-output-wrap{grid-column:1;grid-row:4;height:280px}.json-formatter-left-footer{grid-column:1;grid-row:5}.json-formatter-about-usage{grid-column:1;grid-row:6}}.base64-image-page .ant-btn-primary{background-color:#1e3a8a!important;border-color:#1e3a8a!important}.base64-image-page .ant-btn-primary:focus,.base64-image-page .ant-btn-primary:hover{background-color:#1e40af!important;border-color:#1e40af!important}.image-resize-page .ant-card-body{border:none!important;padding:0!important}.image-resize-page .ant-card{border:none!important;box-shadow:none!important}.image-resize-layout{display:flex;gap:2rem;align-items:flex-start;min-height:420px}.image-resize-left{flex:0 0 400px;width:400px}.image-resize-right{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:0}.image-resize-upload.ant-upload-drag{border:2px dashed #d9d9d9!important;border-radius:8px!important;background:#fafafa!important;padding:0!important;margin:0!important}.image-resize-upload.ant-upload-drag:hover{border-color:#1890ff!important;background:#f0f7ff!important}.image-resize-upload .ant-upload-drag-container{margin:0;padding:0}.image-resize-upload-inner{width:100%;height:400px;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.image-resize-preview-img{max-width:100%;max-height:100%;object-fit:contain;display:block}.image-resize-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8c8c8c}.image-resize-upload-icon{font-size:48px;color:#bfbfbf;margin-bottom:.75rem}.image-resize-upload-text{margin:0;font-size:.9375rem;color:#8c8c8c}.image-resize-section{margin-bottom:1.25rem}.image-resize-label{display:block;font-size:.875rem;margin-bottom:.5rem;color:#666}.image-resize-value{font-size:1rem;color:#333}.image-resize-radio{width:100%}.image-resize-radio .ant-radio-button-wrapper{flex:1 1}.image-resize-inputs{display:flex;flex-direction:column;gap:.75rem}.image-resize-input-row{display:flex;align-items:center;gap:.75rem}.image-resize-input-row .image-resize-label{margin-bottom:0;min-width:3em;font-size:.9375rem;color:#333}.image-resize-input{width:140px}.image-resize-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.image-resize-help{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #eee}.image-resize-help-title{font-size:1.0625rem;font-weight:600;color:#333;margin-bottom:.75rem;letter-spacing:.3px}.image-resize-help-list{margin:0;padding-left:1.25rem;color:#555;font-size:.9375rem;line-height:1.7}.image-resize-help-list li{margin-bottom:.5rem}.image-resize-help-list li:last-child{margin-bottom:0}@media (max-width:900px){.image-resize-layout{flex-direction:column;align-items:stretch;min-height:auto}.image-resize-left{flex:none;width:100%;max-width:100%}.image-resize-upload-inner{height:280px}}.image-color-picker-page .ant-card-body{border:none!important;padding:0!important}.image-color-picker-page .ant-card{border:none!important;box-shadow:none!important}.image-color-picker-layout{display:flex;gap:2rem;align-items:flex-start;min-height:420px}.image-color-picker-left{flex:0 0 400px;width:400px}.image-color-picker-right{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:0}.image-color-picker-upload.ant-upload-drag{border:2px dashed #d9d9d9!important;border-radius:8px!important;background:#fafafa!important;padding:0!important;margin:0!important}.image-color-picker-upload.ant-upload-drag:hover{border-color:#1890ff!important;background:#f0f7ff!important}.image-color-picker-upload .ant-upload-drag-container{margin:0;padding:0}.image-color-picker-preview-outer{border:2px dashed #d9d9d9;border-radius:8px;background:#fafafa;padding:0;margin:0;width:100%;box-sizing:border-box}.image-color-picker-upload-inner{width:100%;height:400px;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.image-color-picker-preview-wrap{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-color-picker-preview-overlay{position:absolute;left:0;top:0;right:0;bottom:0;cursor:crosshair;z-index:1}.image-color-picker-preview-img{max-width:100%;max-height:100%;object-fit:contain;display:block;pointer-events:none}.image-color-picker-magnifier{position:fixed;z-index:1000;width:120px;height:120px;border:2px solid #253985;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);overflow:hidden;background:#fff}.image-color-picker-magnifier canvas{display:block;width:100%;height:100%}.image-color-picker-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8c8c8c}.image-color-picker-upload-icon{font-size:48px;color:#bfbfbf;margin-bottom:.75rem}.image-color-picker-upload-text{margin:0;font-size:.9375rem;color:#8c8c8c}.image-color-picker-section{margin-bottom:1.25rem}.image-color-picker-label{display:block;font-size:.875rem;margin-bottom:.5rem;color:#666}.image-color-picker-color-row{display:flex;align-items:center;gap:1rem}.image-color-picker-swatch{width:48px;height:48px;border-radius:8px;flex-shrink:0;box-shadow:0 1px 4px rgba(0,0,0,.1)}.image-color-picker-codes{display:flex;flex-direction:column;gap:.25rem}.image-color-picker-hex{font-family:ui-monospace,monospace;font-size:1rem}.image-color-picker-rgb{font-size:.875rem;font-family:ui-monospace,monospace}.image-color-picker-value{font-size:1rem;color:#333;margin:0}.image-color-picker-value-empty{color:#999;margin:0}.image-color-picker-hint{font-size:.875rem;color:#666;margin:0 0 1rem;line-height:1.5}.image-color-picker-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.image-color-picker-list-header .image-color-picker-label{margin-bottom:0}.image-color-picker-list{list-style:none;margin:0;padding:0 14px 0 0;max-height:240px;overflow-y:auto;scrollbar-gutter:stable}.image-color-picker-list-item{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;border-bottom:1px solid #f0f0f0}.image-color-picker-list-item:last-child{border-bottom:none}.image-color-picker-swatch-sm{width:28px;height:28px;flex-shrink:0}.image-color-picker-list-item-codes{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.image-color-picker-list-item-codes .image-color-picker-hex{font-size:.875rem}.image-color-picker-list-item-codes .image-color-picker-rgb{font-size:.75rem}.image-color-picker-list-item .ant-btn-link{flex-shrink:0;margin-left:.25rem}.image-color-picker-format-group{display:flex;width:100%}.image-color-picker-format-group .ant-radio-button-wrapper{flex:1 1;text-align:center}.image-color-picker-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.image-color-picker-help{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #eee}.image-color-picker-help-title{font-size:1.0625rem;font-weight:600;color:#333;margin-bottom:.75rem;letter-spacing:.3px}.image-color-picker-help-list{margin:0;padding-left:1.25rem;color:#555;font-size:.9375rem;line-height:1.7}.image-color-picker-help-list li{margin-bottom:.5rem}.image-color-picker-help-list li:last-child{margin-bottom:0}@media (max-width:900px){.image-color-picker-layout{flex-direction:column;align-items:stretch;min-height:auto}.image-color-picker-left{flex:none;width:100%;max-width:100%}.image-color-picker-upload-inner{height:280px}}.image-format-page .ant-card-body{border:none!important;padding:0!important}.image-format-page .ant-card{border:none!important;box-shadow:none!important}.image-format-layout{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap}.image-format-left{flex:0 0 400px;width:400px}.image-format-right{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1rem}.image-format-upload.ant-upload-drag{border:2px dashed #d9d9d9!important;border-radius:8px!important;background:#fafafa!important}.image-format-upload.ant-upload-drag:hover{border-color:#1890ff!important;background:#f0f7ff!important}.image-format-upload .ant-upload-drag-container{margin:0;padding:0}.image-format-upload-inner{width:100%;height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-format-preview-img{max-width:100%;max-height:100%;object-fit:contain}.image-format-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8c8c8c}.image-format-upload-icon{font-size:48px;color:#bfbfbf;margin-bottom:.75rem}.image-format-upload-text{margin:0;font-size:.9375rem;color:#8c8c8c}.image-format-section{margin-bottom:.5rem}.image-format-label{display:block;font-size:.875rem;margin-bottom:.5rem}.image-format-radio{width:100%}.image-format-radio .ant-radio-button-wrapper{flex:1 1}.image-format-ico-sizes-label{display:block;margin-top:.75rem;margin-bottom:.5rem}.image-format-ico-checkbox-group{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.image-format-ico-checkbox-group .ant-checkbox-wrapper{-webkit-margin-end:0;margin-inline-end:0}.image-format-ico-hint{display:block;font-size:.8125rem;margin-top:.5rem;color:#8c8c8c}.image-format-actions{display:flex;flex-wrap:wrap;gap:.75rem}.image-format-help{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #eee}.image-format-help-title{font-size:1.0625rem;font-weight:600;color:#333;margin-bottom:.75rem}.image-format-help-list{margin:0;padding-left:1.25rem;color:#555;font-size:.9375rem;line-height:1.6}.image-format-help-list li{margin-bottom:.5rem}.image-format-help-list li:last-child{margin-bottom:0}@media (max-width:900px){.image-format-layout{flex-direction:column;align-items:stretch}.image-format-left{flex:none;width:100%;max-width:100%}.image-format-upload-inner{height:280px}}.image-compress-page .ant-card-body{border:none!important;padding:0!important}.image-compress-page .ant-card{border:none!important;box-shadow:none!important}.image-compress-layout{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap}.image-compress-left{flex:0 0 400px;width:400px}.image-compress-right{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1rem}.image-compress-upload.ant-upload-drag{border:2px dashed #d9d9d9!important;border-radius:8px!important;background:#fafafa!important}.image-compress-upload.ant-upload-drag:hover{border-color:#1890ff!important;background:#f0f7ff!important}.image-compress-upload .ant-upload-drag-container{margin:0;padding:0}.image-compress-upload-inner{width:100%;height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-compress-preview-img{max-width:100%;max-height:100%;object-fit:contain}.image-compress-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8c8c8c}.image-compress-upload-icon{font-size:48px;color:#bfbfbf;margin-bottom:.75rem}.image-compress-upload-text{margin:0;font-size:.9375rem;color:#8c8c8c}.image-compress-original-size{display:block;margin-top:.5rem;font-size:.875rem}.image-compress-section{margin-bottom:.5rem}.image-compress-label{display:block;font-size:.875rem;margin-bottom:.5rem}.image-compress-radio{width:100%}.image-compress-radio .ant-radio-button-wrapper{flex:1 1}.image-compress-slider{margin-bottom:.25rem}.image-compress-dimensions{display:flex;flex-wrap:wrap;gap:.75rem}.image-compress-input{min-width:140px}.image-compress-switch-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.image-compress-switch-row .image-compress-label{margin-bottom:0}.image-compress-actions{display:flex;flex-wrap:wrap;gap:.75rem}.image-compress-png-hint{display:block;margin-top:.5rem;font-size:.8125rem;color:#8c8c8c}.image-compress-help{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #eee}.image-compress-help-title{font-size:1.0625rem;font-weight:600;color:#333;margin-bottom:.75rem}.image-compress-help-list{margin:0;padding-left:1.25rem;color:#555;font-size:.9375rem;line-height:1.6}.image-compress-help-list li{margin-bottom:.5rem}.image-compress-help-list li:last-child{margin-bottom:0}@media (max-width:900px){.image-compress-layout{flex-direction:column;align-items:stretch}.image-compress-left{flex:none;width:100%;max-width:100%}.image-compress-upload-inner{height:280px}}.image-invert-page .image-invert-layout{display:flex;flex-direction:column;gap:1.5rem}.image-invert-upload-wrap{max-width:500px}.image-invert-upload.ant-upload-drag{border:2px dashed #d9d9d9!important;border-radius:8px!important;background:#fafafa!important}.image-invert-upload.ant-upload-drag:hover{border-color:#1890ff!important;background:#f0f7ff!important}.image-invert-upload .ant-upload-drag-container{margin:0;padding:0}.image-invert-upload-inner{width:100%;height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-invert-preview-img{max-width:100%;max-height:100%;object-fit:contain}.image-invert-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8c8c8c}.image-invert-upload-icon{font-size:48px;color:#bfbfbf;margin-bottom:.75rem}.image-invert-upload-text{margin:0;font-size:.9375rem;color:#8c8c8c}.image-invert-previews{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;max-width:900px}.image-invert-preview-box{border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;background:#fafafa}.image-invert-preview-label{display:block;padding:.5rem .75rem;font-size:.875rem;border-bottom:1px solid #e8e8e8}.image-invert-preview-inner{min-height:120px;padding:.75rem;display:flex;align-items:center;justify-content:center}.image-invert-preview-img-box{max-width:100%;max-height:280px;object-fit:contain}.image-invert-preview-loading{color:#8c8c8c;font-size:.875rem}.image-invert-actions{display:flex;gap:.75rem;flex-wrap:wrap}.image-invert-help{margin-top:1.5rem}.image-invert-help-title{font-size:1rem;margin-bottom:.5rem}.image-invert-help-intro{margin:0 0 1rem;font-size:.9375rem;line-height:1.6;color:#595959}.image-invert-help-list{margin:0;padding-left:1.25rem}.image-invert-help-list li{margin-bottom:.5rem}.image-invert-help-list li:last-child{margin-bottom:0}@media (max-width:640px){.image-invert-previews{grid-template-columns:1fr}}.qr-code-parse-page .qr-code-parse-layout{display:flex;flex-direction:column;gap:1.5rem}.qr-code-parse-upload-wrap{max-width:500px}.qr-code-parse-upload.ant-upload-drag{border:2px dashed #d9d9d9!important;border-radius:8px!important;background:#fafafa!important}.qr-code-parse-upload.ant-upload-drag:hover{border-color:#1890ff!important;background:#f0f7ff!important}.qr-code-parse-upload .ant-upload-drag-container{margin:0;padding:0}.qr-code-parse-upload-inner{width:100%;height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden}.qr-code-parse-preview-img{max-width:100%;max-height:100%;object-fit:contain}.qr-code-parse-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8c8c8c}.qr-code-parse-upload-icon{font-size:48px;color:#bfbfbf;margin-bottom:.75rem}.qr-code-parse-upload-text{margin:0;font-size:.9375rem;color:#8c8c8c}.qr-code-parse-actions-single{display:flex;gap:.75rem;flex-wrap:wrap}.qr-code-parse-result{max-width:600px}.qr-code-parse-result-label{display:block;margin-bottom:.5rem;font-size:.9375rem;color:#595959}.qr-code-parse-result-text{margin-bottom:.75rem}.qr-code-parse-copy{margin-top:.25rem}.qr-code-parse-help{margin-top:1.5rem}.qr-code-parse-help-title{font-size:1rem;margin-bottom:.5rem}.qr-code-parse-help-intro{margin:0 0 1rem;font-size:.9375rem;line-height:1.6;color:#595959}.qr-code-parse-help-subtitle{font-size:.95rem;margin:0 0 .5rem}.qr-code-parse-help-list{margin:0;padding-left:1.25rem;font-size:.9375rem;color:#4a4a4a}.qr-code-parse-help-list li{margin-bottom:.4rem}.tool-footer{margin-top:auto;flex-shrink:0;padding:0 2rem 2rem}.tool-footer-inner{max-width:1400px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;background:linear-gradient(90deg,#93c5fd 0,#1e3a8a);border-radius:8px}.tool-footer-site{font-size:.9375rem;color:hsla(0,0%,100%,.9)}.tool-footer-contact-btn{padding:0;background:none;border:none;color:hsla(0,0%,100%,.95);font-size:.9375rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .2s,opacity .2s}.tool-footer-contact-btn:hover{color:#fff;opacity:.9}.tool-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.tool-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);max-width:480px;width:100%;max-height:90vh;overflow:auto}.tool-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #eee}.tool-modal-title{font-size:1.25rem;font-weight:600;color:#000;margin:0}.tool-modal-close{width:36px;height:36px;border:none;background:transparent;font-size:1.5rem;line-height:1;color:#666;cursor:pointer;border-radius:6px;transition:background .2s,color .2s}.tool-modal-close:hover{background:#f0f0f0;color:#000}.tool-modal-body{padding:1.5rem 1.5rem 1.75rem}.tool-form-group{margin-bottom:1.25rem}.tool-form-group label{display:block;font-size:.875rem;font-weight:500;color:#333;margin-bottom:.5rem}.tool-form-input,.tool-form-textarea{width:100%;padding:.65rem 1rem;font-size:1rem;font-family:inherit;border:1px solid #d9d9d9;border-radius:8px;transition:border-color .2s}.tool-form-input:focus,.tool-form-textarea:focus{outline:none;border-color:#1890ff}.tool-form-input:disabled,.tool-form-textarea:disabled{background:#f5f5f5;cursor:not-allowed}.tool-form-textarea{min-height:100px;resize:vertical}.tool-form-message{font-size:.9375rem;margin-bottom:1rem}.tool-form-message-success{color:#059669}.tool-form-message-error{color:#dc2626}.tool-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}@media (max-width:600px){.tool-footer{padding:0 1.25rem .75rem}}.image-crop-page .tool-page-desc{margin-bottom:1.5rem}.image-crop-layout{display:flex;gap:2rem;align-items:flex-start;min-height:380px}.image-crop-left{flex:1 1 50%;min-width:0;display:flex;flex-direction:column}.image-crop-right{flex:1 1 50%;min-width:0;display:flex;align-items:flex-start;justify-content:center}.image-crop-upload.ant-upload-drag{border:none!important;border-radius:0!important;background:#fafafa!important;padding:0!important;margin:0!important}.image-crop-upload.ant-upload-drag:hover{background:#f0f7ff!important}.image-crop-upload .ant-upload-drag-container{margin:0;padding:0}.image-crop-upload-inner{width:100%;height:360px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.image-crop-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8c8c8c}.image-crop-upload-icon{font-size:48px;color:#bfbfbf;margin-bottom:.75rem}.image-crop-upload-text{margin:0 0 .25rem;font-size:.9375rem;color:#8c8c8c}.image-crop-upload-hint,.image-crop-upload-replace{margin:0;font-size:.875rem;color:#8c8c8c}.image-crop-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.image-crop-preview-placeholder{min-height:360px;height:360px;justify-content:center;color:#8c8c8c;font-size:.9375rem}.image-crop-crop-area,.image-crop-preview-placeholder{width:100%;display:flex;align-items:center;background:#fafafa;border:none;border-radius:0}.image-crop-crop-area{padding:0;flex-direction:column}.image-crop-replace.ant-upload-drag{border:none!important;border-radius:0!important;background:#f5f5f5!important;padding:.25rem .5rem!important;margin:0!important;min-height:auto!important}.image-crop-replace.ant-upload-drag:hover{background:#f0f7ff!important}.image-crop-replace .ant-upload-drag-container{margin:0;padding:0}.image-crop-replace .ant-upload{padding:0}.image-crop-crop-wrap{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;min-height:360px;height:360px;flex:1 1;overflow:hidden;border-radius:0;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 50% /16px 16px}.image-crop-react-crop{display:inline-block}.image-crop-source-img{max-width:100%;max-height:340px;width:auto;height:auto;display:block;vertical-align:middle}.image-crop-preview-box{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem}.image-crop-output-size{margin:0;font-size:.9375rem;color:#666}.image-crop-output-size strong{color:#333}.image-crop-preview-wrap{display:flex;align-items:center;justify-content:center;min-height:360px;height:360px;width:100%;border-radius:0;border:none}.image-crop-preview-canvas-bg{display:inline-block;line-height:0;max-width:100%;background:repeating-conic-gradient(#e0e0e0 0 25%,#f5f5f5 0 50%) 50% /14px 14px}.image-crop-preview-canvas{max-width:100%;max-height:340px;object-fit:contain;display:block;vertical-align:bottom;box-shadow:0 2px 12px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.06)}@media (max-width:900px){.image-crop-layout{flex-direction:column;align-items:stretch;min-height:auto}.image-crop-left{flex:none;width:100%;max-width:100%}.image-crop-right{max-width:100%}.image-crop-upload-inner{height:320px}.image-crop-crop-wrap{min-height:300px;height:auto}.image-crop-preview-placeholder,.image-crop-preview-wrap{min-height:300px;height:300px}}.image-crop-left .ant-upload{padding:0!important}.image-crop-help{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #eee}.image-crop-help-title{font-size:1.0625rem;font-weight:600;color:#333;margin:0 0 .75rem;letter-spacing:.3px}.image-crop-help-intro+.image-crop-help-title,.image-crop-help-title+.image-crop-help-list{margin-top:1.25rem}.image-crop-help-intro,.image-crop-help-list{margin:0;color:#555;font-size:.9375rem;line-height:1.7}.image-crop-help-list{padding-left:1.25rem}.image-crop-help-list li{margin-bottom:.5rem}.image-crop-help-list li:last-child{margin-bottom:0}.date-calc-page .date-calc-label{display:block;font-weight:600;margin-bottom:6px;font-size:1rem}.date-calc-field{display:flex;flex-direction:column;gap:8px;max-width:400px}.date-calc-input-wrap{position:relative;min-height:48px;padding:12px 16px;background:#fff;border:1px solid #d9d9d9;border-radius:8px;cursor:pointer;transition:border-color .2s,box-shadow .2s;display:flex;align-items:center}.date-calc-input-wrap:hover{border-color:#253985}.date-calc-input-wrap:focus-within{border-color:#253985;box-shadow:0 0 0 2px rgba(37,57,133,.15);outline:none}.date-calc-datetime-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;cursor:pointer}.date-calc-input-value{font-size:1rem;color:#1e293b;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.date-calc-now-btn{align-self:flex-start}.date-calc-result{margin-top:1.25rem;padding:1.5rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.05)}.date-calc-result-title{font-weight:600;font-size:.95rem;color:#64748b;margin-bottom:.75rem}.date-calc-result-negative{color:#b91c1c;font-size:.85rem;margin-bottom:.75rem;padding:6px 10px;background:#fef2f2;border-radius:8px;display:inline-block}.date-calc-unit-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1.25rem}.date-calc-tab{padding:6px 14px;font-size:.85rem;border:1px solid #e2e8f0;border-radius:20px;background:#f8fafc;cursor:pointer;color:#64748b;transition:background .15s,border-color .15s,color .15s}.date-calc-tab:hover{border-color:#253985;color:#253985;background:#eef2ff}.date-calc-tab.active{background:#253985;border-color:#253985;color:#fff}.date-calc-chips{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .25rem;min-height:3rem}.date-calc-chip{display:inline-flex;align-items:baseline;gap:.2em;padding:.5rem .85rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:10px;border:1px solid #cbd5e1;white-space:nowrap}.date-calc-chip-num{font-size:1.35rem;font-weight:700;color:#1e293b;line-height:1.2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.date-calc-chip-unit{font-size:.9rem;font-weight:500;color:#64748b;margin-left:1px}.date-calc-help{margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.date-calc-help-title{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 .75rem}.date-calc-help-title+.date-calc-help-title{margin-top:1.5rem}.date-calc-help-desc,.date-calc-help-step{font-size:.95rem;color:#64748b;line-height:1.75;margin:0 0 .5rem}.color-picker-page .color-picker-main-card,.date-calc-help-desc{margin-bottom:1.5rem}.color-picker-main{display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-start}.color-picker-preview-wrap{display:flex;align-items:center;gap:1rem}.color-picker-input{flex-shrink:0}.color-picker-preview{width:56px;height:56px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.08)}.color-picker-formats{flex:1 1;min-width:280px}.color-picker-format-label{font-size:.9rem;color:#64748b;margin-bottom:.5rem}.color-picker-value-row{display:flex;align-items:center;gap:1rem;margin-top:.75rem;flex-wrap:wrap}.color-picker-value-text{font-size:.95rem;word-break:break-all}.color-picker-copy-btn{color:#253985;cursor:pointer}.color-picker-copy-btn:hover{text-decoration:underline}.color-picker-all-formats{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #f0f0f0}.color-picker-all-formats-label{font-size:.9rem;color:#64748b;margin-bottom:.75rem}.color-picker-all-formats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:.75rem;gap:.75rem}.color-picker-format-item{display:flex;flex-direction:column;gap:.25rem}.color-picker-format-item-value{display:flex;align-items:center;gap:.5rem}.color-picker-format-item-value .ant-typography{flex:1 1;margin:0;font-size:.85rem;word-break:break-all}.color-picker-copy-inline{color:#253985;cursor:pointer;flex-shrink:0}.color-picker-palette-card{margin-bottom:1.5rem}.color-picker-palette{display:flex;flex-wrap:wrap;gap:.75rem}.color-picker-swatch-wrap{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:72px}.color-picker-swatch{width:48px;height:48px;border-radius:8px;border:2px solid rgba(0,0,0,.1);cursor:pointer;padding:0;transition:transform .15s ease,box-shadow .15s ease}.color-picker-swatch:hover{transform:scale(1.08);box-shadow:0 4px 12px rgba(0,0,0,.2)}.color-picker-swatch-hex,.color-picker-swatch-name{font-size:.7rem;color:#64748b;text-align:center;line-height:1.2}.color-picker-swatch-copy{color:#253985;cursor:pointer;font-size:.75rem}.color-picker-swatch-copy:hover{text-decoration:underline}.color-picker-help{max-width:100%}.image-stitch-page .tool-page-desc{margin-bottom:1.5rem}.image-stitch-layout{max-width:900px}.image-stitch-main{margin-bottom:2rem}.image-stitch-upload-zone{border:2px dashed #d9d9d9;border-radius:8px;padding:3rem 2rem;text-align:center;background:#fafafa}.image-stitch-dragger.ant-upload-drag{border:none!important;background:transparent!important}.image-stitch-dragger .ant-upload-drag-container{margin:0}.image-stitch-upload-icon{font-size:48px;color:#bfbfbf;display:block;margin-bottom:.75rem}.image-stitch-upload-text{margin:0;color:#8c8c8c}.image-stitch-preview-section{margin-bottom:1.5rem;padding:1rem;border:1px solid #e8e8e8;border-radius:8px;background:#fafafa}.image-stitch-preview-box{display:flex;flex-direction:column;align-items:center;gap:.5rem}.image-stitch-preview-inner{width:100%;height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;background:#fff}.image-stitch-preview-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.image-stitch-size-only{margin:0;font-size:.875rem;color:#595959}.image-stitch-actions-section{padding:1rem;border:1px solid #e8e8e8;border-radius:8px;background:#fff}.image-stitch-action-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.image-stitch-action-label{flex-shrink:0;width:4.5em;font-size:.875rem;color:#8c8c8c}.image-stitch-direction-row{margin-bottom:1rem}.image-stitch-direction-row .image-stitch-radio{flex:1 1;min-width:0}.image-stitch-radio.ant-radio-group{display:flex;flex-wrap:wrap;gap:.5rem}.image-stitch-radio .ant-radio-button-wrapper{flex:1 1;min-width:70px;text-align:center}.image-stitch-buttons-row{align-items:center}.image-stitch-pending-count{font-size:.875rem;color:#8c8c8c}.image-stitch-pending-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.image-stitch-pending-item{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;color:#595959}.image-stitch-help{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #f0f0f0}.image-stitch-help-title{font-size:1.0625rem;font-weight:600;color:#262626;margin-bottom:.5rem}.image-stitch-help-intro+.image-stitch-help-title,.image-stitch-help-title+.image-stitch-help-list{margin-top:1.25rem}.image-stitch-help-intro{margin:0;color:#555;font-size:.9375rem;line-height:1.6}.image-stitch-help-list{margin:0;padding-left:1.25rem;color:#595959;font-size:.9375rem;line-height:1.6}.image-stitch-help-list li{margin-bottom:.5rem}.image-stitch-help-list li:last-child{margin-bottom:0}.css-shadow-page .css-shadow-preview-wrap{min-height:200px;display:flex;align-items:center;justify-content:center;padding:24px}.css-shadow-preview-box{width:280px;height:180px;background:#f5f5f5;border-radius:12px;margin:0 auto}.css-shadow-page .css-shadow-params-inner{max-width:320px}.css-shadow-page .css-shadow-slider-row{display:flex;align-items:center;gap:12px;margin-top:4px}.css-shadow-page .css-shadow-slider-row .ant-slider{flex:1 1;margin-inline:0}.bezier-curve-page .ant-card-body{padding:1.25rem}.bezier-curve-editor-wrap{display:flex;flex-direction:column;align-items:center;gap:.75rem}.bezier-curve-hint{margin:0;font-size:.9rem;color:#666}.bezier-curve-presets{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:560px}.bezier-curve-presets-label{font-size:.875rem;color:#666;font-weight:500}.bezier-curve-presets-list{display:flex;flex-wrap:wrap;gap:.5rem}.bezier-curve-preset-btn{padding:.35rem .75rem;font-size:.8125rem;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#333;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.bezier-curve-preset-btn:hover{border-color:#253985;color:#253985;background:#f0f4ff}.bezier-curve-preset-btn.active{border-color:#253985;background:#253985;color:#fff}.bezier-curve-canvas-wrap{border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;background:#fafbff}.bezier-curve-canvas{display:block;cursor:-webkit-grab;cursor:grab}.bezier-curve-canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.bezier-curve-preview-wrap{padding:.5rem 0}.bezier-curve-track{position:relative;width:100%;height:56px;background:#f0f4ff;border-radius:8px;overflow:hidden}.bezier-curve-block{position:absolute;left:20px;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:linear-gradient(135deg,#253985,#3b82f6);border-radius:8px;box-shadow:0 2px 8px rgba(37,57,133,.3)}.bezier-curve-output-wrap .ant-input{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace}.bezier-curve-help-card .ant-typography{margin-bottom:.5rem}