*{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)}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}.hidden{display:none!important;visibility:hidden!important;opacity:0!important}[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,[data-theme=klein-blue] .background-shapes{display:none}@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)}.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 var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:0;padding:0;overflow:hidden;transition:max-height .4s var(--timing-function),padding .4s var(--timing-function)}.theme-options.expanded{padding:8px;max-height:100px}.theme-btn{width:36px;height:36px;border-radius:50%;border:2px solid transparent;background:none;cursor:pointer;font-size:1.2rem;transition:all .3s var(--timing-function);display:flex;align-items:center;justify-content:center;line-height:1}.theme-btn:hover{transform:scale(1.2) rotate(15deg)}.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=klein-blue] .theme-btn[aria-checked=true]{background-color:#ffecb333}[data-theme=misty-peak] .theme-btn[aria-checked=true]{background-color:#6b7b8c33}header{text-align:center}h1{font-size:clamp(2rem,6vw,2.8rem);font-weight:900;color:var(--text);margin-bottom:8px;letter-spacing:-1.5px;text-shadow:0 1px 3px var(--shadow)}.subtitle{color:var(--text-muted);font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:500}.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=klein-blue] .disclaimer{background-color:#ffecb31a}[data-theme=misty-peak] .disclaimer{background-color:#6b7b8c1a}.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}.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}.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}.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}.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}.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}.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}#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:#85bed9;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}.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}.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:#d9ab65;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}.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:100%;max-height:50vh;object-fit:contain;border-radius:12px;margin-bottom:24px}.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-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:800px;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}#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}.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:16px}#prompt-editor h3{margin-top:16px;margin-bottom:8px;font-weight:500}#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:150px;resize:vertical}.prompt-editor-actions{position:sticky;bottom:0;right:0;display:flex;gap:16px;justify-content:flex-end;padding:16px;background-color:var(--bg-container);border-top:1px solid var(--border);margin-top:auto}#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}