@charset "UTF-8";.header{position:sticky;top:0;z-index:1000;width:100%;padding:0;background:#fffc!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.06)}.header-content{max-width:1200px;margin:0 auto;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 24px}.header-content-left{display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity .2s ease}.header-content-left:hover{opacity:.8}.header-content-left .logo-container{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.header-content-left .logo-container .logo-icon{font-size:20px;color:#fff}.header-content-left .title{font-size:18px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-left:8px}.header-content-right{display:flex;align-items:center;gap:8px}.header-content-right .nav-button{height:36px;padding:0 16px;border-radius:8px;font-weight:500;transition:all .3s ease;color:#666}.header-content-right .nav-button:hover{color:#764ba2;background:#764ba21a}.header-content-right .nav-button .anticon{font-size:16px}.footer{background:#f8f9fa!important;padding:24px!important;margin:0}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.footer .copyright{margin-bottom:10px;color:#555;font-size:14px}.footer .footer-links a{color:#555;margin:0 10px;font-size:14px;text-decoration:none}.footer .footer-links a:hover{color:#764ba2;text-decoration:underline}.footer-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:48px;margin-bottom:48px}.footer-section{display:flex;flex-direction:column;gap:12px}.footer-section h4{font-size:16px;font-weight:600;margin-bottom:8px;color:#1a1a1a}.footer-section a{color:#666;font-size:14px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.footer-section a:hover{color:#764ba2;transform:translate(4px)}.footer-section a .anticon{font-size:16px}.footer-bottom{padding-top:24px;border-top:1px solid rgba(0,0,0,.06);display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}.footer-copyright,.footer-powered{color:#666;font-size:14px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.footer-copyright a,.footer-powered a{color:#764ba2;transition:color .3s ease}.footer-copyright a:hover,.footer-powered a:hover{color:#667eea}.footer-copyright{text-align:center}.footer .heart-icon{color:#ff4d4f;animation:heartBeat 1.2s ease infinite}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.ico-converter{padding:24px}.ico-converter .ant-upload{width:100%;margin-bottom:16px}.ico-converter .ant-upload-list{max-height:300px;overflow-y:auto}.ico-converter .ant-btn{width:100%;height:120px;border:2px dashed #d9d9d9;border-radius:8px}.ico-converter .ant-btn:hover{border-color:#1890ff}.ico-converter h3{margin-bottom:12px;color:#333;font-weight:500}.ico-converter .ant-slider{margin:10px 0 20px}.nine-palace-grid-container{padding:20px;background-color:#f4f5f7;min-height:100vh}.card{border-radius:12px;box-shadow:0 4px 6px #0000001a}.card .ant-card-head{background-color:#fafafa;border-bottom:1px solid #e8e8e8;border-radius:12px 12px 0 0}.card .ant-card-body{padding:20px}.upload-button{width:100%;margin-bottom:12px}.button-group{display:flex;justify-content:space-between}.split-imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;margin-top:16px}.split-imgs img{width:100%;border-radius:8px;transition:transform .3s ease}.split-imgs img:hover{transform:scale(1.05)}.split-imgs .img-container{border:1px solid #f0f0f0;border-radius:8px;padding:12px;background-color:#fff;text-align:center;box-shadow:0 2px 4px #0000000d}.split-imgs .img-container button{margin-top:8px}.preview-text{text-align:center;color:#999;margin-top:50px}.preview-text img{width:100%;border-radius:8px}.preview-text button{margin-top:10px}.ocr-layout{min-height:100vh}.ocr-header{background-color:#1890ff;color:#fff;text-align:center;padding:16px}.ocr-header-title{margin:0}.ocr-content{padding:24px;background-color:#f0f2f5}.ocr-upload-card,.ocr-image-card,.ocr-result-card{width:100%;border-radius:8px;box-shadow:0 4px 8px #0000001a}.ocr-image{max-width:100%;border-radius:8px;box-shadow:0 4px 8px #0000001a}.ocr-footer{text-align:center;background-color:#f0f2f5;padding:16px}.ocr-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;flex-direction:column}.ocr-loading-overlay .ant-progress{margin-top:16px;width:80%}@font-face{font-family:PixelFont;src:url(/fusion-pixel-12px-monospaced-zh_hans.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.pixel-editor__loading-animation{width:64px;height:64px;margin-bottom:1rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cstyle%3E@keyframes rotate %7B from %7B transform: rotate(0deg); %7D to %7B transform: rotate(360deg); %7D %7D rect %7B animation: rotate 1s linear infinite; transform-origin: center; %7D%3E%3Crect x='16' y='16' width='32' height='32' fill='%23ff6b6b' style='animation-delay: 0s;'/%3E%3Crect x='8' y='8' width='48' height='48' fill='none' stroke='%234ecdc4' stroke-width='4' style='animation-delay: 0.2s;'/%3E%3C/svg%3E");animation:pixelSpin 1s steps(8) infinite}#root{min-height:100vh;display:flex;flex-direction:column}.ant-layout{display:flex;flex-direction:column;flex:1;min-height:auto!important}.layout{display:flex;flex-direction:column;flex:1}.content{flex:1;padding:24px;background-color:#f5f5f5;display:flex;flex-direction:column}.content-cover{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:24px;background-color:#fff;border-radius:8px}.questions-container{width:100%;margin:0 auto}.questions{width:100%;background:transparent;border:none;border-radius:8px;overflow:hidden}.questions .ant-collapse-item{background:#f8f9fa;border:1px solid #eee;border-radius:8px!important;margin-bottom:1rem}.questions .ant-collapse-item:last-child{margin-bottom:0}.questions .ant-collapse-item .ant-collapse-header{padding:1rem 1.5rem!important;align-items:center!important}.questions .ant-collapse-item .ant-collapse-header .ant-collapse-header-text{font-size:1rem;font-weight:500;color:#1a1a1a}.questions .ant-collapse-item .ant-collapse-header .question-icon{color:#667eea;font-size:1.2rem;transition:all .3s ease}.questions .ant-collapse-item .ant-collapse-content{background:#fff}.questions .ant-collapse-item .ant-collapse-content .ant-collapse-content-box{padding:1.5rem!important;color:#666;line-height:1.6}.questions .ant-collapse-item .ant-collapse-content .ant-collapse-content-box ul{margin:1rem 0;padding-left:1.5rem}.questions .ant-collapse-item .ant-collapse-content .ant-collapse-content-box ul li{margin-bottom:.5rem}.questions .ant-collapse-item .ant-collapse-content .ant-collapse-content-box ul li:last-child{margin-bottom:0}.questions .ant-collapse-item .ant-collapse-content .ant-collapse-content-box p{margin-bottom:1rem}.questions .ant-collapse-item .ant-collapse-content .ant-collapse-content-box p:last-child{margin-bottom:0}.questions .ant-collapse-item:hover .ant-collapse-header{background-color:#f0f2f5}.questions .ant-collapse-item:hover .ant-collapse-header .ant-collapse-header-text{color:#667eea}.questions .ant-collapse-item:hover .ant-collapse-header .question-icon{color:#764ba2}.question-answer{color:#666;font-size:.95rem;line-height:1.6}.question-answer p{margin-bottom:1rem}.question-answer p:last-child{margin-bottom:0}.question-answer ul{margin:.5rem 0 1rem 1.5rem}.question-answer ul li{margin-bottom:.5rem;position:relative}.question-answer ul li:before{content:"•";color:#1890ff;position:absolute;left:-1rem}.question-answer ul li:last-child{margin-bottom:0}.question-answer a{color:#1890ff;text-decoration:none;transition:color .3s ease}.question-answer a:hover{color:#096dd9;text-decoration:underline}@media (max-width: 768px){.questions .ant-collapse-item .ant-collapse-header{padding:.8rem 1rem!important}.questions .ant-collapse-item .ant-collapse-header .ant-collapse-header-text{font-size:.9rem}.questions .ant-collapse-item .ant-collapse-header .question-icon{font-size:1rem}.questions .ant-collapse-item .ant-collapse-content .ant-collapse-content-box{padding:.8rem 1rem!important}.question-answer{font-size:.9rem}}.home{display:flex;flex-direction:column;width:100%;min-height:100%;padding:2rem;max-width:1200px;margin:0 auto;background:#f8f9fa}.home-header{text-align:center;margin-bottom:3rem}.home-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home-subtitle{font-size:1.2rem;color:#555}.home-func{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:0;margin:0 auto 3rem;max-width:100%}.home-func-item{background-color:#fff;color:#343a40;border-radius:12px;overflow:hidden;cursor:pointer;position:relative;padding:1.5rem;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border:1px solid #e9ecef;box-shadow:0 3px 6px #0000000a}.home-func-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000014;border-top:3px solid var(--accent-color, #007bff)}.home-func-item:hover .home-func-item-icon .anticon{color:var(--accent-color, #007bff);transform:scale(1.1)}.home-func-item-icon{font-size:2.8rem;margin-bottom:1rem}.home-func-item-icon .anticon{display:block;color:#adb5bd;transition:color .3s ease,transform .3s ease}.home-func-item-name{font-size:1.1rem;font-weight:600;color:#343a40;margin:0 0 .5rem;line-height:1.3}.home-func-item-desc{font-size:.85rem;color:#6c757d;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:2.8em;min-height:2.8em}.home-questions{margin-top:4rem;padding:2.5rem;background:#fff;border-radius:12px;box-shadow:0 6px 15px #00000012}.home-section-title{font-size:1.8rem;font-weight:600;margin-bottom:2rem;text-align:center;color:#343a40}@media (max-width: 768px){.home{padding:1.5rem}.home-title{font-size:2rem}.home-subtitle{font-size:1rem;padding:0 1rem}.home-func{gap:15px;margin-bottom:2rem}.home-func-item{padding:1.2rem;min-height:180px}.home-func-item-icon{font-size:2.2rem;margin-bottom:.8rem}.home-func-item-name{font-size:1rem}.home-func-item-desc{font-size:.8rem}.home-questions{margin-top:2.5rem;padding:2rem 1.5rem}.home-section-title{font-size:1.6rem;margin-bottom:1.5rem}}@media (max-width: 480px){.home{padding:1rem}.home-title{font-size:1.8rem}.home-subtitle{font-size:.9rem}.home-func{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.home-func-item{min-height:150px;padding:1rem}.home-func-item-icon{font-size:2rem}.home-func-item-name{font-size:.9rem}.home-func-item-desc{font-size:.75rem;max-height:2.8em;min-height:2.8em}.home-questions{padding:1.5rem 1rem}.home-section-title{font-size:1.4rem}}/*!
* Cropper.js v1.6.2
* https://fengyuanchen.github.io/cropperjs
*
* Copyright 2015-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2024-04-21T07:43:02.731Z
*/.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.container{max-width:1200px;margin:0 auto;padding:20px}.page-title{text-align:center;margin-bottom:24px}.content-container{display:flex;gap:20px;align-items:flex-start;margin-bottom:20px}.form-container{flex:1;background:#fff;border-radius:8px;padding:20px}.status-container{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px;padding:12px;background:#f5f5f5;border-radius:8px}.status-item{display:flex;align-items:center;gap:8px}.collapsible-content{padding:16px;background:#f9f9f9;border-radius:8px;margin-top:12px}.upload-button{position:relative;overflow:hidden;display:inline-block}.upload-button input[type=file]{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;cursor:pointer}.full-width{width:100%}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.help-icon{margin-left:4px;cursor:pointer}.container{padding:24px}.container .editor-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014}.container .page-title{margin-bottom:24px;color:#1f1f1f}.container .upload-area{margin-bottom:24px}.container .upload-area .ant-upload-drag{border-radius:8px;background:#fafafa;border:2px dashed #d9d9d9;transition:all .3s}.container .upload-area .ant-upload-drag:hover{border-color:#1890ff}.container .upload-area .ant-upload-text{margin:8px 0;color:#1f1f1f;font-size:16px}.container .upload-area .ant-upload-hint{color:#666}.container .image-container{display:flex;gap:24px;margin-bottom:24px;min-height:400px}.container .image-container .thumbnail-container{width:160px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:12px}.container .image-container .thumbnail-container::-webkit-scrollbar{width:6px}.container .image-container .thumbnail-container::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:3px}.container .image-container .thumbnail-container .thumbnail-wrapper{position:relative;cursor:pointer;border-radius:4px;overflow:hidden;transition:all .3s}.container .image-container .thumbnail-container .thumbnail-wrapper.selected{box-shadow:0 0 0 2px #1890ff}.container .image-container .thumbnail-container .thumbnail-wrapper:hover{transform:translateY(-2px)}.container .image-container .thumbnail-container .thumbnail-wrapper .thumbnail{width:100%;height:100px;object-fit:cover;display:block}.container .image-container .thumbnail-container .thumbnail-wrapper .thumbnail.cropped{border:2px solid #52c41a}.container .image-container .main-image-container{flex:1;display:flex;align-items:center;justify-content:center;background:#fafafa;border-radius:8px;overflow:hidden}.container .image-container .main-image-container img{max-width:100%;max-height:600px}.container .button-group{display:flex;justify-content:center;padding:16px 0;border-top:1px solid #f0f0f0}.container .button-group .ant-btn{min-width:120px}.container .button-group .ant-btn:not(:last-child){margin-right:12px}.video-to-gif-container .main-card{box-shadow:0 1px 2px #00000008}.video-to-gif-container .main-card .upload-card{transition:all .3s}.video-to-gif-container .main-card .upload-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.video-to-gif-container .main-card .settings-card{background:#fff}.video-to-gif-container .main-card .settings-card .ant-form-item{margin-bottom:24px}.video-to-gif-container .main-card .advanced-options{background:#fafafa;border-radius:8px;padding:8px}.video-to-gif-container .main-card .advanced-options .ant-collapse-header{padding:12px 16px}.video-to-gif-container .ant-alert{margin-bottom:12px}.video-to-gif-container .ant-alert:last-child{margin-bottom:0}.watermark-page{padding:24px}.watermark-page .preview-card{height:100%;display:flex;flex-direction:column}.watermark-page .preview-card .ant-card-body,.watermark-page .preview-card .ant-card-body .ant-space{flex:1;display:flex;flex-direction:column}.watermark-page .preview-container{position:relative;text-align:center;min-height:200px;display:flex;align-items:center;justify-content:center;flex:1}.watermark-page .preview-container img{max-width:100%;max-height:100%;object-fit:contain}.watermark-page .processing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center}@font-face{font-family:PixelFont;src:url(/fusion-pixel-12px-monospaced-zh_hans.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.pixel-editor{font-family:PixelFont,monospace;max-width:1200px;margin:0 auto;padding:2rem;background-color:#f7fff7;color:#1a1a2e}.pixel-editor__images{display:flex;gap:20px;margin-bottom:20px}.pixel-editor__original,.pixel-editor__result{flex:1;display:flex;flex-direction:column;border:1px solid #e8e8e8;border-radius:4px;overflow:hidden}.pixel-editor__image-label{padding:10px;background-color:#f5f5f5;border-bottom:1px solid #e8e8e8;font-weight:500}.pixel-editor__image-wrapper,.pixel-editor__canvas-container{flex:1;display:flex;justify-content:center;align-items:center;padding:10px;overflow:hidden;min-height:300px}.pixel-editor__image-wrapper img{max-width:100%;max-height:100%;object-fit:contain}.pixel-editor__grid{display:grid;box-shadow:0 2px 8px #00000026}.pixel-editor__cell{aspect-ratio:1/1}.pixel-editor__header{text-align:center;margin-bottom:2rem}.pixel-editor__title{font-size:2.5rem;margin-bottom:1rem;color:#ff6b6b;text-shadow:.25rem .25rem 0 #2d2d2d;letter-spacing:.125rem}.pixel-editor__subtitle{font-size:1rem;color:#1a1a2e;margin-bottom:2rem}.pixel-editor__content{position:relative;min-height:400px}.pixel-editor__upload-container{display:flex;justify-content:center;align-items:center;min-height:400px}.pixel-editor__upload-area{width:100%;max-width:500px;border:.25rem solid #2d2d2d;box-shadow:.25rem .25rem #0003;image-rendering:pixelated;padding:2rem;background-color:#fff}.pixel-editor__upload-area .ant-upload-drag{border:.125rem dashed #4ecdc4;border-radius:0;background:transparent;padding:2rem}.pixel-editor__upload-area .ant-upload-drag:hover{border-color:#ff6b6b}.pixel-editor__upload-icon{font-size:3rem;color:#4ecdc4;margin-bottom:1rem}.pixel-editor__upload-text{font-size:1.25rem;margin-bottom:1rem;color:#1a1a2e}.pixel-editor__upload-hint{font-size:.75rem;color:#515190}.pixel-editor__result-container{border:.25rem solid #2d2d2d;box-shadow:.25rem .25rem #0003;image-rendering:pixelated;background-color:#fff;padding:2rem}.pixel-editor__images{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.pixel-editor__images{flex-direction:column}}.pixel-editor__original,.pixel-editor__result{flex:1;min-width:300px;border:.25rem solid #2d2d2d;box-shadow:.25rem .25rem #0003;image-rendering:pixelated;padding:1rem;background-color:#f7fff7}.pixel-editor__image-label{font-size:1rem;margin-bottom:1rem;text-align:center;color:#1a1a2e}.pixel-editor__image-wrapper{width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden}.pixel-editor__image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.pixel-editor__canvas-container{width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden}.pixel-editor__grid{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;image-rendering:pixelated}.pixel-editor__cell{width:100%;height:100%}.pixel-editor__controls{margin-top:2rem;border:.25rem solid #2d2d2d;box-shadow:.25rem .25rem #0003;image-rendering:pixelated;padding:1.5rem;background-color:#fff}.pixel-editor__resolution-control{display:flex;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.pixel-editor__control-label{font-size:.875rem;margin-right:1rem;min-width:100px}.pixel-editor__slider-container{flex:1;min-width:200px}.pixel-editor__slider-container .ant-slider{margin:.5rem 0}.pixel-editor__slider-container .ant-slider .ant-slider-track{background-color:#4ecdc4}.pixel-editor__slider-container .ant-slider .ant-slider-handle{border-color:#4ecdc4}.pixel-editor__slider-container .ant-slider .ant-slider-mark-text{font-family:PixelFont,monospace;font-size:.625rem}.pixel-editor .ant-input-number{width:80px;border-radius:0;border:.125rem solid #2d2d2d}.pixel-editor .ant-input-number:hover,.pixel-editor .ant-input-number:focus{border-color:#4ecdc4}.pixel-editor__buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.pixel-editor__button{font-family:PixelFont,monospace;text-transform:uppercase;padding:.75rem 1.5rem;border:.25rem solid #2d2d2d;background-color:#f7fff7;color:#1a1a2e;cursor:pointer;transition:all .1s ease;box-shadow:.25rem .25rem #0003;display:flex;align-items:center;gap:.5rem}.pixel-editor__button:hover{transform:translate(-.125rem,-.125rem);box-shadow:.375rem .375rem #0003}.pixel-editor__button:active{transform:translate(.125rem,.125rem);box-shadow:.125rem .125rem #0003}.pixel-editor__button--download{background-color:#4ecdc4;color:#f7fff7}.pixel-editor__button--download:hover{background-color:#3ac7bd}.pixel-editor__button--reset{background-color:#ffd166}.pixel-editor__button--reset:hover{background-color:#ffc94d}.pixel-editor__button--upload{background-color:#ff6b6b;color:#f7fff7}.pixel-editor__button--upload:hover{background-color:#ff5252}.pixel-editor__loading{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1a1a2eb3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.pixel-editor__loading--visible{opacity:1;pointer-events:auto}.pixel-editor__loading-animation{width:64px;height:64px;margin-bottom:1rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cstyle%3E@keyframes rotate %7B from %7B transform: rotate(0deg); %7D to %7B transform: rotate(360deg); %7D %7D rect %7B animation: rotate 1s linear infinite; transform-origin: center; %7D%3E%3Crect x='16' y='16' width='32' height='32' fill='%23ff6b6b' style='animation-delay: 0s;'/%3E%3Crect x='8' y='8' width='48' height='48' fill='none' stroke='%234ecdc4' stroke-width='4' style='animation-delay: 0.2s;'/%3E%3C/svg%3E");animation:pixelSpin 1s steps(8) infinite}@keyframes pixelSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pixel-editor__loading-text{color:#f7fff7;font-size:1rem;text-shadow:.125rem .125rem 0 rgba(0,0,0,.5)}.pixel-editor__footer{margin-top:3rem;text-align:center;font-size:.75rem;color:#515190}.pixel-editor .ant-btn{border-radius:0;font-family:PixelFont,monospace}.pixel-editor .ant-btn:hover,.pixel-editor .ant-btn:focus{border-color:#4ecdc4;color:#4ecdc4}.pixel-editor .ant-modal .ant-modal-content{border-radius:0;border:.25rem solid #2d2d2d;box-shadow:.25rem .25rem #0003;image-rendering:pixelated}.pixel-editor .ant-modal .ant-modal-header{border-radius:0;border-bottom:.25rem solid #2d2d2d}.pixel-editor .ant-modal .ant-modal-title{font-family:PixelFont,monospace}.pixel-editor .ant-modal .ant-modal-footer{border-top:.25rem solid #2d2d2d}.pixel-editor .ant-modal .ant-modal-footer .ant-btn{font-family:PixelFont,monospace;text-transform:uppercase;padding:.75rem 1.5rem;border:.25rem solid #2d2d2d;background-color:#f7fff7;color:#1a1a2e;cursor:pointer;transition:all .1s ease;box-shadow:.25rem .25rem #0003;height:auto}.pixel-editor .ant-modal .ant-modal-footer .ant-btn:hover{transform:translate(-.125rem,-.125rem);box-shadow:.375rem .375rem #0003}.pixel-editor .ant-modal .ant-modal-footer .ant-btn:active{transform:translate(.125rem,.125rem);box-shadow:.125rem .125rem #0003}.base64-converter{padding:24px;background-color:#f0f2f5;min-height:100vh}.base64-converter-card{border-radius:8px;box-shadow:0 4px 12px #0000000d}.base64-converter-card .ant-card-body{padding:24px}.base64-converter-title{font-size:18px;margin-bottom:16px;color:#262626;font-weight:600}.base64-converter-tabs{margin-top:16px}.base64-converter-tabs .ant-tabs-nav{margin-bottom:20px}.base64-converter-input{margin-bottom:16px}.base64-converter-input textarea{border-radius:6px;resize:vertical;font-family:Courier New,monospace}.base64-converter-input textarea:hover{border-color:#40a9ff}.base64-converter-controls{display:flex;gap:12px;margin-bottom:24px}.base64-converter-controls .ant-select{min-width:120px}.base64-converter-controls .ant-select .ant-select-selector{border-radius:6px}.base64-converter-controls .convert-btn{border-radius:6px;height:38px;padding:0 16px}.base64-converter-preview{margin-top:24px}.base64-converter-preview-title{font-size:16px;margin-bottom:12px;font-weight:500}.base64-converter-preview-image{max-width:100%;border:1px solid #d9d9d9;border-radius:8px;box-shadow:0 2px 8px #00000014;transition:all .3s}.base64-converter-preview-image:hover{transform:scale(1.01);box-shadow:0 4px 12px #0000001f}.base64-converter-preview-actions{margin-top:16px}.base64-converter-preview-actions .download-btn{border-radius:6px}.base64-converter-preview-actions .download-btn:hover{background-color:#f0f7ff}.base64-converter-upload{display:flex;justify-content:center;margin-bottom:24px}.base64-converter-upload .image-uploader .ant-upload{height:200px;border-radius:8px;overflow:hidden}.base64-converter-upload .image-uploader .ant-upload:hover{border-color:#40a9ff}.base64-converter-upload .image-uploader .ant-upload img{object-fit:cover}.base64-converter-result{margin-top:24px}.base64-converter-result-title{font-size:16px;margin-bottom:12px;font-weight:500}.base64-converter-result-content textarea{border-radius:6px;resize:vertical;font-family:Courier New,monospace;margin-bottom:16px}.base64-converter-result-actions .copy-btn{border-radius:6px}.base64-converter-result-actions .copy-btn:hover{background-color:#f0f7ff}.base64-converter-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.base64-converter-result-option{display:flex;align-items:center;font-size:14px;color:#666}.mac-screenshot-page{display:flex;flex-direction:column;gap:24px;padding:24px}.mac-screenshot-page .description{font-size:16px;color:#555;margin-bottom:16px}.mac-screenshot-page .upload-section .ant-upload-wrapper .ant-upload-drag{padding:40px 20px;border-radius:8px;background-color:#f9f9f9;border:2px dashed #d9d9d9;transition:border-color .3s}.mac-screenshot-page .upload-section .ant-upload-wrapper .ant-upload-drag:hover{border-color:#1890ff}.mac-screenshot-page .upload-section .ant-upload-wrapper .ant-upload-drag .ant-upload-text{font-size:18px;color:#333;font-weight:500}.mac-screenshot-page .upload-section .ant-upload-wrapper .ant-upload-drag .ant-upload-hint{font-size:14px;color:#777}.mac-screenshot-page .editor-section{display:flex;flex-direction:column;gap:20px;padding:20px;border:1px solid #e8e8e8;border-radius:8px;background-color:#fff}.mac-screenshot-page .editor-section .controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.mac-screenshot-page .editor-section .controls .ant-select{min-width:220px}.mac-screenshot-page .editor-section .preview-area{display:flex;justify-content:center;align-items:center;padding:20px;border:1px dashed #d9d9d9;border-radius:8px;background-color:#f9f9f9;min-height:300px}.mac-screenshot-page .editor-section .preview-area img{max-width:100%;max-height:500px;object-fit:contain;border-radius:4px;box-shadow:0 4px 12px #0000001a}.guides-index-page{padding:24px;background-color:#f8f9fa;min-height:calc(100vh - 120px);display:flex;flex-direction:column}.guides-index-page .ant-typography{color:#333}.guides-index-page .ant-typography-secondary{color:#666}.guides-index-page h1,.guides-index-page h2,.guides-index-page h3,.guides-index-page h4,.guides-index-page h5,.guides-index-page h6{color:#333}.guides-index-page .ant-typography.ant-typography-h2{color:#1890ff;margin-bottom:30px;font-size:2.2em;font-weight:700;text-align:center}.guides-index-page .ant-typography.ant-typography-h2 .anticon{color:#1890ff}.guides-index-page .ant-typography.ant-typography-paragraph{font-size:1.1em;line-height:1.8;max-width:800px;margin-left:auto;margin-right:auto;text-align:center;color:#666}.guides-index-page .guide-card{border-radius:8px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.guides-index-page .guide-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000014}.guides-index-page .guide-card .ant-card-head{padding:16px 20px;border-bottom:1px solid #f0f0f0;min-height:auto}.guides-index-page .guide-card .ant-card-head-title{padding:0}.guides-index-page .guide-card .ant-card-head-title .ant-typography-h4{font-size:1.25em;font-weight:600;line-height:1.4;margin:0;color:#333}.guides-index-page .guide-card .ant-card-head-title .ant-typography-h4 a{color:#333}.guides-index-page .guide-card .ant-card-head-title .ant-typography-h4 a:hover{color:#1890ff}.guides-index-page .guide-card .ant-card-body{flex:1;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.guides-index-page .guide-card .ant-typography.ant-typography-paragraph{font-size:.95em;line-height:1.6;color:#666;margin-bottom:16px;flex-grow:1}.guides-index-page .guide-card .ant-space{width:100%;margin-bottom:12px}.guides-index-page .guide-card .ant-space .ant-typography-secondary{font-size:.85em}.guides-index-page .guide-card .ant-space .ant-typography-secondary .anticon{margin-right:5px;color:gray}.guides-index-page .guide-card .ant-space .ant-tag{font-size:.75em;padding:4px 8px;border-radius:4px}.guides-index-page .guide-card .ant-space .ant-tag .anticon{margin-right:4px}.guides-index-page .guide-card .ant-divider{margin:16px 0;border-color:#f0f0f0}.guides-index-page .guide-card a[style*="float: right"]{font-size:.9em;color:#1890ff;font-weight:500;text-decoration:none}.guides-index-page .guide-card a[style*="float: right"]:hover{text-decoration:underline}@media (max-width: 992px){.guides-index-page{padding:20px}.guides-index-page .ant-typography.ant-typography-h2{font-size:2em}.guides-index-page .ant-typography.ant-typography-paragraph{font-size:1em;margin-bottom:30px}.guides-index-page .guide-card .ant-card-head{padding:12px 16px}.guides-index-page .guide-card .ant-card-head-title .ant-typography-h4{font-size:1.15em}.guides-index-page .guide-card .ant-card-body{padding:16px}.guides-index-page .guide-card .ant-typography.ant-typography-paragraph{font-size:.9em}.guides-index-page .guide-card .ant-space .ant-typography-secondary{font-size:.8em}}@media (max-width: 768px){.guides-index-page{padding:16px}.guides-index-page .ant-typography.ant-typography-h2{font-size:1.8em;margin-bottom:20px}.guides-index-page .ant-typography.ant-typography-paragraph{font-size:.95em;margin-bottom:25px}.guides-index-page .guide-card .ant-card-head{padding:10px 14px}.guides-index-page .guide-card .ant-card-head-title .ant-typography-h4{font-size:1.1em;line-height:1.3}.guides-index-page .guide-card .ant-card-body{padding:14px}.guides-index-page .guide-card .ant-typography.ant-typography-paragraph{font-size:.88em}.guides-index-page .guide-card .ant-space .ant-typography-secondary{font-size:.75em}.guides-index-page .guide-card .ant-divider{margin:12px 0}.guides-index-page .guide-card a[style*="float: right"]{font-size:.85em}}@media (max-width: 480px){.guides-index-page{padding:12px}.guides-index-page .ant-typography.ant-typography-h2{font-size:1.6em;margin-bottom:15px}.guides-index-page .ant-typography.ant-typography-paragraph{font-size:.9em;margin-bottom:20px}.guides-index-page .guide-card .ant-card-head{padding:8px 12px}.guides-index-page .guide-card .ant-card-head-title .ant-typography-h4{font-size:1em}.guides-index-page .guide-card .ant-card-body{padding:12px}.guides-index-page .guide-card .ant-typography.ant-typography-paragraph{font-size:.85em}.guides-index-page .guide-card .ant-space .ant-typography-secondary{font-size:.7em}.guides-index-page .guide-card .ant-tag{font-size:.65em;padding:3px 6px}}body{margin:0!important;display:flex;place-items:center;min-width:100vw;min-height:100vh}#root{width:100%;height:100%;height:100vh}