:root{--nav-bg:#0f1117;--nav-surface:#161b27;--nav-border:#1e2535;--panel-bg:#1a1614;--panel-surface:#221e1b;--panel-border:#2e2820;--ws-bg:#111010;--header-bg:#0a0c12;--text:#e6e4f0;--text-dim:#9d9db8;--text-dimmer:#8a8aae;--nav-idle:#ffffff;--accent:#5b52f0;--accent-text:#8b84ff;--accent-glow:rgba(108,99,255,.22);--warn:#fbbf24;--danger:#f87171;--r:12px;--rs:8px;--tr:.2s cubic-bezier(.4,0,.2,1);--canvas-max-w:clamp(205px, 35.2vw, 896px);--canvas-max-h:clamp(253px, 57.5vh, 920px);--sidebar-w:220px;--header-h:106px}body.light{--nav-bg:#eef2ff;--nav-surface:#ffffff;--nav-border:#cbd5e1;--panel-bg:#f8fafc;--panel-surface:#ffffff;--panel-border:#e2e8f0;--ws-bg:#f1f5f9;--header-bg:#ffffff;--text:#0f172a;--text-dim:#475569;--text-dimmer:#64748b;--nav-idle:#000000;--accent:#4f46e5;--accent-text:#4f46e5}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.skip-link{position:absolute;left:-9999px;top:4px;z-index:9999;background:var(--accent);color:#fff;padding:8px 16px;border-radius:4px;font-family:'Syne',sans-serif;font-weight:700;font-size:.9rem;text-decoration:none}.skip-link:focus{left:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{font-family:'Syne',sans-serif;background:var(--ws-bg);color:var(--text);min-height:100vh;overflow-x:hidden;transition:background .25s,color .2s}.main-container{max-width:1600px;width:100%;margin:0 auto;display:flex;flex-direction:column;min-height:100vh}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:#fff}button svg:not(.nav-cat-sparkles):not(.nav-cat-wrench):not(.pie-icon-letter-a):not(.pie-textedit-add-btn-icon):not(.pie-textedit-tab-btn-icon),.toolbar-btn svg,.download-btn svg{fill:none!important;fill-opacity:0!important;background:transparent!important}.nav-cat-sparkles path{fill-opacity:1!important}.toolbar-btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:3;overflow:visible;flex-shrink:0}.zoom-strip svg{width:16px;height:16px;stroke:var(--accent-text);stroke-width:2.5}header{background:var(--header-bg);border-bottom:3px solid var(--accent);position:sticky;top:0;z-index:200;display:flex;flex-direction:column}.header-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 20px 5px;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.site-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;line-height:1.5;overflow:visible}.logo-mark{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:linear-gradient(135deg,#6c63ff,#c084fc);border-radius:8px;flex-shrink:0}.logo-mark svg{width:18px;height:18px;stroke:#fff!important;fill:none!important;stroke-width:2!important}.logo-text{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:1.8rem;line-height:1.3;display:inline-block;padding:.05em 0 .15em;overflow:visible;font-weight:800;letter-spacing:normal;color:var(--accent-text)}@media (forced-colors:active){.logo-text{-webkit-text-fill-color:LinkText;color:LinkText;background:none}}.theme-toggle{background:var(--nav-surface);border:2px solid var(--accent);border-radius:30px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--tr);flex-shrink:0}.theme-toggle svg{width:18px;height:18px;fill:none}.icon-btn{background:#fff0;border:2px solid var(--accent);border-radius:30px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--tr);flex-shrink:0;color:var(--text);text-decoration:none;padding:0;font-family:inherit}.icon-btn.blog-btn{width:auto;padding:0 16px;font-family:'Syne',sans-serif;font-size:.85rem;font-weight:700;white-space:nowrap}.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;overflow:visible}.icon-btn:hover:not(:disabled){background:#4b42dc;border-color:#4b42dc;color:#fff}.icon-btn:disabled{opacity:.5;cursor:not-allowed;background:#fff0;color:var(--text-dim);border-color:var(--nav-border)}.icon-btn.reset{background:#3a3f4b;border-color:#3a3f4b;color:#fff}.icon-btn.reset:active{background:#565c6b;border-color:#565c6b}.icon-btn.undo{background:#a855f7;border-color:#a855f7;color:#fff}.icon-btn.undo:active{background:#c084fc;border-color:#c084fc}.icon-btn.redo{background:#f59e0b;border-color:#f59e0b;color:#fff}.icon-btn.redo:active{background:#fbbf24;border-color:#fbbf24}.icon-btn.trash{background:#ef4444;border-color:#ef4444;color:#fff}.icon-btn.trash:active{background:#f87171;border-color:#f87171}.icon-btn.lang-trigger{gap:0;padding:0;min-height:36px}.icon-btn.lang-trigger .lang-native,.icon-btn.lang-trigger .lang-chevron{display:none}.icon-btn.lang-trigger .lang-flag{font-size:1.15rem}.icon-btn.lang-trigger:hover,.icon-btn.lang-trigger[aria-expanded="true"]{background:#4b42dc;color:#fff;border-color:#4b42dc}.theme-toggle .sun-icon{stroke:#fbbf24;display:block}.theme-toggle .moon-icon{stroke:#000;fill:#1a1a2e;display:none}body.light .theme-toggle .sun-icon{display:none}body.light .theme-toggle .moon-icon{display:block}.header-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap;flex:1;min-width:0}.header-buttons-center{flex:1;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.search-field{display:flex;align-items:center;gap:8px;background:var(--nav-surface);border:2px solid var(--accent);border-radius:40px;padding:4px 8px 4px 16px}.search-field input{background:#fff0;border:none;color:var(--text);font-size:.9rem;padding:7px 0;outline:none;width:200px;font-family:'Syne',sans-serif}.search-field input::placeholder{color:var(--text-dimmer)}.search-field button{background:var(--accent);border:none;border-radius:30px;padding:6px 16px;color:#fff;font-weight:600;cursor:pointer;transition:var(--tr);font-family:'Syne',sans-serif;font-size:.8rem}.search-field button:hover{background:#4b42dc}.download-btn{background:var(--accent);color:#fff;border:2px solid var(--accent);padding:9px 22px;border-radius:36px;font-family:'Syne',sans-serif;font-size:.92rem;font-weight:700;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}.download-btn svg{width:18px;height:18px;stroke:#fff;stroke-width:2.5}.download-btn:hover{background:#4b42dc}.download-btn:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.header-bottom{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 12px;flex-wrap:wrap;border-top:1px solid var(--nav-border);max-width:100%;box-sizing:border-box}.toolbar-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px!important;border-radius:30px;font-family:'Syne',sans-serif;font-size:.75rem;font-weight:700;cursor:pointer;transition:var(--tr);white-space:nowrap;height:28px;line-height:1;margin:5px 0;border:3px solid #fff0;background:#fff0;flex-shrink:1;max-width:100%;box-sizing:border-box}.toolbar-btn:hover{transform:translateY(-1px)}.toolbar-btn.reset{color:var(--warn);border-color:var(--warn)}.toolbar-btn.reset:hover{background:var(--warn);color:#fff}.toolbar-btn.undo{color:#a855f7;border-color:#a855f7}.toolbar-btn.undo:hover{background:#a855f7;color:#fff}.toolbar-btn.redo{color:#f59e0b;border-color:#f59e0b}.toolbar-btn.redo:hover{background:#f59e0b;color:#fff}.toolbar-btn.trash{color:#ef4444;border-color:#ef4444}.toolbar-btn.trash:hover{background:#ef4444;color:#fff}.zoom-strip-row{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 0}.share-wrap{position:relative}.share-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:120;min-width:160px;list-style:none;margin:0;padding:6px;background:var(--panel-surface);border:1px solid var(--panel-border);border-radius:var(--rs);box-shadow:0 10px 30px rgb(0 0 0 / .35)}.share-menu[hidden]{display:none}.share-menu-item{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:6px;border:none;background:#fff0;color:var(--text);font-family:'Syne',sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:none;transition:var(--tr)}.share-menu-item:hover{background:var(--nav-surface);color:var(--accent-text)}.like-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}.like-wrap .like-btn{width:22px;height:22px;border-width:1px}.like-wrap .like-btn svg{width:11px;height:11px}.like-count{font-family:'DM Mono',monospace;font-size:.7rem;font-weight:600;color:var(--text-dim);min-width:1em;text-align:center}.like-btn svg{transition:var(--tr)}.like-btn.like-pop{animation:pie-like-pop .35s ease}@keyframes pie-like-pop{0%{transform:scale(1)}40%{transform:scale(1.25)}100%{transform:scale(1)}}.zoom-download-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;font-size:.82rem}.icon-btn.trash-x{background:#ef4444;border-color:#ef4444;color:#fff}.icon-btn.trash-x:active{background:#f87171;border-color:#f87171}.zoom-strip{display:flex;align-items:center;gap:6px;background:var(--nav-surface);padding:4px 12px;border-radius:30px;border:2px solid var(--accent)}.zoom-strip .zoom-label{font-size:.72rem;font-family:'Syne',sans-serif;font-weight:600;color:var(--text-dim)}.zoom-strip .zoom-val{font-size:.75rem;font-family:'DM Mono',monospace;font-weight:600;color:var(--accent-text);min-width:38px;text-align:right}.zoom-step-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;padding:0;border:1px solid var(--panel-border);border-radius:50%;background:var(--panel-surface);color:var(--text-dim);font-size:.85rem;line-height:1;font-weight:700;cursor:pointer;transition:var(--tr)}.zoom-step-btn:hover{border-color:var(--accent);color:var(--accent-text);background:var(--nav-surface)}#zoomSlider{width:130px;height:7px;-webkit-appearance:none;appearance:none;background:#4a4a6a;border-radius:4px;cursor:pointer}body.light #zoomSlider{background:#cbd5e1}#zoomSlider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer}#zoomSlider::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border-radius:50%;border:none;cursor:pointer}input[type="range"]:not(#zoomSlider){width:100%;height:7px;-webkit-appearance:none;appearance:none;background:#4a4a6a;border-radius:4px;cursor:pointer}body.light input[type="range"]:not(#zoomSlider){background:#cbd5e1}input[type="range"]:not(#zoomSlider)::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer}input[type="range"]:not(#zoomSlider)::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border-radius:50%;border:none;cursor:pointer}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr 340px;align-items:start;flex:1}.icon-nav{background:var(--nav-bg);border-right:1px solid var(--nav-border);position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow-y:auto;overflow-x:hidden;padding:10px 10px 16px;display:flex;flex-direction:column;gap:1px;scrollbar-width:thin;scrollbar-color:var(--accent) #fff0}.icon-nav::-webkit-scrollbar{width:3px}.icon-nav::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.icon-nav ul.menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;width:100%}.icon-nav ul.menu li{width:100%}.nav-section-label{font-size:.55rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dimmer);padding:12px 12px 4px;pointer-events:none;user-select:none}.nav-divider{height:1px;background:var(--nav-border);margin:6px 8px}.icon-nav ul.menu li.nav-separator{pointer-events:none}.nav-category-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 2px 10px}.nav-category-btn{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px;border-radius:10px;background:var(--panel-surface);border:1px solid var(--panel-border);cursor:pointer;transition:var(--tr);min-width:0;overflow:hidden}.nav-category-btn:hover{border-color:var(--accent)}.nav-category-btn.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.nav-category-btn svg{width:22px;height:22px;flex-shrink:0}.nav-category-btn span:last-child{font-size:.58rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.nav-category-btn.is-active span:last-child{color:var(--text)}.nav-cat-sparkles{overflow:visible}.nav-subcategory-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 2px 10px}.nav-subcategory-buttons.hidden{display:none}.nav-subcategory-btn{height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--panel-surface);border:1px solid var(--panel-border);cursor:pointer;transition:var(--tr);font-size:.62rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.nav-subcategory-btn:hover{border-color:var(--accent)}.nav-subcategory-btn.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);color:var(--text)}.nav-cat-colorwheel{width:22px;height:22px;border-radius:50%;flex-shrink:0;background:conic-gradient(from 0deg,#ef4444,#f59e0b,#eab308,#22c55e,#06b6d4,#3b82f6,#a855f7,#ec4899,#ef4444);border:2px solid #fff;box-shadow:0 0 0 1px rgb(0 0 0 / .15)}.nav-category-btn[data-category="tools"]{background:#fff0;color:var(--accent-text)}.nav-category-btn[data-category="tools"] span:last-child{color:var(--text-dim)}.nav-category-btn[data-category="tools"].is-active span:last-child{color:var(--text)}.nav-cat-sparkles{width:41px!important;height:41px!important}.nav-group{display:flex;flex-direction:column;gap:1px;width:100%}.nav-group[hidden]{display:none}.nav-btn[hidden]{display:none}.nav-btn{position:relative;display:flex;align-items:center;gap:7px;padding:0 10px;border-radius:8px;cursor:pointer;border:none;background:#fff0;transition:var(--tr);width:100%;font-family:'Syne',sans-serif;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;color:var(--nav-idle);min-height:35px;padding-top:4px;padding-bottom:4px}.nav-btn .nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:15px;height:15px;color:var(--tc,var(--nav-idle))}.nav-btn .nav-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.nav-btn .nav-thumb{width:26px;height:26px;border-radius:5px;object-fit:cover;flex-shrink:0;border:1px solid var(--nav-border)}.nav-btn .nav-label{flex:1;text-align:left;color:var(--nav-idle);line-height:1.2}.nav-thumb-preview-float{position:fixed;display:none;z-index:1000;border:2px solid var(--accent);border-radius:8px;overflow:hidden;background:var(--nav-surface);box-shadow:0 6px 20px rgb(0 0 0 / .45);pointer-events:none}.nav-thumb-preview-float.is-visible{display:block}.nav-thumb-preview-float img{display:block;width:130px;height:130px;object-fit:cover}.nav-btn:hover{background:var(--accent);color:#fff}.nav-btn:hover .nav-label{color:#fff}.nav-btn.active,.icon-nav .current-menu-item>.nav-btn,.icon-nav .current_page_item>.nav-btn{background:var(--nav-surface);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent-text)}.nav-btn.active .nav-label,.icon-nav .current-menu-item>.nav-btn .nav-label,.icon-nav .current_page_item>.nav-btn .nav-label{color:var(--accent-text)}.icon-nav .tool-crop>.nav-btn{--tc:#f472b6}.icon-nav .tool-rotate>.nav-btn{--tc:#a3e635}.icon-nav .tool-bgremove>.nav-btn{--tc:#2dd4bf}.icon-nav .tool-quality>.nav-btn{--tc:#fde047}.nav-btn[data-panel="crop"]{--tc:#f472b6}.nav-btn[data-panel="rotate"]{--tc:#a3e635}.nav-btn[data-panel="bgremove"]{--tc:#2dd4bf}.nav-btn[data-panel="quality"]{--tc:#fde047}.icon-nav [class*="tool-"]>.nav-btn .nav-icon{color:var(--tc,var(--accent-text))}.icon-nav [class*="tool-"]>.nav-btn.active,.icon-nav [class*="tool-"].current-menu-item>.nav-btn,.icon-nav [class*="tool-"].current_page_item>.nav-btn{box-shadow:inset 0 0 0 1px var(--tc,var(--accent));color:var(--tc,var(--accent-text))}.icon-nav [class*="tool-"]>.nav-btn.active .nav-label,.icon-nav [class*="tool-"].current-menu-item>.nav-btn .nav-label,.icon-nav [class*="tool-"].current_page_item>.nav-btn .nav-label{color:var(--tc,var(--accent-text))}.workspace{display:flex;flex-direction:column;background:var(--ws-bg);min-height:100%;min-width:0}.ws-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:8px 18px;background:var(--ws-bg);border-bottom:1px solid var(--panel-border);font-size:.75rem;position:sticky;top:var(--header-h);z-index:10}#statusText{flex-shrink:0}.ws-image-info{flex:1;justify-content:center;min-width:0;overflow:hidden}#zoomInfo{flex-shrink:0}.canvas-wrapper{display:flex;align-items:flex-start;justify-content:flex-start;position:relative;background-color:#0e0d0d;background-image:linear-gradient(45deg,rgb(255 255 255 / .05) 25%,transparent 25%),linear-gradient(-45deg,rgb(255 255 255 / .05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(255 255 255 / .05) 75%),linear-gradient(-45deg,transparent 75%,rgb(255 255 255 / .05) 75%),radial-gradient(ellipse at 40% 50%,#161210 0%,#0e0d0d 100%);background-size:16px 16px,16px 16px,16px 16px,16px 16px,100% 100%;background-position:0 0,0 8px,8px -8px,-8px 0,0 0;width:100%;height:var(--canvas-max-h);max-height:var(--canvas-max-h);min-width:0;box-sizing:border-box;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--accent) var(--panel-surface)}.canvas-wrapper::-webkit-scrollbar{width:10px;height:10px}.canvas-wrapper::-webkit-scrollbar-track{background:var(--panel-surface)}.canvas-wrapper::-webkit-scrollbar-thumb{background:var(--accent);border-radius:6px}.canvas-wrapper::-webkit-scrollbar-thumb:hover{background:#4b42dc}body.light .canvas-wrapper{background-color:#d0d4e8;background-image:linear-gradient(45deg,rgb(0 0 0 / .06) 25%,transparent 25%),linear-gradient(-45deg,rgb(0 0 0 / .06) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(0 0 0 / .06) 75%),linear-gradient(-45deg,transparent 75%,rgb(0 0 0 / .06) 75%),radial-gradient(ellipse at 40% 50%,#e8eaf6 0%,#d0d4e8 100%);background-size:16px 16px,16px 16px,16px 16px,16px 16px,100% 100%;background-position:0 0,0 8px,8px -8px,-8px 0,0 0}.canvas-container{position:relative;box-shadow:0 8px 40px rgb(0 0 0 / .6),0 0 0 1px #2a2a2a;border-radius:8px;display:inline-block;margin:20px}#mainCanvas{display:block;cursor:crosshair;max-width:var(--canvas-max-w);max-height:var(--canvas-max-h);width:auto;height:auto;transition:width .2s ease,height .2s ease}.drop-zone{position:absolute;inset:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgb(10 10 14 / .93);backdrop-filter:blur(12px);z-index:20;border-radius:16px;border:2px dashed var(--accent);text-align:center;padding:20px;overflow:hidden}body.light .drop-zone{background:rgb(248 250 255 / .96)}.drop-zone.hidden{display:none}.drop-zone h3,.drop-zone .dz-title{font-size:.98rem;font-weight:700}.drop-zone p{font-size:.78rem;color:var(--text-dim)}.drop-zone-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.upload-btn{padding:11px 26px;background:var(--accent);color:#fff;border-radius:50px;font-weight:700;border:none;cursor:pointer;font-size:.92rem;transition:transform .2s ease,background .2s ease;font-family:'Syne',sans-serif}.upload-btn:hover{transform:translateY(-2px);background:#4b42dc}.upload-btn.secondary{background:var(--panel-surface);color:var(--text);border:1px solid var(--nav-border)}.upload-btn.secondary:hover{background:var(--nav-surface)}.url-input-row{display:flex;gap:8px;width:100%;max-width:400px}.url-input-row input{flex:1;padding:9px 14px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:50px;color:var(--text);font-size:.82rem;outline:none;font-family:'Syne',sans-serif}.url-input-row input:focus{border-color:var(--accent)}.article-area{background:var(--panel-bg);border-top:1px solid var(--panel-border);padding:28px 28px 36px}.article-area h2.article-title,.article-area h3{font-size:.9rem;color:var(--accent-text);margin-bottom:12px;font-weight:700}.article-content p{margin-bottom:8px;line-height:1.55;color:var(--text-dim);font-size:.82rem}.tool-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.tool-card{background:var(--panel-surface);border:1px solid var(--panel-border);border-radius:var(--r);padding:18px 16px 16px;display:flex;flex-direction:column;gap:8px;transition:var(--tr);text-decoration:none;color:inherit;cursor:pointer}.tool-card:hover{border-color:var(--tc,var(--accent));transform:translateY(-2px)}.pie-icon-letter-a{filter:drop-shadow(1px 2px 1.5px rgb(0 0 0 / .9))}.tool-card.tool-textedit{border-color:var(--tc,#60a5fa)}.icon-nav .tool-textedit>.nav-btn,.nav-btn[data-panel="textedit"]{box-shadow:inset 0 0 0 1px var(--tc,#60a5fa)}.tool-card-icon{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgb(108 99 255 / .12);color:var(--tc,var(--accent-text));flex-shrink:0}.tool-card-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tool-card-icon img{width:22px;height:22px;object-fit:cover;border-radius:4px}.tool-card-title{font-size:.85rem;font-weight:700;color:var(--text)}.tool-card-desc{font-size:.75rem;color:var(--text-dim);line-height:1.4}.tool-card.tool-crop{--tc:#f472b6}.tool-card.tool-rotate{--tc:#a3e635}.tool-card.tool-bgremove{--tc:#2dd4bf}.tool-card.tool-quality{--tc:#fde047}.pie-page-title{margin:0;padding:14px 28px 6px;font-size:1.5rem;line-height:1.25;font-weight:700;text-align:center;color:var(--text)}.workspace-content{padding:24px 28px 32px;font-size:.88rem;color:var(--text-dim);line-height:1.65;border-top:1px solid var(--panel-border)}.workspace-content h1,.workspace-content h2,.workspace-content h3{color:var(--text);margin-bottom:10px;margin-top:22px}.workspace-content p{margin-bottom:12px}.right-panel{background:var(--panel-bg);border-left:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);display:flex;flex-direction:column;position:sticky;top:var(--header-h);max-height:350px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--panel-border) #fff0}.pie-help{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;flex-shrink:0;background:var(--panel-border);color:var(--text-dim);font-size:.62rem;font-weight:700;line-height:1;cursor:help;position:relative}.pie-help:hover,.pie-help:focus-visible{background:var(--accent);color:#fff;outline:none}.pie-help:hover::after,.pie-help:focus-visible::after{content:attr(data-tip);position:absolute;left:50%;bottom:130%;transform:translateX(-50%);width:190px;max-width:60vw;background:var(--panel-surface);color:var(--text);border:1px solid var(--panel-border);border-radius:6px;padding:7px 9px;font-size:.68rem;font-weight:400;line-height:1.35;box-shadow:0 6px 18px rgb(0 0 0 / .35);z-index:100;text-align:left;white-space:normal}.right-panel::-webkit-scrollbar{width:3px}.right-panel::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:3px}.ws-image-info{display:none;align-items:center;gap:14px}.ws-image-info.visible{display:flex}.ws-info-item{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.info-lbl{font-size:.6rem;color:var(--text-dimmer);text-transform:uppercase}.info-val{font-size:.75rem;font-weight:600;font-family:'DM Mono',monospace;color:var(--text)}.panel-content{flex:1;padding:8px}.tool-panel{display:none}.tool-panel.active{display:block}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;text-align:center;color:var(--text-dimmer)}.empty-state svg{opacity:.35}.empty-state h4{font-size:.9rem;color:var(--text-dim)}.empty-state p{font-size:.75rem;line-height:1.4}.panel-heading{display:flex;align-items:center;gap:10px;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid var(--panel-border)}.panel-heading h3{display:none}.panel-heading p{font-size:.7rem;color:var(--text-dim)}.panel-heading .pie-help{margin-left:auto}[class*="pie-"][class*="-panel"]{gap:4px!important;padding:4px!important}[class*="pie-"][class*="-section"]{padding-bottom:3px!important;margin-bottom:0!important}[class*="pie-"][class*="-label"]{margin-bottom:3px!important;font-size:.58rem!important}[class*="pie-"][class*="-slider-row"]{margin-bottom:0!important;gap:6px!important}[class*="pie-"][class*="-val"]{font-size:.68rem!important}[class*="pie-"][class*="-status"]{padding:3px!important;min-height:1.1em!important;font-size:1rem!important}[class*="pie-"][class*="-toggle-row"]{margin-bottom:4px!important;gap:5px!important}[class*="pie-"][class*="-toggle-btn"]{padding:5px 6px!important;font-size:.65rem!important}[class*="pie-"][class*="-toggle"]:not([class*="-toggle-btn"]):not([class*="-toggle-row"]){margin-bottom:4px!important}[class*="pie-"][class*="-btn"]:not([class*="-btn-row"]):not([class*="toggle-btn"]):not([class*="secondary"]){min-height:30px!important;padding:6px 14px!important}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--rs);font-size:.78rem;font-weight:600;cursor:pointer;transition:var(--tr);border:none;font-family:'Syne',sans-serif;min-height:38px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#4b42dc}.btn-ghost{background:var(--panel-surface);color:var(--text-dim);border:1px solid var(--panel-border)}.btn-ghost:hover{border-color:var(--accent);color:var(--text)}.btn-danger{background:rgb(248 113 113 / .15);color:var(--danger);border:1px solid rgb(248 113 113 / .3)}.btn-danger:hover{background:rgb(248 113 113 / .25)}.modal-bg{position:fixed;inset:0;background:rgb(0 0 0 / .85);z-index:1000;display:none;align-items:center;justify-content:center}.modal{background:var(--panel-bg);border-radius:var(--r);padding:28px 24px;max-width:420px;width:90%;text-align:center;border:1px solid var(--accent);color:var(--text)}.modal h3{font-size:1rem;margin-bottom:6px}.modal p{font-size:.85rem;color:var(--text-dim)}.format-buttons{display:flex;gap:10px;justify-content:center;margin:16px 0;flex-wrap:wrap}.format-btn{padding:8px 22px;background:var(--panel-surface);border:1px solid var(--panel-border);border-radius:30px;cursor:pointer;font-size:.88rem;font-weight:600;transition:var(--tr);font-family:'Syne',sans-serif;color:var(--text);min-height:40px}.format-btn:hover{border-color:var(--accent);color:var(--accent-text)}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:18px}.search-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .85);z-index:2000;display:none;align-items:flex-start;justify-content:center;padding-top:80px}.search-overlay.open{display:flex}.search-box{background:var(--panel-bg);border:1px solid var(--accent);border-radius:var(--r);width:90%;max-width:560px;box-shadow:0 20px 60px rgb(0 0 0 / .5);overflow:hidden}.search-box-input{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--panel-border)}.search-box-input input{flex:1;background:#fff0;border:none;outline:none;color:var(--text);font-family:'Syne',sans-serif;font-size:1rem}.search-box-input input::placeholder{color:var(--text-dimmer)}.search-box-input svg{width:18px;height:18px;stroke:var(--accent-text);fill:none;stroke-width:2;flex-shrink:0}.search-results{max-height:360px;overflow-y:auto}.search-result-item{display:flex;align-items:center;gap:12px;padding:12px 18px;cursor:pointer;transition:background .15s;text-decoration:none;color:var(--text);border-bottom:1px solid var(--panel-border)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--nav-surface)}.search-result-icon{width:32px;height:32px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:rgb(108 99 255 / .12);flex-shrink:0}.search-result-icon svg{width:16px;height:16px;fill:none;stroke:var(--accent-text);stroke-width:2}.search-result-icon img{width:20px;height:20px;border-radius:3px;object-fit:cover}.search-result-title{font-size:.88rem;font-weight:600}.search-result-desc{font-size:.72rem;color:var(--text-dim);margin-top:2px}.search-no-results{padding:24px;text-align:center;color:var(--text-dim);font-size:.85rem}.search-hint{padding:10px 18px;font-size:.7rem;color:var(--text-dimmer);border-top:1px solid var(--panel-border)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#1e293b;backdrop-filter:blur(8px);border:1px solid var(--accent);border-radius:40px;padding:8px 22px;font-size:.82rem;color:#fff;opacity:0;transition:opacity .2s,transform .2s;z-index:1100;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translateX(-50%) translateY(-8px)}.mobile-nav{display:none}@media (max-width:1200px){:root{--sidebar-w:200px}.app{grid-template-columns:var(--sidebar-w) 1fr 240px}}@media (max-width:1000px){:root{--sidebar-w:180px}.app{grid-template-columns:var(--sidebar-w) 1fr 210px}.search-field input{width:140px}.tool-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:780px){.right-panel{display:none}.app{grid-template-columns:var(--sidebar-w) 1fr}.tool-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){:root{--sidebar-w:150px}.nav-btn{font-size:.8rem;padding:9px 10px}.nav-btn .nav-icon{width:24px;height:24px}.nav-btn .nav-icon svg{width:17px;height:17px}.tool-cards-grid{grid-template-columns:1fr}}@media (max-width:480px){:root{--header-h:auto}html,body{overflow-x:hidden;max-width:100%}.main-container{background:var(--ws-bg)}.app{display:contents}.workspace{display:contents}header{order:1;max-height:20vh;overflow:hidden}.header-top{flex-wrap:wrap;align-items:center;gap:6px;padding:6px 12px}.header-buttons{width:auto;flex-wrap:wrap;flex:initial;gap:6px}.icon-btn{width:32px;height:32px}.header-buttons-center{order:2;flex:1 0 100%;gap:8px}.search-field{flex:1 1 100%;min-width:0;order:5}.search-field input{width:100%;min-width:0}.download-btn{padding:6px 10px;font-size:.75rem}.home-btn span{display:none}.header-bottom{gap:5px;padding:6px 10px 8px}.toolbar-btn{padding:5px 9px;font-size:.7rem}.toolbar-btn svg{width:15px;height:15px}.zoom-strip .zoom-label{display:none}#zoomSlider{width:50px}.ws-toolbar{order:2}.canvas-wrapper{order:3;height:32vh;max-height:32vh}.canvas-container{margin:12px}.drop-zone{inset:8px;padding:12px 8px;gap:6px}.drop-zone h3,.drop-zone .dz-title{font-size:.82rem}.drop-zone p{font-size:.66rem}.upload-btn{padding:9px 16px;font-size:.8rem}.url-input-row{flex-direction:column}.url-input-row input{width:100%}.zoom-strip-row{order:4}.pie-page-title{order:4;padding:10px 16px 4px;font-size:1.25rem}.icon-nav{display:none}.right-panel{order:5;display:block;width:100%;position:static;max-height:280px;border-left:none;border-top:1px solid var(--panel-border)}[class*="pie-"][class*="-panel"]{padding:3px!important;gap:3px!important}[class*="pie-"][class*="-section"]{padding-bottom:2px!important}[class*="pie-"][class*="-label"]{font-size:.54rem!important;margin-bottom:2px!important}[class*="pie-"][class*="-slider-row"]{gap:5px!important}[class*="pie-"][class*="-val"]{font-size:.62rem!important}[class*="pie-"][class*="-status"]{font-size:1rem!important;padding:2px!important;min-height:1em!important}[class*="pie-"][class*="-toggle-btn"]{padding:4px 5px!important;font-size:.6rem!important}[class*="pie-"][class*="-btn"]:not([class*="-btn-row"]):not([class*="toggle-btn"]):not([class*="secondary"]){min-height:26px!important;padding:5px 12px!important}.panel-heading{margin-bottom:2px!important;padding-bottom:2px!important;gap:6px!important}.mobile-nav{order:6;display:flex;overflow-x:auto;gap:6px;padding:10px 12px;background:var(--nav-bg);border-top:1px solid var(--nav-border);-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:10px;border:1.5px solid var(--nav-border);background:var(--nav-surface);cursor:pointer;font-family:'Syne',sans-serif;font-size:.6rem;font-weight:600;white-space:nowrap;flex-shrink:0;color:var(--text-dim);transition:var(--tr);min-width:54px;min-height:54px;text-decoration:none}.mobile-nav-btn svg{width:20px;height:20px;fill:none;stroke-width:2;stroke:currentColor}.mobile-nav-btn img{width:20px;height:20px;border-radius:4px;object-fit:cover}.mobile-nav-btn:hover,.mobile-nav-btn.active{border-color:var(--accent);color:var(--accent-text)}.article-area{order:7;padding:18px 16px 24px}.tool-cards-grid{grid-template-columns:1fr}}@media (max-width:360px){.logo-text{font-size:1rem}.toolbar-btn{padding:4px 7px;font-size:.65rem}}@media (forced-colors:active){.nav-btn.active{outline:2px solid ButtonText}.toolbar-btn{border:2px solid ButtonText}.drop-zone{border:2px solid ButtonText}.logo-text{-webkit-text-fill-color:LinkText;color:LinkText;background:none}}.lang-switcher{position:relative;flex-shrink:0}.lang-trigger{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:30px;background:var(--nav-surface);border:2px solid var(--nav-border);color:var(--text);font-family:'Syne',sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;transition:var(--tr);white-space:nowrap;min-height:36px}.lang-trigger:hover,.lang-trigger[aria-expanded="true"]{border-color:var(--accent);color:var(--accent-text)}.lang-flag{font-size:1.1rem;line-height:1}.lang-native{font-size:.82rem}.lang-chevron{width:14px;height:14px;transition:transform .2s ease;flex-shrink:0}.lang-trigger[aria-expanded="true"] .lang-chevron{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:500;background:var(--panel-bg);border:1px solid var(--accent);border-radius:var(--r);padding:6px 0;min-width:200px;box-shadow:0 16px 48px rgb(0 0 0 / .45);list-style:none;animation:langDropIn .15s ease}@keyframes langDropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pie-rtl .lang-dropdown,[dir="rtl"] .lang-dropdown{right:auto;left:0}.lang-option{display:flex;align-items:center;gap:10px;padding:9px 16px;cursor:pointer;transition:background .12s;font-family:'Syne',sans-serif;font-size:.85rem;color:var(--text);position:relative}.lang-option:hover{background:var(--nav-surface)}.lang-option.active{background:var(--nav-surface);color:var(--accent-text)}.lang-option .lang-flag{font-size:1.15rem;flex-shrink:0}.lang-option .lang-native{font-weight:600;flex:1}.lang-option .lang-english{font-size:.72rem;color:var(--text-dimmer);margin-left:auto;padding-left:8px}.lang-check{width:15px;height:15px;stroke:var(--accent-text);flex-shrink:0}.pie-lang-zh body,.pie-lang-zh .nav-btn,.pie-lang-zh .toolbar-btn,.pie-lang-zh .download-btn,.pie-lang-zh .upload-btn,.pie-lang-zh .lang-trigger,.pie-lang-zh .lang-option{font-family:'Noto Sans SC','Syne',sans-serif}.pie-lang-hi body,.pie-lang-hi .nav-btn,.pie-lang-hi .toolbar-btn,.pie-lang-hi .download-btn,.pie-lang-hi .upload-btn,.pie-lang-hi .lang-trigger,.pie-lang-hi .lang-option{font-family:'Noto Sans Devanagari','Syne',sans-serif}.pie-lang-ar body,.pie-lang-ar .nav-btn,.pie-lang-ar .toolbar-btn,.pie-lang-ar .download-btn,.pie-lang-ar .upload-btn,.pie-lang-ar .lang-trigger,.pie-lang-ar .lang-option{font-family:'Noto Sans Arabic','Syne',sans-serif}.pie-lang-bn body,.pie-lang-bn .nav-btn,.pie-lang-bn .toolbar-btn,.pie-lang-bn .download-btn,.pie-lang-bn .upload-btn,.pie-lang-bn .lang-trigger,.pie-lang-bn .lang-option{font-family:'Noto Sans Bengali','Syne',sans-serif}.pie-rtl,html[dir="rtl"]{direction:rtl}.pie-rtl .app,html[dir="rtl"] .app{direction:rtl}.pie-rtl .icon-nav,html[dir="rtl"] .icon-nav{border-right:none;border-left:1px solid var(--nav-border)}.pie-rtl .right-panel,html[dir="rtl"] .right-panel{border-left:none;border-right:1px solid var(--nav-border)}.pie-rtl .nav-btn .nav-label,html[dir="rtl"] .nav-btn .nav-label{text-align:right}.pie-rtl .header-buttons,html[dir="rtl"] .header-buttons{flex-direction:row-reverse}.pie-rtl .header-bottom,html[dir="rtl"] .header-bottom{flex-direction:row-reverse}.pie-rtl .site-logo,html[dir="rtl"] .site-logo{flex-direction:row-reverse}.pie-rtl .tool-card,html[dir="rtl"] .tool-card{text-align:right}.pie-rtl .info-lbl,.pie-rtl .info-val,html[dir="rtl"] .info-lbl,html[dir="rtl"] .info-val{text-align:right}.pie-rtl .mobile-nav,html[dir="rtl"] .mobile-nav{flex-direction:row-reverse}@media (max-width:480px){.lang-native{display:none}.lang-chevron{display:none}.lang-trigger{padding:7px 10px}.lang-dropdown{right:0;left:auto;min-width:180px}.pie-rtl .lang-dropdown,html[dir="rtl"] .lang-dropdown{right:auto;left:0}}:root{--text-accessible:#e8e6f4;--text-dim-accessible:#9e9eb8;--accent-accessible:#8b85ff;--error-text:#fca5a5;--warn-text:#fcd34d;--success-text:#6ee7b7;--focus-ring:3px solid #8b85ff;--focus-offset:3px;--min-touch:44px}body.light{--text-accessible:#1e1b4b;--text-dim-accessible:#374151;--accent-accessible:#4338ca;--error-text:#b91c1c;--warn-text:#92400e;--success-text:#065f46}.search-field input,.url-input-row input,.search-box-input input,#zoomSlider{outline:none}:focus-visible{outline:var(--focus-ring)!important;outline-offset:var(--focus-offset)!important;border-radius:4px}.nav-btn:focus-visible,.mobile-nav-btn:focus-visible{outline:var(--focus-ring)!important;outline-offset:2px!important;border-radius:10px}.toolbar-btn:focus-visible{outline:var(--focus-ring)!important;border-radius:30px}.upload-btn:focus-visible,.download-btn:focus-visible{outline:var(--focus-ring)!important;border-radius:50px}.theme-toggle:focus-visible,.lang-trigger:focus-visible,.home-btn:focus-visible{outline:var(--focus-ring)!important;border-radius:30px}.lang-option:focus-visible{outline:var(--focus-ring)!important;outline-offset:-2px!important;background:var(--nav-surface)}#mainCanvas:focus-visible{outline:var(--focus-ring)!important;outline-offset:4px!important}.format-btn:focus-visible{outline:var(--focus-ring)!important;border-radius:30px}.tool-card:focus-visible{outline:var(--focus-ring)!important;border-radius:var(--r)}.url-input-row input:focus-visible,.search-field input:focus-visible,.search-box-input input:focus-visible{outline:var(--focus-ring)!important;outline-offset:0!important;border-radius:50px}#zoomSlider:focus-visible{outline:var(--focus-ring)!important;outline-offset:6px!important;border-radius:4px}.toolbar-btn,.upload-btn,.download-btn,.home-btn,.btn,.format-btn,.mobile-nav-btn,.lang-trigger,.lang-option,.theme-toggle,.search-field button,.url-input-row button,#loadUrlBtn,#browseBtn,#blankCanvasBtn,#searchBtn{min-height:var(--min-touch);min-width:var(--min-touch)}.toolbar-btn{padding-top:max(6px, calc((var(--min-touch) - 1em) / 2));padding-bottom:max(6px, calc((var(--min-touch) - 1em) / 2))}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}.lang-dropdown{animation:none!important}.canvas-container{transition:none!important}.toast{transition:opacity 0.01ms!important}}@media (forced-colors:active){:root{--accent:Highlight;--text:ButtonText;--panel-bg:Canvas;--nav-bg:Canvas;--header-bg:Canvas}.toolbar-btn,.upload-btn,.download-btn,.home-btn,.btn,.nav-btn,.lang-trigger,.theme-toggle{border:2px solid ButtonText!important;forced-color-adjust:none}:focus-visible{outline:3px solid Highlight!important}.logo-text{-webkit-text-fill-color:LinkText!important;color:LinkText!important;background:none!important}.modal{border:2px solid ButtonText!important}.drop-zone{border:2px dashed ButtonText!important}.canvas-container{box-shadow:0 0 0 2px ButtonText!important}.toast{border:2px solid Highlight!important;background:Canvas!important;color:ButtonText!important}.tool-card{border:2px solid ButtonText!important}.tool-card:hover{border-color:Highlight!important}.search-box{border:2px solid ButtonText!important}.lang-dropdown{border:2px solid ButtonText!important}.nav-btn .nav-icon svg,.mobile-nav-btn svg,.toolbar-btn svg,.tool-card-icon svg{stroke:ButtonText!important;fill:none!important}}.toast[aria-hidden="true"]{display:none}.url-input-row input.has-error{border-color:var(--error-text)!important;outline:2px solid var(--error-text)!important}.url-input-row input.has-error+.field-error{display:flex}.field-error{display:none;align-items:center;gap:6px;font-size:.75rem;color:var(--error-text);margin-top:4px;padding:0 4px}.field-error::before{content:'⚠';font-size:.85rem;flex-shrink:0}.search-box-input.has-error{border-bottom-color:var(--error-text)}.file-size-error{font-size:.72rem;color:var(--error-text);text-align:center;padding:6px 12px;display:none}.file-size-error.visible{display:block}.modal .btn-ghost{min-width:80px}@media (min-resolution:1dppx){.header-top{flex-wrap:wrap;gap:10px}.header-bottom{flex-wrap:wrap}}.download-btn:disabled,button:disabled{opacity:.65;cursor:not-allowed;text-decoration-line:none;position:relative}.download-btn:disabled::after,button[aria-disabled="true"]::after{content:'';position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgb(0 0 0 / .08) 4px,rgb(0 0 0 / .08) 5px);pointer-events:none}@media (pointer:coarse){.toolbar-btn{min-height:44px;padding:10px 14px}.nav-btn{min-height:48px}.format-btn{min-height:48px;min-width:72px}.home-btn{min-height:44px;padding:10px 16px}.lang-trigger{min-height:44px}.lang-option{padding:12px 18px}#zoomSlider{height:20px}#zoomSlider::-webkit-slider-thumb{width:24px;height:24px}#zoomSlider::-moz-range-thumb{width:24px;height:24px}.nav-btn .nav-label{font-size:.9rem}.toolbar-btn{font-size:.82rem}}.sr-only-focusable{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;margin:0}.skip-link{background:var(--accent-accessible);color:#fff;font-size:1rem;padding:12px 24px;border:2px solid #fff;box-shadow:0 4px 12px rgb(0 0 0 / .4);z-index:10000}.skip-link:focus{left:12px;top:12px}.skip-links{position:absolute;top:0;left:0;z-index:10000;display:flex;flex-direction:column;gap:4px}body{line-height:1.6}p,.article-content p,.workspace-content p{line-height:1.65;max-width:72ch}.info-lbl{font-size:.6rem}.tool-card-desc{font-size:.78rem;line-height:1.5}.empty-state p{font-size:.8rem;line-height:1.5}.canvas-fallback{display:none;padding:24px;text-align:center;color:var(--text-dim);font-size:.88rem;line-height:1.6;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg)}.no-canvas .canvas-fallback{display:block}.no-canvas #mainCanvas{display:none}.toolbar-btn:active,.upload-btn:active,.download-btn:active,.nav-btn:active,.format-btn:active,.home-btn:active{transform:scale(.97);box-shadow:inset 0 2px 4px rgb(0 0 0 / .3)}[aria-busy="true"]{cursor:progress;opacity:.7}[aria-busy="true"]::after{content:'';display:inline-block;width:12px;height:12px;border:2px solid var(--accent);border-top-color:#fff0;border-radius:50%;animation:pie-spin .6s linear infinite;margin-left:8px;vertical-align:middle}@media (prefers-reduced-motion:reduce){[aria-busy="true"]::after{animation:none;content:'…';border:none}}@keyframes pie-spin{to{transform:rotate(360deg)}}.info-lbl{color:var(--text-dim-accessible)}.empty-state{color:var(--text-dim-accessible)}.panel-heading p{color:var(--text-dim-accessible)}.nav-section-label{color:var(--text-dim-accessible)}.article-content p{color:var(--text-dim-accessible)}.tool-card-desc{color:var(--text-dim-accessible)}.workspace-content{color:var(--text-dim-accessible)}.search-result-desc{color:var(--text-dim-accessible)}body.light .info-lbl,body.light .empty-state,body.light .article-content p,body.light .tool-card-desc,body.light .workspace-content,body.light .search-result-desc{color:var(--text-dim)}.theme-toggle{min-width:44px;min-height:44px}.lang-dropdown{max-height:80vh;overflow-y:auto}@media print{header,.icon-nav,.right-panel,.mobile-nav,.lang-switcher,.search-overlay,.modal-bg,.toolbar-btn,.download-btn,.home-btn,.theme-toggle,.zoom-strip,.site-footer{display:none!important}.app{display:block!important}.workspace{width:100%!important}.canvas-wrapper{max-height:none!important}body{background:#fff!important;color:#000!important}.article-area{border:1px solid #ccc}}.site-footer{background:var(--nav-surface);border-top:1px solid var(--panel-border);padding:32px 24px 0;margin-top:24px;font-size:.85rem;color:var(--text-dim)}.site-footer-inner{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;gap:32px 48px;justify-content:space-between;padding-bottom:28px}.site-footer-brand{flex:1 1 220px;max-width:320px}.site-footer-name{display:block;font-weight:800;font-size:1.05rem;color:var(--text);margin-bottom:6px}.site-footer-tagline{margin:0;line-height:1.5}.site-footer-sitemap{flex:2 1 320px;display:flex;flex-wrap:wrap;gap:32px 48px}.site-footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.site-footer-heading{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--text);margin:0 0 12px}.site-footer-col a{color:var(--text-dim);text-decoration:none;transition:var(--tr)}.site-footer-col a:hover,.site-footer-col a:focus-visible{color:var(--accent-text);text-decoration:underline}.site-footer-bottom{max-width:1100px;margin:0 auto;padding:16px 0;border-top:1px solid var(--panel-border);font-size:.75rem;text-align:center}@media (max-width:640px){.site-footer-inner{flex-direction:column;gap:24px}.site-footer-sitemap{gap:24px 32px}}body.light .nav-btn[data-panel="crop"],body.light .icon-nav .tool-crop>.nav-btn,body.light .tool-card.tool-crop{--tc:#be185d}body.light .nav-btn[data-panel="rotate"],body.light .icon-nav .tool-rotate>.nav-btn,body.light .tool-card.tool-rotate{--tc:#4d7c0f}body.light .nav-btn[data-panel="bgremove"],body.light .icon-nav .tool-bgremove>.nav-btn,body.light .tool-card.tool-bgremove{--tc:#0f766e}body.light .nav-btn[data-panel="quality"],body.light .icon-nav .tool-quality>.nav-btn,body.light .tool-card.tool-quality{--tc:#a16207}.workspace-content summary,.article-area summary{display:block;cursor:pointer;min-height:44px;padding:12px 4px;line-height:1.4}.workspace-content details,.article-area details{margin:0 0 8px}.workspace-content details+details,.article-area details+details{margin-top:8px}