:root{--pink-1:#ffe6f1;--pink-2:#ffd0e3;--pink-3:#ffb8d6;--pink-4:#ff8fc0;--pink-5:#ff6dab;--purple-1:#efe6ff;--purple-2:#d8c7ff;--purple-3:#b9a3ff;--purple-4:#9d7dff;--purple-5:#8a64ff;--text-1:#5a4677;--text-2:#8073a0;--text-3:#b0a4c8;--glass-bg:hsla(0,0%,100%,.55);--glass-stroke:hsla(0,0%,100%,.7)}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;min-height:100vh;font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;color:var(--text-1);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:radial-gradient(circle at 15% 20%,#ffd9ec 0,transparent 38%),radial-gradient(circle at 85% 15%,#e0d4ff 0,transparent 42%),radial-gradient(circle at 50% 80%,#ffe1f2 0,transparent 45%),radial-gradient(circle at 80% 85%,#d8c7ff 0,transparent 40%),linear-gradient(135deg,#fff0f8,#f0e8ff);background-attachment:fixed;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 8% 12%,rgba(255,200,220,.4) 0 18px,transparent 19px),radial-gradient(circle at 92% 8%,rgba(220,200,255,.4) 0 22px,transparent 23px),radial-gradient(circle at 5% 78%,rgba(255,210,230,.45) 0 14px,transparent 15px),radial-gradient(circle at 95% 92%,rgba(220,210,255,.45) 0 16px,transparent 17px),radial-gradient(circle at 45% 50%,rgba(255,230,245,.3) 0 8px,transparent 9px);pointer-events:none;z-index:0}.app{position:relative;z-index:1;min-height:100vh;justify-content:center;padding:36px 20px 60px}.app,.shell{display:flex}.shell{width:100%;max-width:880px;flex-direction:column;gap:22px}.title{text-align:center;padding:18px 0 8px}.title h1{font-size:56px;font-weight:900;letter-spacing:4px;background:linear-gradient(135deg,#c98bff,#ff8fc0 50%,#ff6dab);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 18px rgba(255,143,192,.25);display:inline-block;position:relative;padding:0 18px}.title h1:after,.title h1:before{content:"";position:absolute;font-size:24px;-webkit-text-fill-color:initial;background:none;-webkit-background-clip:initial;background-clip:initial;top:-6px}.title h1:before{content:"🍓";left:-8px}.title h1:after{content:"💗";right:-8px;bottom:-10px;top:auto}.subtitle{margin-top:6px;font-size:13px;color:var(--text-2);display:flex;justify-content:center;gap:14px}.subtitle .pill{background:linear-gradient(135deg,#c8b3ff,#ffb8d6);color:#fff;padding:3px 10px;border-radius:999px;font-weight:600;font-size:12px;box-shadow:0 4px 10px rgba(200,179,255,.4)}.card{background:var(--glass-bg);border:1.5px solid var(--glass-stroke);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-radius:24px;padding:22px 26px;box-shadow:0 10px 40px rgba(200,165,230,.18),inset 0 1px 0 hsla(0,0%,100%,.9)}.row{display:flex;align-items:center;gap:14px}.row+.row{margin-top:14px}.label{color:var(--text-1)}.btn-pink,.label{font-size:14px;font-weight:700;white-space:nowrap}.btn-pink{background:linear-gradient(135deg,#ffb1d9,#ff7eb3);color:#fff;border:none;padding:10px 22px;border-radius:999px;cursor:pointer;letter-spacing:1px;box-shadow:0 6px 16px rgba(255,126,179,.35);transition:transform .15s,box-shadow .15s}.btn-pink:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(255,126,179,.45)}.btn-pink:active{transform:translateY(0)}.btn-pink:disabled{opacity:.5;cursor:not-allowed;transform:none}.file-name{flex:1 1;background:hsla(0,0%,100%,.6);border:1px solid rgba(255,200,230,.6);border-radius:14px;padding:10px 16px;color:var(--text-2);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-row{margin-top:12px;gap:10px}.url-input{flex:1 1;min-width:0;background:hsla(0,0%,100%,.6);border:1px solid rgba(255,200,230,.6);border-radius:14px;padding:10px 16px;color:var(--text-1);font-size:13px;outline:none;transition:border-color .15s,background .15s,box-shadow .15s;font-family:inherit}.url-input:focus{border-color:#ff7eb3;background:hsla(0,0%,100%,.85);box-shadow:0 0 0 3px rgba(255,158,199,.22)}.url-input::placeholder{color:var(--text-3)}.url-input:disabled{opacity:.55;cursor:not-allowed}.btn-fetch{padding:10px 18px;font-size:13px}.btn-pink.cancel{background:linear-gradient(135deg,#ff8a8a,#ff6b9d)}.cache-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:4px 6px;font-size:12px;color:var(--text-2);flex-wrap:wrap}.auto-dl-label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.auto-dl-label input[type=checkbox]{width:14px;height:14px;accent-color:#ff7eb3;cursor:pointer}.cache-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;background:hsla(0,0%,100%,.5);border:1px solid rgba(255,200,230,.5);border-radius:999px;font-size:12px;color:var(--text-2);font-weight:600}.cache-clear-btn{background:rgba(255,158,199,.15);border:1px solid rgba(255,158,199,.4);color:#d63384;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;cursor:pointer;transition:all .15s}.cache-clear-btn:hover{background:linear-gradient(135deg,#ff8a8a,#ff6b9d);color:#fff;border-color:transparent}.drop-overlay{position:fixed;inset:0;z-index:9999;background:linear-gradient(135deg,rgba(255,158,199,.35),rgba(200,168,255,.35));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;pointer-events:none;border:4px dashed #fff}.drop-card{background:hsla(0,0%,100%,.9);padding:22px 36px;border-radius:22px;font-size:16px;font-weight:800;color:#6b4daa;box-shadow:0 18px 40px rgba(180,130,200,.4);letter-spacing:1px}.toggle-group{display:inline-flex;background:hsla(0,0%,100%,.55);border:1px solid rgba(255,200,230,.5);border-radius:999px;padding:4px;gap:2px}.toggle{border:none;background:transparent;padding:7px 16px;font-size:13px;font-weight:600;color:var(--text-2);border-radius:999px;cursor:pointer;transition:all .2s;letter-spacing:.5px}.toggle:hover{color:var(--text-1)}.toggle.active{background:linear-gradient(135deg,#ffa5cf,#ff7eb3);color:#fff;box-shadow:0 4px 10px rgba(255,126,179,.35)}.slider-row{display:grid;grid-template-columns:90px 1fr 70px;align-items:center;grid-gap:14px;gap:14px}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,#ffd0e3,#d8c7ff);outline:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #ff7eb3;cursor:-webkit-grab;cursor:grab;box-shadow:0 4px 10px rgba(255,126,179,.4);-webkit-transition:transform .15s;transition:transform .15s}.slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider::-webkit-slider-thumb:active{cursor:-webkit-grabbing;cursor:grabbing}.slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #ff7eb3;cursor:grab;box-shadow:0 4px 10px rgba(255,126,179,.4)}.value-badge{background:linear-gradient(135deg,#ffd0e3,#d8c7ff);color:#6a4f8c;padding:5px 14px;border-radius:999px;font-size:13px;font-weight:700;text-align:center;border:1px solid hsla(0,0%,100%,.7);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6)}.btn-analyze{width:100%;padding:18px;border:none;border-radius:22px;font-size:17px;font-weight:800;letter-spacing:6px;color:#fff;background:linear-gradient(135deg,#b9a3ff,#c8b3ff 50%,#ffb8d6);cursor:pointer;box-shadow:0 12px 30px rgba(185,163,255,.4);transition:all .2s;text-shadow:0 2px 6px rgba(120,80,180,.25)}.btn-analyze:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(185,163,255,.5)}.btn-analyze:active{transform:translateY(0)}.btn-analyze:disabled{opacity:.6;cursor:not-allowed;transform:none}.status{text-align:center;font-size:14px;color:var(--text-2);padding:10px 0;font-weight:600;letter-spacing:1px}.preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:8px;gap:8px;margin-top:12px}.preview img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:2px solid rgba(255,200,230,.6);box-shadow:0 4px 10px rgba(200,165,230,.2)}.video-preview{width:100%;max-height:300px;border-radius:16px;background:#000;margin-top:12px}.result{padding:18px 22px;background:hsla(0,0%,100%,.7);border:1px solid rgba(200,180,240,.4);border-radius:16px;white-space:pre-wrap;word-break:break-word;line-height:1.85;font-size:14.5px;color:var(--text-1)}.result+.result{margin-top:12px}.result-label{font-size:12px;font-weight:700;color:var(--purple-5);letter-spacing:1.5px;margin-bottom:8px;display:block}.copy-btn{float:right;background:linear-gradient(135deg,#c8b3ff,#ffb8d6);color:#fff;border:none;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700;cursor:pointer;margin-left:8px}.copy-btn:hover{opacity:.9}.error{color:#d63384;background:rgba(255,220,230,.6);border:1px solid rgba(255,150,180,.5);padding:12px 16px;border-radius:12px;font-size:13px}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,126,179,.3);border-top-color:#ff7eb3;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:8px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:600px){.title h1{font-size:36px;letter-spacing:2px}.row{flex-wrap:wrap}.slider-row{grid-template-columns:70px 1fr 60px}.toggle{padding:6px 12px;font-size:12px}.card{padding:16px 18px}}