@import"https://fonts.googleapis.com/css2?family=Great+Vibes&family=Ma+Shan+Zheng&display=block";*{margin:0;padding:0;box-sizing:border-box}@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}:root{font-size:16px;--font-primary: "Noto Sans SC", sans-serif;--border-radius: 20px;--timing-function: cubic-bezier(.16, 1, .3, 1)}[data-theme=mint]{--bg-gradient: conic-gradient(from var(--gradient-angle), #b2f2d9, #e0f9da, #ffe8cc, #ffcfcf, #b2f2d9);--primary: #ff9999;--secondary: #87e6fa;--text: #3d5a80;--text-muted: #98c1d9;--bg-container: rgba(255, 255, 255, .65);--border: rgba(180, 200, 220, .4);--shadow: rgba(0, 0, 0, .07);--svg-fill: rgba(255, 255, 255, .6)}[data-theme=lemon]{--bg-gradient: conic-gradient(from var(--gradient-angle), #fbfdc2, #b8ed9a, #eeffd2, #fbfdc2);--primary: #77c44e;--secondary: #ffdc7c;--text: #4a6735;--text-muted: #829a6b;--bg-container: rgba(255, 255, 255, .85);--border: rgba(119, 196, 78, .35);--shadow: rgba(0, 0, 0, .08);--svg-fill: rgba(255, 255, 255, .8)}[data-theme=starry]{--bg-gradient: #15293d;--primary: #9ce0ff;--secondary: #ffc977;--text: #e8f0fe;--text-muted: #bbd3e6;--bg-container: rgba(29, 41, 57, .5);--border: rgba(156, 224, 255, .15);--shadow: rgba(0, 0, 0, .35);--svg-fill: rgba(255, 255, 255, .15);--select-bg: #2f3e46}[data-theme=klein-blue]{--bg-gradient: #001a70;--primary: #ffecb3;--secondary: #e0e0e0;--text: #f0f8ff;--text-muted: #c8d8f0;--bg-container: rgba(0, 26, 112, .45);--border: rgba(255, 255, 255, .15);--shadow: rgba(0, 0, 0, .4);--svg-fill: rgba(255, 255, 255, .05);--select-bg: #002b80}[data-theme=misty-peak]{--bg-gradient: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);--primary: #6b7b8c;--secondary: #b0c4de;--text: #2f3e46;--text-muted: #8492a6;--bg-container: rgba(255, 255, 255, .75);--border: rgba(132, 146, 166, .3);--shadow: rgba(0, 0, 0, .1);--svg-fill: rgba(255, 255, 255, .7)}[data-theme=mystic]{--bg-gradient: radial-gradient(circle at 50% 50%, #ffffff 0%, #ecf0f1 100%);--primary: #8e44ad;--secondary: #2c3e50;--text: #2c3e50;--text-muted: #7f8c8d;--bg-container: rgba(255, 255, 255, .82);--border: rgba(142, 68, 173, .3);--shadow: rgba(44, 62, 80, .1);--svg-fill: rgba(142, 68, 173, .1);--select-bg: rgba(236, 240, 241, .5)}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--bg-gradient);color:var(--text);min-height:100vh;padding:24px;animation:gradient-rotation 25s linear infinite;background-size:200% 200%;transition:background .8s var(--timing-function);overflow-x:hidden;position:relative}[data-theme=misty-peak] body{animation:misty-peak-animation 25s ease-in-out infinite}@keyframes misty-peak-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gradient-rotation{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}.background-shapes{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none}.background-shapes svg{position:absolute;opacity:0;animation:shape-float 20s infinite ease-in-out alternate;fill:var(--svg-fill);transition:fill .8s var(--timing-function)}.background-shapes svg:nth-child(1){top:10%;left:15%;width:100px;animation-duration:25s}.background-shapes svg:nth-child(2){top:70%;left:5%;width:50px;animation-duration:30s;animation-delay:5s}.background-shapes svg:nth-child(3){top:20%;right:10%;width:80px;animation-duration:22s;animation-delay:2s}.background-shapes svg:nth-child(4){bottom:10%;right:20%;width:120px;animation-duration:28s;animation-delay:8s}.background-shapes svg:nth-child(5){top:50%;left:45%;width:60px;animation-duration:35s;animation-delay:1s}[data-theme=starry] .background-shapes,.shapes-default,.shapes-misty,.shapes-mystic{display:none}[data-theme=mint] .shapes-default,[data-theme=lemon] .shapes-default,[data-theme=misty-peak] .shapes-misty,[data-theme=mystic] .shapes-mystic{display:block}@keyframes shape-float{0%{opacity:0;transform:translateY(20px) rotate(0) scale(.9)}50%{opacity:1}to{opacity:0;transform:translateY(-20px) rotate(180deg) scale(1.1)}}#star-field{position:fixed;top:0;left:0;width:200%;height:200%;background-image:radial-gradient(2px 2px at 20px 30px,#eee,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 50px 160px,#ddd,#0000),radial-gradient(2px 2px at 90px 40px,#fff,#0000),radial-gradient(3px 3px at 130px 80px,#fff,#0000),radial-gradient(2px 2px at 160px 120px,#ddd,#0000);background-repeat:repeat;background-size:200px 200px;animation:star-pan 60s linear infinite;z-index:-2;opacity:0;transition:opacity .8s var(--timing-function)}[data-theme=starry] #star-field{opacity:1}@keyframes star-pan{0%{transform:translate(0)}to{transform:translate(-200px)}}.container{max-width:700px;margin:40px auto;background-color:var(--bg-container);border-radius:var(--border-radius);box-shadow:0 16px 50px -20px var(--shadow);padding:clamp(24px,5vw,40px);border:1px solid var(--border);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);transition:all .5s var(--timing-function);animation:container-fade-in 1s var(--timing-function);position:relative;z-index:5}.container.drag-over{border-color:var(--primary);box-shadow:0 0 30px -10px var(--primary)}section,header,details{margin-bottom:32px}section:last-of-type,details:last-of-type{margin-bottom:0}@keyframes container-fade-in{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.theme-switcher{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:8px}#theme-toggle-btn{z-index:2}.theme-options{display:flex;gap:8px;background:var(--bg-container);border-radius:50px;box-shadow:0 4px 12px var(--shadow);border:1px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:0;padding:0;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);transition:all .4s var(--timing-function)}.theme-options.expanded{padding:8px;max-height:100px;opacity:1;pointer-events:auto;transform:translateY(0);border-color:var(--border)}.theme-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:#ffffff40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;font-size:1.3rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 4px 6px #0000000d;margin:0 4px}.theme-btn:hover{transform:translateY(-2px) scale(1.15) rotate(10deg);background:#ffffff80;box-shadow:0 6px 12px #0000001a}.theme-btn[aria-checked=true]{border-color:var(--primary);transform:scale(1.1);background-color:#f993}[data-theme=lemon] .theme-btn[aria-checked=true]{background-color:#77c44e33}[data-theme=starry] .theme-btn[aria-checked=true]{background-color:#9ce0ff33}[data-theme=misty-peak] .theme-btn[aria-checked=true]{background-color:#6b7b8c33}[data-theme=mystic] .theme-btn[aria-checked=true]{background-color:#8e44ad33}header{text-align:center}h1{font-family:Great Vibes,Ma Shan Zheng,cursive;font-size:clamp(3rem,8vw,4.2rem);font-weight:400;color:var(--text);margin-bottom:8px;letter-spacing:1px;text-shadow:0 2px 4px var(--shadow);background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent;padding:10px 0}.subtitle{font-family:Ma Shan Zheng,cursive;color:var(--text-muted);font-size:clamp(1.2rem,3vw,1.5rem);font-weight:400;letter-spacing:1px}.disclaimer{background-color:#ff99991a;border-left:4px solid var(--primary);padding:16px;border-radius:12px;position:relative;font-size:.9rem;line-height:1.6}[data-theme=lemon] .disclaimer{background-color:#77c44e1a}[data-theme=starry] .disclaimer{background-color:#9ce0ff1a}[data-theme=misty-peak] .disclaimer{background-color:#6b7b8c1a}[data-theme=mystic] .disclaimer{background-color:#8e44ad1a}.close-btn{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;transition:all .3s var(--timing-function);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-btn:hover{background-color:#3d5a801a;color:var(--primary);transform:rotate(180deg) scale(1.2)}[data-theme=lemon] .close-btn:hover{background-color:#4a67351a}[data-theme=starry] .close-btn:hover{background-color:#e8f0fe1a}[data-theme=klein-blue] .close-btn:hover{background-color:#f0f8ff1a}[data-theme=misty-peak] .close-btn:hover{background-color:#2f3e461a}[data-theme=mystic] .close-btn:hover{background-color:#2c3e501a}.api-settings-details{border:1px solid var(--border);border-radius:var(--border-radius);padding:12px;transition:all .3s var(--timing-function);margin-bottom:16px}.api-settings-details[open]{background-color:#3d5a800d}[data-theme=lemon] .api-settings-details[open]{background-color:#4a67350d}[data-theme=starry] .api-settings-details[open]{background-color:#e8f0fe0d}[data-theme=klein-blue] .api-settings-details[open]{background-color:#f0f8ff0d}[data-theme=misty-peak] .api-settings-details[open]{background-color:#2f3e460d}[data-theme=mystic] .api-settings-details[open]{background-color:#2c3e500d}.api-settings-details summary{font-weight:700;cursor:pointer;padding:8px;border-radius:12px;transition:background-color .2s}.api-settings-details summary:hover{background-color:#3d5a801a}[data-theme=lemon] .api-settings-details summary:hover{background-color:#4a67351a}[data-theme=starry] .api-settings-details summary:hover{background-color:#e8f0fe1a}[data-theme=klein-blue] .api-settings-details summary:hover{background-color:#f0f8ff1a}[data-theme=misty-peak] .api-settings-details summary:hover{background-color:#2f3e461a}[data-theme=mystic] .api-settings-details summary:hover{background-color:#2c3e501a}.announcement-banner{background:#ffecb326;border:1px solid rgba(255,201,119,.3);border-radius:12px;padding:16px 20px;margin-bottom:24px;display:flex;gap:16px;align-items:flex-start;animation:fadeIn .8s ease-out;position:relative;box-shadow:0 4px 12px #0000000d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}[data-theme=starry] .announcement-banner{background:#0f172a66;border-color:#9ce0ff33;box-shadow:0 4px 12px #0003}.announcement-icon{font-size:1.4rem;margin-top:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.announcement-content{flex:1}.announcement-content strong{display:block;color:var(--secondary);margin-bottom:6px;font-size:1rem;letter-spacing:.5px}.announcement-content p{margin:0!important;font-size:.9rem;line-height:1.6;color:var(--text-muted)}.announcement-close-btn{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;line-height:.8;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease;flex-shrink:0;margin-top:-4px}.announcement-close-btn:hover{color:var(--primary);background-color:#0000000d}[data-theme=starry] .announcement-close-btn:hover{background-color:#ffffff1a}.api-key-container{padding-top:24px}.api-key-container p{margin-top:16px;margin-bottom:8px;font-weight:500}.api-key-input-wrapper{position:relative;display:flex;align-items:center}#api-key-input,#api-base-url,#api-model-input,#api-provider-select,#api-model-select{width:100%;padding:12px 15px;border:2px solid var(--border);border-radius:12px;font-size:1rem;font-family:var(--font-primary);transition:all .2s ease;background-color:#3d5a800d;color:var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-theme=lemon] #api-key-input,[data-theme=lemon] #api-base-url,[data-theme=lemon] #api-model-input,[data-theme=lemon] #api-provider-select,[data-theme=lemon] #api-model-select{background-color:#4a67350d}[data-theme=starry] #api-key-input,[data-theme=starry] #api-base-url,[data-theme=starry] #api-model-input,[data-theme=starry] #api-provider-select,[data-theme=starry] #api-model-select{background-color:#e8f0fe0d}[data-theme=klein-blue] #api-key-input,[data-theme=klein-blue] #api-base-url,[data-theme=klein-blue] #api-model-input,[data-theme=klein-blue] #api-provider-select,[data-theme=klein-blue] #api-model-select{background-color:#f0f8ff0d}[data-theme=misty-peak] #api-key-input,[data-theme=misty-peak] #api-base-url,[data-theme=misty-peak] #api-model-input,[data-theme=misty-peak] #api-provider-select,[data-theme=misty-peak] #api-model-select{background-color:#2f3e460d}#api-key-input{padding-right:45px}#api-key-input:focus,#api-base-url:focus,#api-model-input:focus,#api-provider-select:focus,#api-model-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 10px -2px var(--primary)}.key-visibility-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.3rem;color:var(--text-muted)}.model-input-wrapper{gap:8px}.key-status{font-size:.9rem;margin-top:15px;color:var(--text-muted);text-align:center}.rate-limit-status{background:rgba(var(--bg-container-rgb),.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px;padding:10px 20px;margin:0 auto 24px;display:inline-flex;justify-content:center;align-items:center;gap:20px;border:2px solid var(--primary);box-shadow:0 0 15px rgba(var(--primary-rgb),.3),inset 0 0 10px rgba(var(--primary-rgb),.1);white-space:nowrap;max-width:90%;position:relative;overflow:hidden}.rate-limit-status:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(var(--primary-rgb),.05) 50%);background-size:100% 4px;pointer-events:none;z-index:0}.rate-limit-points-container{display:flex;gap:6px;align-items:center;z-index:1}.energy-point{width:14px;height:20px;border-radius:1px;transform:skew(-20deg);border:1px solid rgba(var(--primary-rgb),.6);background-color:rgba(var(--primary-rgb),.1);transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 5px rgba(var(--primary-rgb),0)}.energy-point.active{background-color:var(--primary);box-shadow:0 0 12px rgba(var(--primary-rgb),.8),inset 0 0 4px #ffffff80;border-color:var(--primary)}.rate-limit-tokens,.rate-limit-timer{display:flex;align-items:center;gap:4px;font-size:.9rem}.rate-limit-label{color:var(--text-muted)}#rate-limit-tokens-count{font-weight:700;color:var(--primary);font-size:1.1rem}#rate-limit-tokens-max{color:var(--text-muted)}#rate-limit-timer{font-family:Courier New,monospace;font-weight:700;color:var(--secondary);background:transparent;padding:0;border-radius:0;text-shadow:0 0 5px rgba(var(--secondary-rgb),.6);letter-spacing:1px;font-size:1.1em}.rate-limit-status.charging #rate-limit-timer{animation:text-pulse 1s ease-in-out infinite}@keyframes text-pulse{0%,to{opacity:1;text-shadow:0 0 5px rgba(var(--secondary-rgb),.6)}50%{opacity:.8;text-shadow:0 0 15px rgba(var(--secondary-rgb),.9)}}.rate-limit-status.full #rate-limit-timer-container{display:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.ai-type-selector>p{margin-bottom:16px;font-weight:700;text-align:center;font-size:1.1rem}.ai-type-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.ai-type-option{padding:16px;border:2px solid var(--border);border-radius:var(--border-radius);cursor:pointer;transition:all .3s var(--timing-function);text-align:center;position:relative;overflow:hidden}.ai-type-option:hover{border-color:var(--secondary);transform:translateY(-4px);box-shadow:0 8px 25px -10px var(--shadow)}.ai-type-option input{position:absolute;opacity:0}.ai-type-option span{position:relative;z-index:1;transition:color .4s var(--timing-function)}.ai-type-option span:first-of-type{font-size:1.1rem;font-weight:500;margin-bottom:4px;color:var(--text);display:block}.ai-type-desc{font-size:.9rem;color:var(--text-muted)}.ai-type-option input:checked+span,.ai-type-option input:checked~span{color:#d98282;font-weight:700}[data-theme=lemon] .ai-type-option input:checked+span,[data-theme=lemon] .ai-type-option input:checked~span{color:#65a742}[data-theme=starry] .ai-type-option input:checked+span,[data-theme=starry] .ai-type-option input:checked~span{color:#85bed9}[data-theme=klein-blue] .ai-type-option input:checked+span,[data-theme=klein-blue] .ai-type-option input:checked~span{color:#d9c998}[data-theme=misty-peak] .ai-type-option input:checked+span,[data-theme=misty-peak] .ai-type-option input:checked~span{color:#5b6977}[data-theme=mystic] .ai-type-option input:checked+span,[data-theme=mystic] .ai-type-option input:checked~span{color:#8e44ad}.ai-type-option:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--border-radius);background:var(--primary);z-index:0;clip-path:circle(0% at 50% 50%);transition:clip-path .5s var(--timing-function)}.ai-type-option input:checked:before{clip-path:circle(150% at 50% 50%)}.upload-area{border:3px dashed var(--border);border-radius:var(--border-radius);padding:40px;text-align:center;transition:all .3s var(--timing-function);cursor:pointer;position:relative;overflow:hidden;z-index:10}.upload-area.drag-over,.upload-area:hover{border-color:var(--primary);transform:scale(1.02);box-shadow:0 0 30px -10px var(--primary)}.upload-inner{display:flex;flex-direction:column;align-items:center;gap:8px}.upload-icon{width:64px;height:64px;color:var(--secondary);transition:all .3s var(--timing-function)}.upload-area:hover .upload-icon{transform:scale(1.1) rotate(-5deg);color:var(--primary)}.upload-btn{color:var(--primary);font-weight:700;text-decoration:none;border-bottom:2px solid}.paste-hint{font-size:.8rem;color:var(--text-muted)}.image-preview-container,.result-image-thumbnail{max-height:350px;border-radius:var(--border-radius);margin:0 auto 24px;display:flex;justify-content:center;align-items:center;background-color:#3d5a800d;box-shadow:inset 0 0 10px #0000001a}[data-theme=lemon] .image-preview-container,[data-theme=lemon] .result-image-thumbnail{background-color:#4a67350d}[data-theme=starry] .image-preview-container,[data-theme=starry] .result-image-thumbnail{background-color:#e8f0fe0d}[data-theme=klein-blue] .image-preview-container,[data-theme=klein-blue] .result-image-thumbnail{background-color:#f0f8ff0d}[data-theme=misty-peak] .image-preview-container,[data-theme=misty-peak] .result-image-thumbnail{background-color:#2f3e460d}[data-theme=mystic] .image-preview-container,[data-theme=mystic] .result-image-thumbnail{background-color:#2c3e500d}#preview-image,#result-image-thumbnail{max-width:100%;max-height:350px;object-fit:contain;border-radius:12px}#result{position:relative;padding:24px;border-radius:var(--border-radius);border:2px solid;text-align:center;animation:fadeIn .5s ease-out}#result.smash{background-color:#f4433626;border-color:#f44336}#result.pass{background-color:#4caf5026;border-color:#4caf50}.verdict-container{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}#verdict{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:900}#verdict-icon{font-size:clamp(2rem,6vw,3rem);animation:icon-pop .5s var(--timing-function)}@keyframes icon-pop{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}#explanation{font-size:1.1rem;line-height:1.7;margin-bottom:24px;color:var(--text);white-space:pre-wrap}.preview-actions,.result-actions{display:flex;justify-content:center;gap:16px}.btn{background-color:var(--primary);color:#d98282;border:none;padding:14px 28px;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s var(--timing-function);box-shadow:0 4px 15px -5px #ff999980,inset 0 -2px 5px #0000001a;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-shadow:0 1px 1px rgba(0,0,0,.1)}[data-theme=lemon] .btn{color:#65a742;box-shadow:0 4px 15px -5px #77c44e80,inset 0 -2px 5px #0000001a}[data-theme=starry] .btn{color:#1a3a52;box-shadow:0 4px 15px -5px #9ce0ff80,inset 0 -2px 5px #0000001a}[data-theme=klein-blue] .btn{color:#d9c998;box-shadow:0 4px 15px -5px #ffecb380,inset 0 -2px 5px #0000001a}[data-theme=misty-peak] .btn{color:#5b6977;box-shadow:0 4px 15px -5px #6b7b8c80,inset 0 -2px 5px #0000001a}[data-theme=mystic] .btn{color:#ecf0f1;box-shadow:0 4px 15px -5px #8e44ad80,inset 0 -2px 5px #0000001a}.btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 25px -8px var(--primary),inset 0 -1px 2px #0000000d}.btn:active{transform:translateY(-1px) scale(1)}.btn:disabled{background-color:var(--text-muted);color:#a9cce2;cursor:not-allowed;transform:none;box-shadow:none}[data-theme=lemon] .btn:disabled{color:#95ab80}[data-theme=starry] .btn:disabled{color:#c7dbec}[data-theme=klein-blue] .btn:disabled{color:#d2e0f4}[data-theme=misty-peak] .btn:disabled{color:#97a4b5}[data-theme=mystic] .btn:disabled{color:#bdc3c7}.btn-secondary{background-color:var(--secondary);color:#73c4d5;box-shadow:0 4px 15px -5px #87e6fa80,inset 0 -2px 5px #0000001a}[data-theme=lemon] .btn-secondary{color:#d9bb69;box-shadow:0 4px 15px -5px #ffdc7c80,inset 0 -2px 5px #0000001a}[data-theme=starry] .btn-secondary{color:#4a3520;box-shadow:0 4px 15px -5px #ffc97780,inset 0 -2px 5px #0000001a}[data-theme=klein-blue] .btn-secondary{color:#bebebe;box-shadow:0 4px 15px -5px #e0e0e080,inset 0 -2px 5px #0000001a}[data-theme=misty-peak] .btn-secondary{color:#96a7bd;box-shadow:0 4px 15px -5px #b0c4de80,inset 0 -2px 5px #0000001a}[data-theme=mystic] .btn-secondary{color:#ecf0f1;box-shadow:0 4px 15px -5px #2c3e5080,inset 0 -2px 5px #0000001a}.btn-secondary:hover{box-shadow:0 10px 25px -8px var(--secondary),inset 0 -1px 2px #0000000d}.view-saved-btn{display:block;margin:32px auto 0;background-color:var(--text);color:var(--bg-container)}@media (max-width: 768px){.view-saved-btn{margin-bottom:60px}}#loading{display:flex;flex-direction:column;align-items:center;gap:16px;margin:32px 0}.spinner{width:50px;height:50px;border-radius:50%;background:conic-gradient(from 0deg at 50% 50%,var(--primary),transparent);-webkit-mask:radial-gradient(farthest-side,transparent 90%,#fff 91%);mask:radial-gradient(farthest-side,transparent 90%,#fff 91%);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar-container{width:80%;height:8px;background-color:var(--border);border-radius:4px;overflow:hidden;position:relative}.progress-bar{width:0%;height:100%;background:var(--primary);transition:width .5s ease;border-radius:4px}#saved-results-overlay,#popup-overlay,#prompt-manager-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;-webkit-backdrop-filter:blur(8px) saturate(100%);backdrop-filter:blur(8px) saturate(100%);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}#saved-results-overlay:not(.hidden),#popup-overlay:not(.hidden),#prompt-manager-overlay:not(.hidden){opacity:1;visibility:visible;transition:opacity .4s}.saved-results-panel,.popup-card,.prompt-manager-panel{width:100%;max-width:900px;max-height:85vh;background:var(--bg-container);border-radius:var(--border-radius);box-shadow:0 20px 60px -10px var(--shadow);padding:24px;display:flex;flex-direction:column;position:relative;transform:scale(.95);transition:transform .4s var(--timing-function);overflow:hidden}#saved-results-overlay:not(.hidden) .saved-results-panel,#popup-overlay:not(.hidden) .popup-card,#prompt-manager-overlay:not(.hidden) .prompt-manager-panel{transform:scale(1)}.popup-card{position:relative;max-width:550px;height:auto;max-height:90vh;text-align:center}.saved-results-panel h2{text-align:center;margin-bottom:16px}.saved-controls{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}#search-saved,#filter-saved{flex-grow:1;min-width:150px;padding:12px;border:2px solid var(--border);border-radius:12px;background:#3d5a800d;color:var(--text);font-size:1rem;font-family:var(--font-primary);transition:border-color .3s,box-shadow .3s}[data-theme=lemon] #search-saved,[data-theme=lemon] #filter-saved{background-color:#4a67350d}[data-theme=starry] #search-saved,[data-theme=starry] #filter-saved{background-color:#e8f0fe0d}[data-theme=klein-blue] #search-saved,[data-theme=klein-blue] #filter-saved{background-color:#f0f8ff0d}[data-theme=misty-peak] #search-saved,[data-theme=misty-peak] #filter-saved{background-color:#2f3e460d}#search-saved:focus,#filter-saved:focus{outline:none;border-color:var(--primary);box-shadow:0 0 10px -2px var(--primary)}#saved-results-grid{flex-grow:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;padding:8px 4px;min-height:0}#saved-results-grid::-webkit-scrollbar{width:8px}#saved-results-grid::-webkit-scrollbar-track{background:transparent}#saved-results-grid::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:4px}#saved-results-grid::-webkit-scrollbar-thumb:hover{background-color:var(--secondary)}.saved-result-card{background:transparent;border:1px solid var(--border);border-radius:var(--border-radius);overflow:hidden;cursor:pointer;transition:transform .3s var(--timing-function),box-shadow .3s var(--timing-function);position:relative;display:flex;flex-direction:column;height:100%}.saved-result-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 12px 30px -8px var(--shadow);border-color:var(--secondary)}.saved-result-card img{width:100%;height:150px;object-fit:cover;flex-shrink:0}.saved-result-info{padding:16px;display:flex;flex-direction:column;flex-grow:1}.saved-result-info .verdict{font-weight:700;color:var(--text)}.saved-result-info .date{font-size:.8em;color:var(--text-muted);margin-top:8px;flex-grow:1}.delete-btn{background:#e53935;color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background-color .2s,transform .2s;margin-top:16px;width:100%;font-size:.9rem;font-weight:500}.delete-btn:hover{background:#c62828;transform:scale(1.05)}.popup-card img{width:auto;max-width:100%;max-height:50vh;object-fit:contain;border-radius:12px;margin-bottom:24px;display:block;margin-left:auto;margin-right:auto}.popup-card h3{font-size:1.8rem;color:var(--primary)}.popup-card p{font-size:1.1em;line-height:1.6;margin-top:16px;max-height:30vh;overflow-y:auto;padding-right:10px}@media (max-width: 768px){body{padding:16px}.container{margin:20px auto}.theme-switcher{top:auto;bottom:16px;right:16px;left:auto;transform:none;align-items:flex-end}.theme-options{flex-direction:column;border-radius:25px}.theme-options.expanded{max-height:300px}#saved-results-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 600px){.container{padding:24px 16px}.preview-actions,.result-actions{flex-direction:column;gap:16px}.api-settings-details summary{font-size:.9rem}.prompt-manager-content{flex-direction:column;overflow:hidden;gap:8px}.prompt-list-container{border-right:none;padding-right:0;flex-shrink:0}#prompt-editor{flex-grow:1}#prompt-list{max-height:100px}.prompt-manager-panel{display:flex;flex-direction:column;max-height:90vh;height:90vh;padding:16px;overflow:hidden}.prompt-manager-panel h2{position:static;margin-bottom:12px;flex-shrink:0}.prompt-manager-content{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-top:0;height:auto;gap:8px}.prompt-list-container{flex-shrink:0;max-height:120px;overflow-y:auto}#prompt-editor{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;padding-right:0}#prompt-name-input{flex-shrink:0}.prompt-mode-tabs{flex-shrink:0;margin:8px 0}.prompt-mode-content{flex:1;overflow-y:auto;min-height:0;max-height:none;height:auto}.prompt-textarea{min-height:120px!important;height:100%!important;max-height:none!important;resize:none}.prompt-editor-actions{position:static!important;flex-shrink:0;flex-direction:row;flex-wrap:wrap;gap:8px;padding:12px 0 0;margin-top:auto;background:transparent;border-top:1px solid var(--border)}.prompt-editor-actions .btn{flex:1 1 45%;min-width:100px;font-size:.85rem;padding:10px 12px}}.prompt-selector{display:flex;flex-direction:column;gap:16px;margin-top:16px}.prompt-selection-ui{display:flex;gap:16px;align-items:center}#prompt-select,#api-model-select,#api-provider-select{flex-grow:1;padding:12px 15px;border:2px solid var(--border);border-radius:12px;font-size:1rem;font-family:var(--font-primary);background-color:var(--select-bg, rgba(61, 90, 128, .05));color:var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-theme=lemon] #prompt-select,[data-theme=lemon] #api-model-select,[data-theme=lemon] #api-provider-select{background-color:#4a67350d}[data-theme=starry] #prompt-select,[data-theme=starry] #api-model-select,[data-theme=starry] #api-provider-select,[data-theme=klein-blue] #prompt-select,[data-theme=klein-blue] #api-model-select,[data-theme=klein-blue] #api-provider-select{background-color:var(--select-bg)}[data-theme=misty-peak] #prompt-select,[data-theme=misty-peak] #api-model-select,[data-theme=misty-peak] #api-provider-select{background-color:#2f3e460d}#manage-prompts-btn{padding:12px 24px}.prompt-manager-panel{max-width:900px;min-height:80vh;max-height:90vh;gap:24px}.prompt-manager-panel h2{position:absolute;top:24px;left:24px}.prompt-manager-content{display:flex;gap:24px;width:100%;margin-top:60px;height:calc(100% - 60px)}.prompt-list-container{flex:0 0 250px;display:flex;flex-direction:column;gap:16px;border-right:1px solid var(--border);padding-right:24px}@media (max-width: 600px){.prompt-list-container{border-right:none;padding-right:0;flex-shrink:0}}.prompt-list-actions{display:flex;gap:8px}.prompt-list-actions .btn{flex-grow:1;padding:10px;font-size:.9rem}#prompt-list{list-style:none;padding:0;margin:0;flex-grow:1;overflow-y:auto;max-height:150px}#prompt-list li{padding:12px 16px;border-radius:8px;cursor:pointer;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s;line-height:1.5}@media (max-width: 600px){#prompt-list{max-height:150px}}#prompt-list li:hover{background-color:#3d5a800d}[data-theme=lemon] #prompt-list li:hover{background-color:#4a67350d}[data-theme=starry] #prompt-list li:hover{background-color:#e8f0fe0d}[data-theme=klein-blue] #prompt-list li:hover{background-color:#f0f8ff0d}[data-theme=misty-peak] #prompt-list li:hover{background-color:#2f3e460d}[data-theme=mystic] #prompt-list li:hover{background-color:#2c3e500d}#prompt-list li.active{background-color:#f993;font-weight:700}[data-theme=lemon] #prompt-list li.active{background-color:#77c44e33}[data-theme=starry] #prompt-list li.active{background-color:#9ce0ff33}[data-theme=klein-blue] #prompt-list li.active{background-color:#ffecb333}[data-theme=misty-peak] #prompt-list li.active{background-color:#6b7b8c33}[data-theme=mystic] #prompt-list li.active{background-color:#8e44ad33}.prompt-delete-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem}.prompt-delete-btn:hover{color:#e53935}#prompt-editor{flex-grow:1;display:flex;flex-direction:column;position:relative;overflow-y:auto;padding-right:8px;min-height:400px}#prompt-editor h3{margin-top:16px;margin-bottom:8px;font-weight:500}.prompt-mode-tabs{display:flex;gap:8px;margin:16px 0;flex-shrink:0}.prompt-mode-tab{flex:1;padding:10px 16px;border:2px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.prompt-mode-tab:hover{border-color:var(--primary);color:var(--text)}.prompt-mode-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.prompt-mode-content{flex:1;min-height:0;display:flex;flex-direction:column;height:calc(70vh - 150px)}.prompt-textarea{display:none;width:100%;height:50vh!important;min-height:400px!important;padding:12px 15px;border:2px solid var(--border);border-radius:12px;font-size:1rem;font-family:var(--font-primary);background-color:#3d5a800d;color:var(--text);resize:both;overflow:auto}.prompt-textarea.active{display:block}#prompt-name-input,#prompt-editor textarea{width:100%;padding:12px 15px;border:2px solid var(--border);border-radius:12px;font-size:1rem;font-family:var(--font-primary);background-color:#3d5a800d;color:var(--text);margin-bottom:16px}[data-theme=lemon] #prompt-name-input,[data-theme=lemon] :is(#prompt-editor textarea){background-color:#4a67350d}[data-theme=starry] #prompt-name-input,[data-theme=starry] :is(#prompt-editor textarea){background-color:#e8f0fe0d}[data-theme=klein-blue] #prompt-name-input,[data-theme=klein-blue] :is(#prompt-editor textarea){background-color:#f0f8ff0d}[data-theme=misty-peak] #prompt-name-input,[data-theme=misty-peak] :is(#prompt-editor textarea){background-color:#2f3e460d}#prompt-editor textarea{min-height:80px;max-height:120px;resize:vertical;flex-shrink:0}.prompt-editor-actions{position:sticky;bottom:0;right:0;display:flex;gap:16px;justify-content:flex-end;padding:12px 16px;background-color:var(--bg-container);border-top:1px solid var(--border);margin-top:16px;flex-shrink:0}#share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;-webkit-backdrop-filter:blur(8px) saturate(100%);backdrop-filter:blur(8px) saturate(100%);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}#share-overlay:not(.hidden){opacity:1;visibility:visible;transition:opacity .4s}.share-panel{width:100%;max-width:650px;height:auto;max-height:90vh;background:var(--bg-container);border-radius:var(--border-radius);box-shadow:0 20px 60px -10px var(--shadow);padding:24px;display:flex;flex-direction:column;position:relative;transform:scale(.95);transition:transform .4s var(--timing-function);gap:24px}#share-overlay:not(.hidden) .share-panel{transform:scale(1)}.share-panel h2{text-align:center;margin-bottom:0}#share-image-container{flex-grow:1;display:flex;justify-content:center;align-items:center;background-color:#3d5a800d;border-radius:var(--border-radius);padding:16px;overflow:auto}[data-theme=lemon] #share-image-container{background-color:#4a67350d}[data-theme=starry] #share-image-container{background-color:#e8f0fe0d}[data-theme=klein-blue] #share-image-container{background-color:#f0f8ff0d}[data-theme=misty-peak] #share-image-container{background-color:#2f3e460d}#share-image-container canvas{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--border-radius);box-shadow:0 8px 25px -10px var(--shadow)}.share-actions{display:flex;justify-content:center;gap:16px}.popup-actions{display:flex;justify-content:center;margin-top:24px}#popup-card-content{display:flex;flex-direction:column}#popup-explanation{flex-grow:1;overflow-y:auto}.seal-container{position:absolute;top:20px;right:20px;width:90px;height:90px;border:4px solid rgba(255,0,0,.7);border-radius:50%;color:#ff0000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700;text-align:center;transform:rotate(15deg);z-index:10;font-family:KaiTi,STKaiti,serif;line-height:1.2;-webkit-user-select:none;user-select:none}.seal-container .seal-text{font-size:24px}.seal-container .seal-model{font-size:10px;margin-top:2px;max-width:90%;overflow-wrap:break-word;word-break:break-all;white-space:normal;line-height:1.1}.toggle-switch{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#3d5a800d;border-radius:12px;margin:20px 0}[data-theme=lemon] .toggle-switch{background-color:#4a67350d}[data-theme=starry] .toggle-switch{background-color:#e8f0fe0d}[data-theme=klein-blue] .toggle-switch{background-color:#f0f8ff0d}[data-theme=misty-peak] .toggle-switch{background-color:#2f3e460d}.toggle-switch span{font-weight:500;color:var(--text)}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border);border-radius:14px;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;border-radius:50%;transition:.4s;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:var(--primary)}input:focus+.slider{box-shadow:0 0 1px var(--primary)}input:checked+.slider:before{transform:translate(22px)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px 0 8px;flex-shrink:0}.pagination-controls .page-info{font-weight:500;color:var(--text-muted)}.pagination-controls .btn{padding:8px 16px;font-size:.9rem}.container{position:relative;z-index:5}.hidden{display:none!important;visibility:hidden!important;opacity:0!important}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.emoji-settings-panel{margin-top:24px;padding:16px;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border)}.emoji-settings-panel summary{cursor:pointer;font-weight:600;font-size:1.1rem;color:var(--primary);padding:8px 0}.emoji-settings-content{margin-top:16px}.emoji-preset-selector{display:flex;align-items:center;gap:12px;margin-bottom:16px}.emoji-preset-selector label{font-weight:500}.emoji-preset-selector select{flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}#emoji-ranges-container{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.emoji-range-row{display:flex;align-items:center;gap:8px;padding:10px;background:var(--bg);border-radius:8px;border:1px solid var(--border)}.emoji-range-row input[type=number]{width:50px;padding:6px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);text-align:center}.emoji-range-row input[type=text]{width:60px;padding:6px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);text-align:center;font-size:1.2rem}.emoji-range-row .delete-range-btn{background:#e53935;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.8rem}.emoji-settings-actions{display:flex;gap:12px;justify-content:flex-end}#emoji-settings-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000}.emoji-settings-panel-standalone{background:var(--bg-container);border-radius:16px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0006;border:1px solid var(--border);color:var(--text);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.emoji-settings-panel-standalone h2{margin:0 0 20px;color:var(--primary);text-align:center}.emoji-picker-section{margin:16px 0}.emoji-picker-section label{display:block;font-weight:500;margin-bottom:8px}.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.emoji-pick-btn{font-size:1.4rem;padding:8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:transform .1s,background .2s}.emoji-pick-btn:hover{transform:scale(1.15);background:var(--primary)}.emoji-pick-btn.selected{background:var(--primary);border-color:var(--primary)}details.api-toggles-container{margin:12px 0;padding:8px 12px;background:transparent;border-radius:8px;border:1px dashed var(--border);transition:all .3s ease}details.api-toggles-container[open]{padding-bottom:12px;background:#00000005}[data-theme=starry] details.api-toggles-container[open],[data-theme=klein-blue] details.api-toggles-container[open]{background:#ffffff05}summary.toggles-title{margin:0;font-size:.85rem;color:var(--text-muted);font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}summary.toggles-title::-webkit-details-marker{display:none}summary.toggles-title:after{content:"+";font-weight:300;font-size:1.1rem;transition:transform .3s}details[open] summary.toggles-title:after{transform:rotate(45deg)}.toggles-hint-main{font-size:.75rem;color:var(--text-muted);margin:8px 0 12px;opacity:.8;line-height:1.4;padding:0 4px;border-left:2px solid var(--border)}.toggle-row{display:flex;align-items:center;gap:10px;padding:6px 0}.toggle-row+.toggle-row{border-top:1px dashed var(--border);margin-top:6px;padding-top:8px}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-switch.compact{width:36px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--text-muted);opacity:.5;transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch.compact .toggle-slider:before{height:14px;width:14px;left:3px;bottom:3px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--primary),var(--secondary));opacity:1}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch.compact input:checked+.toggle-slider:before{transform:translate(16px)}.toggle-info{display:flex;flex-direction:column;gap:0px}.toggle-label{font-weight:600;font-size:.9rem;color:var(--text)}.toggle-hint{font-size:.75rem;color:var(--text-muted);opacity:.8}@media (max-width: 768px){header h1{font-size:2.5rem;line-height:1.2;padding:0 16px}header .subtitle{font-size:1rem;white-space:normal;padding:0 20px;line-height:1.5;margin-top:8px}.prompt-selection-ui{flex-direction:column;gap:12px;align-items:stretch}#prompt-select{width:100%;margin-right:0}#manage-prompts-btn,#open-emoji-settings-btn{width:100%;margin:0;justify-content:center;padding:12px;position:static;transform:none}#open-emoji-settings-btn{font-size:1.5rem}.ai-type-options{flex-direction:column;gap:8px;margin-top:16px}.ai-type-option{width:100%;justify-content:center;padding:12px}.ai-type-option input[type=radio]{margin-right:10px}.container{padding:16px 12px;width:95%;max-width:100%}.announcement-banner{flex-direction:column;align-items:flex-start;gap:8px}.announcement-close-btn{position:absolute;top:8px;right:8px}}