*{margin:0;padding:0;box-sizing:border-box}:root{--color-grid: #c4c4c433}:root{--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 10px;--transition-speed: .3s;--font-size-xs: .75rem;--font-size-sm: .85rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--color-primary: #3498db;--color-primary-dark: #2980b9;--color-primary-light: #5dade2;--color-secondary: #667eea;--color-secondary-dark: #5a67d8;--color-success: #2ecc71;--color-warning: #f39c12;--color-danger: #e74c3c;--color-danger-dark: #c0392b;--color-background: #fbf6f681;--color-background-light: #f8f9fa;--color-background-hover: #f5f5f5;--color-card-bg: #ffffff;--color-input-bg: #ffffff;--color-input-bg-hover: #ffffff;--color-code-bg: #e8f4fd;--color-code-text: #2980b9;--color-code-block-bg: #2c3e50;--color-code-block-text: #ecf0f1;--color-shadow: rgba(0, 0, 0, .1);--color-shadow-hover: rgba(0, 0, 0, .2);--color-shadow-sm: rgba(0, 0, 0, .1);--color-shadow-md: rgba(0, 0, 0, .15);--color-shadow-lg: rgba(0, 0, 0, .3);--color-text-primary: #333333;--color-text-secondary: #7f8c8d;--color-text-tertiary: #999999;--color-text-inverse: #ffffff;--color-text-link: #3498db;--color-text-muted: #6c757d;--color-border: #e0e6ed;--color-border-light: #e9ecef;--color-border-input: #ced4da;--color-border-focus: #80bdff;--color-border-hover: #d1d1d1;--color-grid-line: #d4d4d4}[data-theme=dark]{--color-background: #6c6e73;--color-background-light: #252525;--color-background-hover: #2f2f2f;--color-card-bg: #232323;--color-input-bg: #2d2d2d;--color-input-bg-hover: #363636;--color-code-bg: #2d333b;--color-code-text: #58a6ff;--color-code-block-bg: #24292e;--color-code-block-text: #e0e0e0;--color-shadow: rgba(0, 0, 0, .2);--color-shadow-hover: rgba(0, 0, 0, .35);--color-shadow-sm: rgba(0, 0, 0, .3);--color-shadow-md: rgba(0, 0, 0, .4);--color-shadow-lg: rgba(0, 0, 0, .5);--color-text-primary: #e0e0e0;--color-text-secondary: #a0a0a0;--color-text-tertiary: #888888;--color-text-inverse: #ffffff;--color-text-link: #5dade2;--color-text-muted: #999999;--color-border: #333333;--color-border-light: #3d3d3d;--color-border-input: #444444;--color-border-focus: #5dade2;--color-border-hover: #555555;--color-grid-line: #333333}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;color:var(--color-text-primary);line-height:1.6;background-image:linear-gradient(var(--color-grid-line) 1px,transparent 0),linear-gradient(90deg,var(--color-grid-line) 1px,transparent 0);background-size:32px 32px;background-color:var(--color-background);transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.navbar{background:var(--color-card-bg);border-bottom:1px solid var(--color-border);padding:0;position:sticky;top:0;z-index:100;box-shadow:0 0 5px var(--color-shadow-sm);transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;height:45px}.nav-left{display:flex;align-items:center;gap:15px}.nav-title{font-size:1.3rem;font-weight:600;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:5px;cursor:pointer;transition:color .2s ease,transform .2s ease}.nav-title:hover{color:var(--color-primary);transform:translateY(-1px)}.nav-title i{margin-right:8px;color:var(--color-primary)}.nav-title svg{width:20px;height:20px;margin-right:8px;fill:var(--color-primary)}.nav-subtitle{color:var(--color-text-secondary);font-weight:400}.nav-right{display:flex;align-items:center;position:relative}.stats{display:flex;align-items:center;color:var(--color-text-secondary);font-size:.9rem;background:var(--color-background-hover);padding:8px 12px;border-radius:var(--border-radius-md);border:1px solid var(--color-border-light);transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease}.stats i{margin-right:6px;color:var(--color-primary)}.admin-btn,.admin-panel-btn{background:var(--color-primary);color:var(--color-text-inverse);border:none;padding:8px 12px;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-speed) ease;display:flex;align-items:center;gap:5px}.admin-btn:hover,.admin-panel-btn:hover{background:var(--color-primary-dark)}.admin-panel-btn{background:linear-gradient(135deg,var(--color-secondary),#764ba2)}.admin-panel-btn:hover{background:linear-gradient(135deg,var(--color-secondary-dark),#6b46c1);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.Btn{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border:none;border-radius:50%;cursor:pointer;position:relative;overflow:visible;transition-duration:var(--transition-speed);box-shadow:2px 2px 10px var(--color-shadow-sm);background-color:var(--color-danger)}.Btn#apiBtn,.Btn#historyBtn,.Btn#adminBtn{background-color:var(--color-primary)}.Btn#adminPanelBtn{background:linear-gradient(135deg,var(--color-secondary),#764ba2)}.Btn#logoutBtn{background:linear-gradient(135deg,var(--color-danger),var(--color-danger-dark))}.Btn#backBtn,.Btn#backBtn2{background-color:var(--color-text-muted)}.sign{width:100%;display:flex;align-items:center;justify-content:center}.sign svg{width:17px}.sign svg path{fill:#fff}.text{position:absolute;top:110%;left:50%;transform:translate(-50%);background-color:#000c;color:var(--color-text-inverse);padding:5px 10px;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-speed) ease;z-index:100}#historyBtn #totalImages{position:absolute;top:-4px;right:-5px;background-color:var(--color-danger);color:var(--color-text-inverse);font-size:.7em;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:2px;font-weight:700;border:1px solid var(--color-card-bg);transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease;z-index:100}.Btn:hover .text{opacity:1}.Btn:active{transform:translate(2px,2px)}.user-menu-item .text{position:relative;top:auto;left:auto;transform:none;background-color:transparent;color:inherit;padding:0;border-radius:0;opacity:1;pointer-events:auto;white-space:normal}.admin-mode .nav-title{color:#e74c3c}.admin-mode .nav-title:after{content:" (管理员)";color:#e74c3c;font-size:.8rem}.container{max-width:1200px;margin:0 auto;padding:15px 20px 1px;min-height:calc(100vh - 80px);display:flex;flex-direction:column;transition:background-color var(--transition-speed) ease;position:relative}.main{flex:1;display:flex;flex-direction:column;gap:15px;transition:color var(--transition-speed) ease}.history-view{flex:1;display:flex;background-color:var(--color-background);transition:background-color var(--transition-speed) ease;position:absolute;top:15px;left:20px;right:20px;width:calc(100% - 40px);z-index:2;margin-bottom:20px}.api-view{background:var(--color-background);transition:background-color var(--transition-speed) ease;position:absolute;top:15px;left:20px;right:20px;width:calc(100% - 40px);z-index:2}.upload-area{background:var(--color-card-bg);border-radius:var(--border-radius-lg);padding:30px;text-align:center;border:2px dashed var(--color-border);transition:all var(--transition-speed) ease;cursor:pointer;box-shadow:0 2px 10px var(--color-shadow-sm)}.upload-area:hover,.upload-area.dragover{border-color:var(--color-primary);background:var(--color-background-hover);transform:translateY(-2px);box-shadow:0 4px 20px var(--color-shadow-md)}.folder-container{--transition: .35s;--folder-W: 120px;--folder-H: 80px;position:relative;height:100px;margin-bottom:20px;margin-top:20px}.folder{position:absolute;top:10px;left:calc(50% - 60px);transition:transform var(--transition) ease}.folder:hover{transform:scale(1.05)}.folder .front-side,.folder .back-side{position:absolute;transition:transform var(--transition);transform-origin:bottom center;backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-moz-transform:translateZ(0);-webkit-transform:translateZ(0)}.folder .back-side:before,.folder .back-side:after{content:"";display:block;background-color:#fff8dc;opacity:.8;width:var(--folder-W);height:var(--folder-H);position:absolute;transform-origin:bottom center;border-radius:15px;transition:transform .35s;z-index:0}.upload-area:hover .back-side:before,.upload-area.dragover .back-side:before{transform:rotateX(-5deg) skew(5deg) translateZ(0);-moz-transform:rotateX(-5deg) skewX(5deg) translateZ(0);-webkit-transform:rotateX(-5deg) skewX(5deg) translateZ(0)}.upload-area:hover .back-side:after,.upload-area.dragover .back-side:after{transform:rotateX(-15deg) skew(12deg) translateZ(0);-moz-transform:rotateX(-15deg) skewX(12deg) translateZ(0);-webkit-transform:rotateX(-15deg) skewX(12deg) translateZ(0)}.folder .front-side{z-index:1}.upload-area:hover .front-side,.upload-area.dragover .front-side{transform:rotateX(-40deg) skew(15deg) translateZ(0);-moz-transform:rotateX(-40deg) skewX(15deg) translateZ(0);-webkit-transform:rotateX(-40deg) skewX(15deg) translateZ(0)}.folder .tip{background:linear-gradient(135deg,#ff9a56,#ff6f56);width:80px;height:20px;border-radius:12px 12px 0 0;box-shadow:0 5px 15px var(--color-shadow-md);position:absolute;top:-10px;z-index:2;transition:box-shadow var(--transition-speed) ease}.folder .cover{background:linear-gradient(135deg,#ffe563,#ffc663);width:var(--folder-W);height:var(--folder-H);box-shadow:0 15px 30px var(--color-shadow-md);border-radius:10px;transition:box-shadow var(--transition-speed) ease}.upload-area h3{font-size:var(--font-size-lg);margin-bottom:8px;color:var(--color-text-primary);font-weight:500;transition:color var(--transition-speed) ease}.upload-area p{color:var(--color-text-secondary);margin-bottom:8px;font-size:.95rem;transition:color var(--transition-speed) ease}.flip-card{perspective:5000px;height:300px;-moz-perspective:5000px;-webkit-perspective:5000px}@-moz-document url-prefix(){.flip-card-inner{-moz-transform-style:preserve-3d;transform-style:preserve-3d;-moz-backface-visibility:hidden;backface-visibility:hidden}.setting-area,.upload-area{-moz-backface-visibility:hidden;backface-visibility:hidden;-moz-transform:translateZ(0);transform:translateZ(0)}.setting-area{-moz-transform:rotateX(180deg) translateZ(0);transform:rotateX(180deg) translateZ(0)}.card-corner-btn{-moz-backface-visibility:hidden;backface-visibility:hidden;-moz-transform:translateZ(1px);transform:translateZ(1px)}.folder .front-side,.folder .back-side{-moz-backface-visibility:hidden;backface-visibility:hidden;-moz-transform:translateZ(0);transform:translateZ(0)}.upload-area:hover .front-side,.upload-area.dragover .front-side{-moz-transform:rotateX(-40deg) skewX(15deg) translateZ(0);transform:rotateX(-40deg) skew(15deg) translateZ(0)}.upload-area:hover .back-side:before,.upload-area.dragover .back-side:before{-moz-transform:rotateX(-5deg) skewX(5deg) translateZ(0);transform:rotateX(-5deg) skew(5deg) translateZ(0)}.upload-area:hover .back-side:after,.upload-area.dragover .back-side:after{-moz-transform:rotateX(-15deg) skewX(12deg) translateZ(0);transform:rotateX(-15deg) skew(12deg) translateZ(0)}}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.flip-card-inner.flipped{transform:rotateX(180deg);-moz-transform:rotateX(180deg);-webkit-transform:rotateX(180deg)}.setting-area,.upload-area{background:var(--color-card-bg);position:absolute;width:100%;height:100%;backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0);border-radius:var(--border-radius-lg);padding:30px;text-align:center;border:2px dashed var(--color-border);transition:all var(--transition-speed) ease,background-color var(--transition-speed) ease,border-color var(--transition-speed) ease,color var(--transition-speed) ease;cursor:pointer;box-shadow:0 3px 8px var(--color-shadow-sm)}.setting-area{transform:rotateX(180deg) translateZ(0);-moz-transform:rotateX(180deg) translateZ(0);-webkit-transform:rotateX(180deg) translateZ(0);cursor:default;text-align:left;overflow-y:auto;padding:15px 30px;background:var(--color-card-bg);border:1px solid var(--color-border)}.settings-content{height:100%;display:flex;flex-direction:column}.settings-content h3{display:flex;align-items:center;gap:10px;margin-bottom:4px;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600;transition:color var(--transition-speed) ease}.settings-content h3 svg{width:20px;height:20px;fill:var(--color-primary);transition:fill var(--transition-speed) ease}.settings-desc{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:4px;transition:color var(--transition-speed) ease}.settings-options{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;align-content:start}.setting-group{background:var(--color-background-light);border-radius:var(--border-radius-md);padding:11px;border:1px solid var(--color-border-light);min-height:120px;display:flex;flex-direction:column;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}.watermark-suboptions{margin-left:20px;transition:all .3s ease}.watermark-suboptions.disabled{opacity:.5;pointer-events:none}@media (max-width: 900px){.settings-options{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:15px}}@media (max-width: 768px){.settings-options{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.nav-subtitle{display:none!important}}@media (max-width: 600px){.settings-options{grid-template-columns:1fr;gap:12px}.setting-group{padding:10px}}.setting-group h4{color:var(--color-text-primary);font-size:var(--font-size-md);margin-bottom:10px;padding-bottom:2px;border-bottom:2px solid var(--color-border-light);font-weight:600;transition:color var(--transition-speed) ease,border-color var(--transition-speed) ease}.setting-item{margin-bottom:2px}.checkbox-container{display:flex;align-items:flex-start;cursor:pointer;position:relative;padding-left:30px;margin-bottom:8px;-webkit-user-select:none;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:2px;left:0;height:18px;width:18px;background-color:var(--color-card-bg);border:2px solid var(--color-border);border-radius:3px;transition:all var(--transition-speed) ease}.checkbox-container:hover input~.checkmark{border-color:var(--color-primary)}.checkbox-container input:checked~.checkmark{background-color:var(--color-primary);border-color:var(--color-primary)}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.setting-label{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.setting-title{font-weight:500;color:var(--color-text-primary);font-size:.95rem;transition:color var(--transition-speed) ease}.setting-desc{font-size:.8rem;color:var(--color-text-secondary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-speed) ease}.settings-footer{margin-top:auto;padding-top:15px;border-top:1px solid var(--color-border-light);text-align:center;transition:border-color var(--transition-speed) ease}.settings-footer small{color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;gap:5px;transition:color var(--transition-speed) ease}.card-corner-btn{position:absolute;top:15px;right:15px;width:40px;height:40px;background:var(--color-card-bg);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed) ease,background-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease;z-index:10;backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(1px);-moz-transform:translateZ(1px);-webkit-transform:translateZ(1px)}.card-corner-btn.pulse{animation:settingsPulse 2s infinite}@keyframes settingsPulse{0%{transform:translateZ(1px) scale(1);box-shadow:0 0 #3498dbb3}70%{transform:translateZ(1px) scale(1.05);box-shadow:0 0 0 10px #3498db00}to{transform:translateZ(1px) scale(1);box-shadow:0 0 #3498db00}}.settings-tooltip{position:absolute;top:50%;right:60px;transform:translateY(-50%);background:#000c;color:var(--color-text-inverse);padding:8px 12px;border-radius:var(--border-radius-md);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-speed) ease,background-color var(--transition-speed) ease;z-index:20;pointer-events:none}.settings-tooltip:after{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border:5px solid transparent;border-left-color:#000c;transition:border-color var(--transition-speed) ease}.settings-tooltip.show{opacity:1;visibility:visible;animation:tooltipBounce .5s ease}@keyframes tooltipBounce{0%{transform:translateY(-50%) translate(-10px);opacity:0}50%{transform:translateY(-50%) translate(5px)}to{transform:translateY(-50%) translate(0);opacity:1}}.card-corner-btn:hover{background:#fff;transform:scale(1);box-shadow:0 0 5px #7f7f7f4d}#settingsBtn:hover{background:#fff;transform:scale(1) rotate(180deg);box-shadow:0 0 5px #7f7f7f4d}.card-corner-btn svg{width:20px;height:20px;fill:#979797}.checkbox-with-input{display:flex;align-items:flex-start;gap:10px;width:100%}.checkbox-with-input .checkbox-container{flex:1;margin-bottom:0;min-width:0}.days-input-inline{display:flex;align-items:center;gap:6px;flex-shrink:0}.days-input-inline input{width:40px;padding:4px 6px;border:2px solid #e0e6ed;border-radius:4px;font-size:14px;text-align:center;transition:all .3s ease;font-weight:500}.days-input-inline input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}.days-input-inline span{color:var(--color-text-primary);font-size:14px;font-weight:500;transition:color var(--transition-speed) ease}.progress-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:all}.progress-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.progress-content{position:relative;z-index:10000;display:flex;flex-direction:column;align-items:center;gap:20px}.🤚{--skin-color: #E4C560;--tap-speed: .6s;--tap-stagger: .1s;position:relative;width:80px;height:60px;margin-left:80px}.🤚:before{content:"";display:block;width:180%;height:75%;position:absolute;top:70%;right:20%;background-color:#000;border-radius:40px 10px;filter:blur(10px);opacity:.3}.🌴{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--skin-color);border-radius:10px 40px}.👍{position:absolute;width:120%;height:38px;background-color:var(--skin-color);bottom:-18%;right:1%;transform-origin:calc(100% - 20px) 20px;transform:rotate(-20deg);border-radius:30px 20px 20px 10px;border-bottom:2px solid rgba(0,0,0,.1);border-left:2px solid rgba(0,0,0,.1)}.👍:after{width:20%;height:60%;content:"";background-color:#ffffff4d;position:absolute;bottom:-8%;left:5px;border-radius:60% 10% 10% 30%;border-right:2px solid rgba(0,0,0,.05)}.👉{position:absolute;width:80%;height:35px;background-color:var(--skin-color);bottom:32%;right:64%;transform-origin:100% 20px;animation-duration:calc(var(--tap-speed) * 2);animation-timing-function:ease-in-out;animation-iteration-count:infinite;transform:rotate(10deg)}.👉:before{content:"";position:absolute;width:140%;height:30px;background-color:var(--skin-color);bottom:8%;right:65%;transform-origin:calc(100% - 20px) 20px;transform:rotate(-60deg);border-radius:20px}.👉:nth-child(1){animation-delay:0;filter:brightness(70%);animation-name:tap-upper-1}.👉:nth-child(2){animation-delay:var(--tap-stagger);filter:brightness(80%);animation-name:tap-upper-2}.👉:nth-child(3){animation-delay:calc(var(--tap-stagger) * 2);filter:brightness(90%);animation-name:tap-upper-3}.👉:nth-child(4){animation-delay:calc(var(--tap-stagger) * 3);filter:brightness(100%);animation-name:tap-upper-4}@keyframes tap-upper-1{0%,50%,to{transform:rotate(10deg) scale(.4)}40%{transform:rotate(50deg) scale(.4)}}@keyframes tap-upper-2{0%,50%,to{transform:rotate(10deg) scale(.6)}40%{transform:rotate(50deg) scale(.6)}}@keyframes tap-upper-3{0%,50%,to{transform:rotate(10deg) scale(.8)}40%{transform:rotate(50deg) scale(.8)}}@keyframes tap-upper-4{0%,50%,to{transform:rotate(10deg) scale(1)}40%{transform:rotate(50deg) scale(1)}}.progress-text{display:block;text-align:center;font-weight:600;color:#fff;font-size:1.2rem;margin-top:10px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.result-container h3{color:#27ae60;margin-bottom:20px;font-size:1.2rem;font-weight:500}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:20px}.result-item{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;transition:all .2s ease,background-color var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease;cursor:pointer;background:var(--color-card-bg);opacity:0;transform:translateY(20px) scale(.95);animation:slideInFromTop .5s ease forwards;min-width:250px;box-shadow:0 3px 8px var(--color-shadow)}.result-item:hover{transform:translateY(-2px);box-shadow:0 3px 8px var(--color-shadow-hover);border-color:var(--color-primary)}.result-item img{width:100%;height:120px;object-fit:cover;transition:opacity .3s ease}.result-item img:not([src]),.result-item img[src=""]{opacity:0}.result-item img[src]:not([src=""]){opacity:1}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideBack{0%{transform:translateY(0) scale(1)}50%{transform:translateY(10px) scale(.98)}to{transform:translateY(0) scale(1)}}.url-container{display:flex;gap:8px;margin-bottom:10px;flex-direction:column}.url-input{flex:1;padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:.9rem;background:var(--color-input-bg);color:var(--color-text-primary);cursor:pointer;transition:all .3s ease,background-color var(--transition-speed) ease,border-color var(--transition-speed) ease,color var(--transition-speed) ease;-webkit-user-select:all;user-select:all}.url-input:hover{border-color:var(--color-primary);background:var(--color-input-bg-hover)}.url-input.copied{background:#d4edda;border-color:#27ae60;animation:copyFlash .6s ease}@keyframes copyFlash{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.url-buttons{--bg: rgba(255, 255, 255, .06);--text: #6c757d;display:flex;position:relative;background:var(--bg);border-radius:1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:fit-content;margin:0 auto}.format-btn{flex:1;display:flex;align-items:center;justify-content:center;min-width:60px;height:35px;font-size:14px;padding:.6rem 1.2rem;cursor:pointer;font-weight:600;letter-spacing:.3px;color:var(--text);position:relative;z-index:2;transition:color .3s ease-in-out;background:none;border:none}.format-btn svg{width:14px;height:14px;fill:currentColor;pointer-events:none}.format-btn svg{width:18px;height:18px;fill:currentColor;pointer-events:none}.format-btn{display:flex;align-items:center;justify-content:center}.format-btn:hover{color:#495057}.format-btn.active{color:#fff}.url-buttons .glass-glider{position:absolute;top:0;bottom:0;width:25%;border-radius:1rem;z-index:1;transition:transform .5s cubic-bezier(.37,1.95,.66,.56),background .4s ease-in-out,box-shadow .4s ease-in-out;background:linear-gradient(135deg,#c0c0c055,#e0e0e0);box-shadow:0 0 18px #c0c0c080,0 0 10px #fff6 inset}.url-buttons.direct .glass-glider{transform:translate(0);background:linear-gradient(135deg,#5f0,#55ff008a);box-shadow:0 0 18px #c0c0c080,0 0 10px #fff6 inset}.url-buttons.html .glass-glider{transform:translate(100%);background:linear-gradient(135deg,#ffd70055,#fc0);box-shadow:0 0 18px #ffd70080,0 0 10px #ffeb9666 inset}.url-buttons.markdown .glass-glider{transform:translate(200%);background:linear-gradient(135deg,#84bffe55,#57b9ff);box-shadow:0 0 18px #a0d8ff80,0 0 10px #c8f0ff66 inset}.url-buttons.bbcode .glass-glider{transform:translate(300%);background:linear-gradient(135deg,#ff7f5055,tomato);box-shadow:0 0 18px #ff7f5080,0 0 10px #ffa07a66 inset}.copy-btn{background:#3498db;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;transition:background .2s ease;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:6px}.copy-btn svg{width:14px;height:14px;fill:#fff}.copy-btn.copied{background:#27ae60}.recent-images{background:var(--color-card-bg);border-radius:12px;margin-bottom:20px;padding:25px;box-shadow:0 2px 10px var(--color-shadow);transition:background-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.recent-images h3{margin-bottom:20px;color:var(--color-text-primary);font-weight:500;font-size:1.2rem;display:flex;align-items:center;transition:color var(--transition-speed) ease}.recent-images h3 svg{width:20px;height:20px;margin-right:8px;fill:#3498db}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;justify-items:center}.image-card{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;transition:all .2s ease,background-color var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease;cursor:pointer;background:var(--color-card-bg);width:270px;box-shadow:0 3px 8px var(--color-shadow)}.image-card:hover{transform:translateY(-2px);box-shadow:0 3px 8px var(--color-shadow-hover);border-color:var(--color-primary)}.image-container{position:relative;width:100%;height:140px}.image-card img{width:100%;height:140px;object-fit:cover;transition:opacity .3s ease}.image-card img:not([src]),.image-card img[src=""]{opacity:0}.image-card img[src]:not([src=""]){opacity:1}.delete-overlay-btn{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#ff000042;cursor:pointer;border:none;transition:all .3s ease;opacity:1;transform:scale(1);z-index:10}.delete-overlay-btn:hover{background-color:red;transform:scale(1.1)}.delete-overlay-btn:active{transform:scale(.9)}.delete-overlay-btn .bin-bottom{width:12px;z-index:2}.delete-overlay-btn .bin-top{width:14px;transform-origin:right;transition-duration:.3s;z-index:2}.delete-overlay-btn:hover .bin-top{transform:rotate(45deg)}.delete-overlay-btn .garbage{position:absolute;width:16px;height:auto;z-index:1;opacity:0;transition:all .3s}.delete-overlay-btn:hover .garbage{animation:throw-overlay .8s ease-in-out}@keyframes throw-overlay{0%{transform:translate(-500%,-800%);opacity:0}5%{opacity:1;transform:translate(-400%,-650%)}30%{opacity:1;transform:translate(-200%,-400%)}70%{opacity:1;transform:translate(-50%,-150%)}90%{opacity:.8;transform:translate(-10%,-50%)}to{transform:translateY(10%);opacity:0}}.image-info{padding:12px}.image-info h5{margin-bottom:5px;font-size:.9rem;color:var(--color-text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;word-break:break-all;cursor:help;transition:color var(--transition-speed) ease}.image-info p{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:12px;transition:color var(--transition-speed) ease}.image-actions{display:flex;gap:8px;justify-content:center}.btn-small{padding:6px 12px;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease;font-weight:500}.btn-copy{background:#3498db;color:#fff;flex:1}.btn-copy:hover{background:#2980b9}.bin-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:35px;height:34px;border-radius:50%;background-color:#ff000096;cursor:pointer;border:0px solid rgb(255 255 255 / 0%);transition-duration:.3s;position:relative}.bin-bottom{width:15px;z-index:2}.bin-top{width:17px;transform-origin:right;transition-duration:.3s;z-index:2}.bin-button:hover .bin-top{transform:rotate(45deg)}.bin-button:hover{background-color:red}.bin-button:active{transform:scale(.9)}.garbage{position:absolute;width:18px;height:auto;z-index:1;opacity:0;transition:all .3s}.bin-button:hover .garbage{animation:throw .8s ease-in-out}@keyframes throw{0%{transform:translate(-500%,-800%);opacity:0}5%{opacity:1;transform:translate(-400%,-650%)}30%{opacity:1;transform:translate(-200%,-400%)}70%{opacity:1;transform:translate(-50%,-150%)}90%{opacity:.8;transform:translate(-10%,-50%)}to{transform:translateY(10%);opacity:0}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000c}.modal-content{position:relative;margin:5% auto;padding:25px;width:90%;max-width:700px;background:#fff;border-radius:12px;text-align:center}.close{position:absolute;right:20px;top:15px;font-size:1.8rem;cursor:pointer;color:#7f8c8d;transition:color .2s ease}.close:hover{color:#2c3e50}#modalImage{max-width:100%;max-height:60vh;object-fit:contain;border-radius:8px;margin-bottom:20px}.modal-actions{display:flex;gap:8px;max-width:500px;margin:0 auto}#modalImageUrl{flex:1;padding:10px 12px;border:1px solid #e0e6ed;border-radius:6px;background:#f8f9fa}.admin-modal{max-width:400px;padding:30px}.admin-modal h3{color:#2c3e50;margin-bottom:25px;font-size:1.3rem;display:flex;align-items:center;justify-content:center;gap:8px}.admin-modal h3 svg{width:20px;height:20px;fill:#3498db}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:8px;color:#2c3e50;font-weight:500}.form-group input{width:100%;padding:12px;border:2px solid #e0e6ed;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#3498db}.login-btn{width:100%;background:#3498db;color:#fff;border:none;padding:12px;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login-btn svg{width:16px;height:16px;fill:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.result-container,.recent-images{animation:fadeIn .4s ease}.fade-in{animation:fadeIn .35s}.fade-out{animation:fadeOut .35s}.notification{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;color:#fff;font-weight:500;z-index:1001;transform:translate(400px);transition:transform .3s ease;font-size:.9rem;box-shadow:0 4px 15px #00000026}.notification.show{transform:translate(0)}.notification.success{background:#27ae60}.notification.error{background:#e74c3c}.loading{opacity:.7;pointer-events:none}.empty-state{text-align:center;padding:60px 20px;color:#7f8c8d}.tag{display:inline-block;padding:4px 8px;border-radius:4px;background:#ecf0f1;color:#7f8c8d;font-size:.8rem;font-weight:500;margin:2px}.tag.success{background:#d5f4e6;color:#27ae60}.tag.info{background:#d6eaf8;color:#3498db}.empty-state i{font-size:3.5rem;margin-bottom:20px;color:#bdc3c7}.empty-state p{font-size:1.1rem}.login-btn:hover{background:#2980b9}.back-btn{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6;padding:8px 16px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.back-btn:hover{background:#e9ecef;color:#495057;transform:translateY(-1px)}.history-btn{background:#9b59b6;color:#fff;border:none;padding:11px 12px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px}.history-btn:hover{background:#8e44ad}.nav-toggle-container{display:flex;align-items:center}.history-btn,.api-btn{background:#fff;color:#3498db;border:2px solid #3498db;padding:8px 16px;border-radius:25px;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;text-decoration:none;font-weight:500}.history-btn:hover,.api-btn:hover{background:#3498db;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #3498db4d}.history-btn.active,.api-btn.active{background:#3498db;color:#fff}.history-text,.api-text{font-weight:500;font-size:14px}.history-btn .history-text{font-size:14px;font-weight:500;color:inherit;display:flex;align-items:center;line-height:1}.api-container{padding:30px;background:var(--color-card-bg);border-radius:12px;box-shadow:0 2px 10px var(--color-shadow);overflow:hidden;margin-bottom:40px;transition:background-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.api-container h3{color:var(--color-text-primary);margin-bottom:25px;font-size:1.5rem;display:flex;align-items:center;gap:10px;transition:color var(--transition-speed) ease}.api-container h3 i{color:#3498db}.api-container h3 svg{width:24px;height:24px;fill:#3498db}.api-section{margin-bottom:35px;padding-bottom:25px;border-bottom:1px solid var(--color-border);transition:border-color var(--transition-speed) ease}.api-section:last-child{border-bottom:none;margin-bottom:0}.api-section h4{color:var(--color-text-primary);margin-bottom:20px;font-size:1.2rem;display:flex;align-items:center;gap:8px;transition:color var(--transition-speed) ease}.api-section h4 i{color:#3498db}.api-section h4 svg{width:20px;height:20px;fill:#3498db}.api-key-container{background:var(--color-background-light);padding:20px;border-radius:8px;border:1px solid var(--color-border);transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}.api-key-display{display:flex;gap:10px;margin-bottom:10px}.api-key-display input{flex:1;padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;font-family:Courier New,monospace;font-size:.9rem;background:var(--color-input-bg);color:var(--color-text-primary);transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease,color var(--transition-speed) ease}.copy-btn,.regenerate-btn{background:#3498db;color:#fff;border:none;padding:10px 15px;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .3s ease;display:flex;align-items:center;gap:5px}.copy-btn svg,.regenerate-btn svg{width:14px;height:14px;fill:#fff}.copy-btn:hover{background:#2980b9}.regenerate-btn{background:#e67e22}.regenerate-btn:hover{background:#d35400}.copy-btn.small{padding:6px 10px;font-size:.75rem;margin-top:8px}.api-key-info{color:var(--color-text-secondary);font-size:.85rem;transition:color var(--transition-speed) ease}.api-endpoint{margin-bottom:25px;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;transition:border-color var(--transition-speed) ease}.api-endpoint h5{background:var(--color-background-light);color:var(--color-text-primary);padding:12px 16px;margin:0;font-size:1rem;border-bottom:1px solid var(--color-border);transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease}.endpoint-info{padding:16px;border-bottom:1px solid var(--color-border-light);transition:border-color var(--transition-speed) ease}.endpoint-info code{background:var(--color-code-bg);color:var(--color-code-text);padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.endpoint-info p{margin:8px 0 0;color:var(--color-text-secondary);transition:color var(--transition-speed) ease}.endpoint-details{padding:16px;background:var(--color-background-light);transition:background-color var(--transition-speed) ease}.endpoint-details strong{display:block;margin:15px 0 5px;color:var(--color-text-primary);font-size:.9rem;transition:color var(--transition-speed) ease}.endpoint-details strong:first-child{margin-top:0}.code-block{background:#2c3e50!important;color:#ecf0f1!important;padding:15px!important;border-radius:8px!important;font-family:Courier New,monospace!important;font-size:.85rem!important;line-height:1.5!important;overflow-x:auto!important;margin:10px 0!important;border:none!important}.example-section{margin-bottom:25px;position:relative}.example-section h5{color:#34495e;margin-bottom:10px;font-size:1rem}.example-section .copy-btn{position:absolute;top:35px;right:10px;z-index:10}@media (max-width: 768px){.api-container{padding:20px 15px}.api-key-display{flex-direction:column;gap:8px}.api-key-display input{font-size:.8rem}.copy-btn,.regenerate-btn{width:100%;justify-content:center}.example-section .copy-btn{position:static;margin-top:10px;width:100%}}@media (max-width: 768px){.container{padding:10px;margin:0}header{padding:15px 20px;margin-bottom:20px}.nav-buttons{flex-direction:column;gap:8px;align-items:stretch}.back-btn,.history-btn{width:100%;padding:12px 20px;font-size:.9rem;text-align:center;min-height:44px}.back-btn{margin-bottom:8px}.history-btn{margin-top:0}.upload-button{width:100%;padding:15px;font-size:1rem}.image-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.result-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.image-card{min-height:180px}.image-card img{height:120px}.image-info{padding:10px}.image-info .title{font-size:.85rem}.image-info .size{font-size:.75rem}.copy-button{padding:6px 12px;font-size:.8rem}.🤚{transform:scale(.8)}.result-container{margin-bottom:15px}.notification{padding:12px 15px;font-size:.9rem}.history-view h2{font-size:1.4rem;margin-bottom:20px}}@media (max-width: 480px){header{padding:12px 15px}.nav-buttons{gap:6px}.back-btn,.history-btn{padding:10px 15px;font-size:.85rem;min-height:40px}.upload-area{padding:25px 15px}.upload-area h2{font-size:1.2rem}.upload-area p{font-size:.85rem}.upload-button{padding:12px;font-size:.9rem}.image-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.image-card{min-height:160px}.image-card img{height:100px}.image-info{padding:8px}.image-info .title{font-size:.8rem}.image-info .size{font-size:.7rem}.copy-button{padding:5px 10px;font-size:.75rem}.🤚{transform:scale(.7)}.history-view h2{font-size:1.25rem;margin-bottom:15px}.nav-toggle-container,.user-controls,.nav-right{gap:0px}.nav-container{padding:10px 7px}}.user-auth-section,.auth-required{display:flex;align-items:center}.auth-btn{background:linear-gradient(45deg,#3498db,#2980b9)!important;color:#fff!important;border:none!important;padding:8px 16px!important;border-radius:8px!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;gap:8px!important}.auth-btn:hover{background:linear-gradient(45deg,#2980b9,#1e6b96)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #3498db4d!important}.user-info{display:flex;align-items:center;gap:8px;cursor:pointer;position:relative;border-radius:8px;transition:background-color .2s ease}.user-avatar{display:none!important}.user-dropdown{display:flex;align-items:center;gap:6px;position:relative}.username{font-weight:500;color:var(--color-text-primary);font-size:14px;transition:color var(--transition-speed) ease}.dropdown-menu{position:absolute;top:43px;right:-12px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px var(--color-shadow);min-width:115px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;margin-top:8px}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border:none;background:none;color:var(--color-text-primary);font-size:14px;cursor:pointer;transition:background-color .2s ease;text-align:left}.dropdown-item:hover{background-color:var(--color-background-hover)}.dropdown-item svg{width:16px;height:16px;fill:var(--color-text-secondary)}.auth-modal{max-width:480px;padding:0;border-radius:12px;overflow:hidden}.auth-content{padding:32px}.auth-header{text-align:center;margin-bottom:32px}.nodeseek-logo{width:48px;height:48px;border-radius:8px;margin-bottom:16px}.auth-header h3{font-size:24px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.auth-header p{color:var(--color-text-secondary);font-size:16px}.auth-steps{margin-bottom:32px}.step{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.step:last-child{margin-bottom:0}.step-number{width:32px;height:32px;background:linear-gradient(45deg,#3498db,#2980b9);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.step-content p{color:var(--color-text-secondary);font-size:15px;line-height:1.5;margin:0}.auth-btn-large{width:100%;background:linear-gradient(45deg,#3498db,#2980b9);color:#fff;border:none;padding:16px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px}.auth-btn-large:hover{background:linear-gradient(45deg,#2980b9,#1e6b96);transform:translateY(-2px);box-shadow:0 6px 20px #3498db4d}.auth-btn-large svg{width:20px;height:20px;fill:currentColor}.quality-slider-container{margin-bottom:12px}.quality-slider-wrapper{display:flex;flex-direction:column}.quality-label{font-weight:500;color:var(--color-text-primary);font-size:.9rem;transition:color var(--transition-speed) ease}.slider-container{display:flex;align-items:center;gap:12px}.quality-slider{flex:1;height:6px;border-radius:3px;background:#e9ecef;outline:none;transition:background .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.quality-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#3498db;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0003;transition:all .3s ease}.quality-slider::-webkit-slider-thumb:hover{background:#2980b9;transform:scale(1.1)}.quality-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#3498db;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0003;transition:all .3s ease}.quality-slider::-moz-range-thumb:hover{background:#2980b9;transform:scale(1.1)}.quality-slider:disabled{opacity:.5;cursor:not-allowed}.quality-slider:disabled::-webkit-slider-thumb{background:#bdc3c7;cursor:not-allowed}.quality-slider:disabled::-moz-range-thumb{background:#bdc3c7;cursor:not-allowed}.quality-display{display:flex;flex-direction:column;align-items:center;min-width:70px}.quality-value{font-weight:600;color:var(--color-text-primary);font-size:14px;transition:color var(--transition-speed) ease}.quality-type{font-size:.75rem;color:#7f8c8d;margin-top:2px}.quality-indicators{display:flex;justify-content:space-between;margin-top:4px}.indicator-label{font-size:.75rem;color:#95a5a6}.indicator-label.left{text-align:left}.indicator-label.right{text-align:right}.quality-slider-container.disabled{opacity:.5;pointer-events:none}.quality-slider-container.disabled .quality-label,.quality-slider-container.disabled .quality-value,.quality-slider-container.disabled .quality-type,.quality-slider-container.disabled .indicator-label{color:#bdc3c7}.paste-hint{font-size:.85rem;color:#3498db!important;margin-top:8px;margin-bottom:0;display:flex;align-items:center;justify-content:center;gap:6px;opacity:.8;transition:opacity .3s ease}.paste-hint:hover{opacity:1}.paste-hint kbd{background:#f8f9fa;border:1px solid #dee2e6;border-radius:3px;padding:2px 6px;font-family:Courier New,monospace;font-size:.8rem;font-weight:500;color:#495057;box-shadow:0 1px 2px #0000001a;border-bottom-color:#adb5bd;border-bottom-width:2px}.site-footer{background-color:#333;color:#999;margin-top:auto;width:100%}.footer-content{max-width:1200px;margin:0 auto;padding:10px 100px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:30px}.footer-section h4{color:#edd6ac;font-size:1.1rem;font-weight:600;margin-bottom:15px}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:8px}.footer-section a{color:#999;text-decoration:none;font-size:.9rem;transition:color .3s ease;display:block;padding:2px 0;font-weight:1000}.footer-section a:hover{color:#edd6ac;text-decoration:none}.footer-copyright{border-top:1px solid hsla(0,0%,100%,.1)}.footer-copyright div{text-align:center;color:#999;padding:5px 0;font-size:.9rem}.footer-section{display:block}@media (max-width: 768px){.footer-content{padding:10px 20px 0;gap:20px}.footer-section:nth-child(3),.footer-section:nth-child(4){display:none}}@media (max-width: 480px){.footer-content{padding:10px 15px 0;gap:15px;grid-template-columns:1fr}}@media (max-width: 768px){.footer-content{grid-template-columns:repeat(2,1fr);gap:20px}.footer-section h4{font-size:1rem}.footer-section a{font-size:.85rem}}.pagination-container{margin-top:2rem}.pagination-controls{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.pagination-btn{background:#fff;border:2px solid #e2e8f0;color:#4a5568;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:.9rem;min-width:44px;display:flex;align-items:center;justify-content:center;gap:.5rem}.pagination-btn:hover:not(.disabled){border-color:#3498db;color:#3498db;transform:translateY(-1px)}.pagination-btn.active{background:#3498db;border-color:#3498db;color:#fff}.pagination-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination-ellipsis{padding:.5rem;color:#718096;font-weight:500}.pagination-info{text-align:center;color:#718096;font-size:.9rem;margin-top:.5rem}@media (max-width: 768px){.pagination-controls{gap:.25rem}.pagination-btn{padding:.4rem .8rem;font-size:.85rem;min-width:40px}.pagination-info{font-size:.8rem}}.user-menu-container{position:relative;display:inline-block}.user-menu{display:none;position:absolute;right:0;top:100%;margin-top:10px;background-color:var(--color-card-bg);border-radius:8px;box-shadow:0 4px 20px var(--color-shadow);min-width:150px;z-index:1000;padding:8px;border:1px solid var(--color-border);transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translateY(-10px);pointer-events:none}.user-menu-container.open .user-menu{display:block;opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-arrow{transition:transform .3s ease-in-out}.user-info{display:flex;align-items:center;gap:8px}.user-menu-item{font-size:14px;color:var(--color-text-primary);display:block;width:100%;text-align:left;background:none;border:none;border-radius:6px;transition:color var(--transition-speed) ease,background-color var(--transition-speed) ease}.user-menu-item:not(button){cursor:default}.user-menu-item.Btn{display:flex;align-items:center;gap:8px;padding:10px 15px;width:100%;box-sizing:border-box}.user-menu-item.Btn:hover{background-color:var(--color-background-hover)}.user-menu-divider{height:1px;background-color:var(--color-border-light);margin:8px 0;transition:background-color var(--transition-speed) ease}.dropdown-arrow{transition:transform .2s ease-in-out}.user-menu-container.open .dropdown-arrow{transform:rotate(180deg)}.user-menu-item .text{color:var(--text-color)}.simple-btn{cursor:pointer;background-color:var(--color-card-bg);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;font-size:14px;font-weight:500;height:36px;padding:0 12px;border:none;color:var(--color-text-primary);transition:color var(--transition-speed) ease,background-color var(--transition-speed) ease;box-shadow:none}.simple-btn:hover{background-color:var(--color-background-hover);color:var(--color-primary)}.simple-btn:focus-visible{outline:none;ring:2px;ring-color:rgba(59,130,246,.5);ring-offset:2px}.simple-btn:disabled{opacity:.5;pointer-events:none}.nav-toggle-container,.user-controls{display:flex;align-items:center}.user-menu-item.simple-btn{width:100%;justify-content:flex-start;border-radius:4px;height:auto;padding:8px 12px}#settingsBtn,#backToUploadBtn{position:absolute;right:15px;top:15px;z-index:10}.tailwind-btn{cursor:pointer;background-color:var(--color-card-bg);color:var(--color-text-primary);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:3px;border-radius:var(--border-radius-md);font-weight:500;height:36px;padding:0 12px;border:none;transition:color var(--transition-speed) ease,background-color var(--transition-speed) ease;font-size:14px}.tailwind-btn:hover{background-color:var(--color-background-hover);color:var(--color-primary)}.tailwind-btn:focus-visible{outline:none}.tailwind-btn:disabled{opacity:.5;pointer-events:none}.user-menu-item.tailwind-btn{width:100%;justify-content:flex-start;border-radius:4px;height:auto;padding:8px 12px}.user-menu-item.tailwind-btn.logout-btn{justify-content:center;background:#ff6565;color:#fff}.user-menu-item.tailwind-btn.logout-btn:hover{background:#fc1a1a}#themeToggleBtn{position:relative;overflow:visible;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed) ease}.theme-icon{width:16px;height:16px;fill:currentColor;transition:transform var(--transition-speed) ease}#themeToggleBtn:hover .theme-icon{transform:rotate(30deg)}[data-theme=dark] .sun-icon{display:none}[data-theme=dark] .moon-icon{display:block!important}[data-theme=light] .sun-icon{display:block}[data-theme=light] .moon-icon{display:none!important}.theme-transition{transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}@media (max-width: 768px){.tailwind-btn{height:32px;padding:0 8px;font-size:14px;gap:2px}}@media (max-width: 480px){.tailwind-btn{height:28px;padding:0 6px;font-size:13px;gap:1px}.user-menu-item{font-size:13px}}.batch-actions-bar{padding:5px}.batch-actions-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.batch-selection{display:flex;align-items:center;gap:12px}.batch-checkbox{display:flex;align-items:center;cursor:pointer}.batch-checkbox input[type=checkbox]{opacity:0;position:absolute;width:0;height:0}.batch-checkbox .checkmark{width:18px;height:18px;background:var(--color-input-bg);border:2px solid var(--color-border-input);border-radius:var(--border-radius-sm);position:relative;transition:all .2s ease}.batch-checkbox:hover .checkmark{border-color:var(--color-primary);background:var(--color-background-hover)}.batch-checkbox input:checked~.checkmark{background:var(--color-primary);border-color:var(--color-primary)}.batch-checkbox input:indeterminate~.checkmark{background:var(--color-primary);border-color:var(--color-primary)}.batch-checkbox .checkmark:after{content:"";position:absolute;display:none;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.batch-checkbox input:checked~.checkmark:after{display:block}.batch-checkbox input:indeterminate~.checkmark:after{display:block;left:3px;top:6px;width:8px;height:2px;border:none;background:#fff;transform:none}.selection-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.batch-operations{display:flex;align-items:center;gap:8px;opacity:0;transform:translate(20px);transition:all .3s ease}.batch-operations.visible{opacity:1;transform:translate(0)}.batch-btn{padding:8px 16px;font-size:var(--font-size-sm);font-weight:500;transition:all .2s ease}.batch-btn.danger{background:var(--color-danger);color:#fff}.batch-btn.danger:hover{background:var(--color-danger-dark);transform:translateY(-1px)}.image-card{position:relative;transition:all .3s ease}.image-card.selected{transform:scale(.98);box-shadow:0 0 0 3px var(--color-primary);border-radius:var(--border-radius-md)}.image-checkbox{position:absolute;top:8px;left:8px;z-index:10;opacity:0;transform:scale(.8);transition:all .2s ease}.image-card:hover .image-checkbox,.image-card.selected .image-checkbox{opacity:1;transform:scale(1)}.image-checkbox input[type=checkbox]{opacity:0;position:absolute;width:0;height:0}.image-checkbox label{display:block;width:20px;height:20px;background:#ffffffe6;border:2px solid var(--color-border-input);border-radius:var(--border-radius-sm);cursor:pointer;position:relative;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-checkbox:hover label{border-color:var(--color-primary);background:#fff}.image-checkbox input:checked+label{background:var(--color-primary);border-color:var(--color-primary)}.image-checkbox label:after{content:"";position:absolute;display:none;left:6px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.image-checkbox input:checked+label:after{display:block}.banned-page{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-background);display:none;align-items:center;justify-content:center;z-index:1000}.banned-container{text-align:center;padding:40px;background:var(--color-card-bg);border-radius:var(--border-radius-lg);box-shadow:0 10px 30px var(--color-shadow-lg);max-width:500px;width:90%;border:2px solid var(--color-danger)}.banned-icon{font-size:4rem;margin-bottom:20px;display:block}.banned-title{color:var(--color-danger);font-size:2rem;font-weight:600;margin-bottom:20px}.banned-message{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:30px}.banned-actions{display:flex;justify-content:center}.btn-logout{background:var(--color-danger);color:#fff;border:none;padding:12px 24px;border-radius:var(--border-radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-logout:hover{background:var(--color-danger-dark);transform:translateY(-2px);box-shadow:0 4px 12px var(--color-shadow-md)}@media (max-width: 768px){.banned-container{padding:30px 20px;margin:20px}.banned-title{font-size:1.5rem}.banned-message{font-size:1rem}}.modal#imageModal{position:fixed;z-index:1001;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#000000d9;display:none;justify-content:center;align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.modal#imageModal #modalImage{position:absolute;top:50%;left:50%;max-width:95vw;max-height:95vh;transform:translate(-50%,-50%) scale(1);transition:transform .2s ease-out;cursor:grab;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.modal#imageModal #modalImage.panning{cursor:grabbing}.modal#imageModal .modal-controls{position:absolute;top:15px;right:15px;display:flex;align-items:center;gap:20px;z-index:1002}.modal#imageModal .close{color:#fff;font-size:45px;font-weight:700;line-height:1;transition:color .3s;cursor:pointer;order:2}.modal#imageModal .close:hover,.modal#imageModal .close:focus{color:#bbb;text-decoration:none}.modal#imageModal .zoom-slider{order:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:150px;height:5px;background:#fff6;border-radius:5px;outline:none;opacity:.7;transition:opacity .2s;cursor:pointer}.modal#imageModal .zoom-slider:hover{opacity:1}.modal#imageModal .zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#fff;border-radius:50%}.modal#imageModal .zoom-slider::-moz-range-thumb{width:18px;height:18px;background:#fff;border-radius:50%;cursor:pointer}