:root{--bg-main:radial-gradient(circle at 15% 12%, #9bd7ff 0%, #e6f1ff 32%, #f5f8ff 64%, #f9fbff 100%);--bg-orb-a:#4970ff99;--bg-orb-b:#00d7c675;--card-bg:#ffffffb8;--card-border:#ffffff80;--card-edge-a:#7294ff9e;--card-edge-b:#00bbc773;--panel-bg:#ffffffa6;--panel-bg-alt:#edf5ffb8;--panel-border:#acc1e080;--field-bg:#fafdffd1;--field-border:#91a8c9a6;--button-a:#4669ff;--button-b:#23b3ff;--accent-a:#0f89ff;--accent-b:#00cbcf;--success-a:#1ab36b;--success-b:#00c48a;--button-text:#eef6ff;--text-primary:#12203d;--text-secondary:#31466f;--text-muted:#60719a;--code-bg:#11203d;--code-text:#d8e8ff;--chip-bg:#fffc;--chip-border:#7f9add73;--chip-text:#2a3f84;--icon-bg:linear-gradient(140deg, #f8fbff, #e3eeff);--icon-border:#80a6f680;--toggle-bg:#fffc;--toggle-border:#96aee180;--ring-accent:#2c76ffd9;--ring-accent-soft:#377aff3d;--success-bg:#0fbd7a1c;--success-border:#13a6719e;--success-panel:linear-gradient(130deg, #d5ffeacc, #c9f8e694);--success-text:#056944;--error-bg:#f64f781a;--error-border:#d0345c8c;--shadow-card:0 30px 70px -40px #0f327999;--shadow-float:0 24px 42px -30px #0d2f708c;--shadow-media:0 22px 40px -28px #061442c7;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg-main:radial-gradient(circle at 12% 10%, #1b3358 0%, #0d1428 36%, #070b18 70%, #050811 100%);--bg-orb-a:#5077ff66;--bg-orb-b:#00cdc147;--card-bg:#071023c2;--card-border:#6b91e733;--card-edge-a:#5d80e073;--card-edge-b:#00cfc057;--panel-bg:#08142cad;--panel-bg-alt:#12223fb3;--panel-border:#6a89ce42;--field-bg:#0d1d36e0;--field-border:#6f92de75;--button-a:#6f7cff;--button-b:#21bcff;--accent-a:#2b9dff;--accent-b:#00c7cc;--success-a:#19ba79;--success-b:#0fca96;--button-text:#e6f2ff;--text-primary:#ecf5ff;--text-secondary:#c1d3f3;--text-muted:#91abd3;--code-bg:#0a1224;--code-text:#d7e8ff;--chip-bg:#0c1830c7;--chip-border:#7398eb5e;--chip-text:#bcd2ff;--icon-bg:linear-gradient(140deg, #182c55f2, #0c1b39d9);--icon-border:#769dea6b;--toggle-bg:#091326d9;--toggle-border:#6c8cd966;--ring-accent:#6a96ffe6;--ring-accent-soft:#5b91ff4d;--success-bg:#13a6712e;--success-border:#43d8a08c;--success-panel:linear-gradient(130deg, #0d3c2bd1, #0a2b20b3);--success-text:#8fecc8;--error-bg:#e8486333;--error-border:#f6667b80;--shadow-card:0 38px 75px -46px #000000f2;--shadow-float:0 24px 42px -28px #000000e6;--shadow-media:0 24px 44px -28px #000000e6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg-main);min-height:100vh;color:var(--text-primary);padding:20px;font-family:Outfit,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;transition:background .35s,color .35s}#root{width:100%}.page-shell{width:100%;position:relative}.page-shell:before,.page-shell:after{content:"";pointer-events:none;z-index:0;filter:blur(60px);opacity:.55;border-radius:999px;position:fixed}.page-shell:before{background:var(--bg-orb-a);width:420px;height:420px;top:-140px;left:-120px}.page-shell:after{background:var(--bg-orb-b);width:360px;height:360px;bottom:-140px;right:-80px}.theme-toggle{z-index:30;border:1px solid var(--toggle-border);background:var(--toggle-bg);color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-float);border-radius:999px;align-items:center;gap:8px;padding:11px 14px;transition:transform .25s,box-shadow .25s,border-color .25s;display:inline-flex;position:fixed;bottom:24px;right:24px}.theme-toggle:hover{border-color:var(--ring-accent);box-shadow:0 18px 30px -16px var(--ring-accent-soft);transform:translateY(-3px)}.theme-toggle:focus-visible,.quick-action:focus-visible,.extract-btn:focus-visible,.url-input-wrap input:focus-visible,.recent-urls button:focus-visible,.copy-btn:focus-visible,.download-btn:focus-visible,.view-btn:focus-visible,.quality-row select:focus-visible{outline:3px solid var(--ring-accent-soft);outline-offset:2px}.theme-toggle-icon{font-size:1rem}.theme-toggle-text{font-size:.9rem;font-weight:600}.extractor-card{z-index:1;background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--card-border);width:min(1040px,100%);box-shadow:var(--shadow-card);border-radius:28px;margin:0 auto;padding:clamp(22px,4vw,42px);position:relative}.extractor-card:before{content:"";border-radius:inherit;background:linear-gradient(140deg, var(--card-edge-a), transparent 40%, var(--card-edge-b));-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.header-block{text-align:center;margin-bottom:36px}.brand-chip{border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--chip-text);letter-spacing:.12em;border-radius:999px;justify-content:center;align-items:center;margin-bottom:20px;padding:7px 13px;font-size:.72rem;font-weight:700;display:inline-flex}.map-icon{background:var(--icon-bg);width:72px;height:72px;box-shadow:inset 0 0 0 1px var(--icon-border), 0 18px 34px -24px var(--ring-accent-soft);border-radius:22px;place-items:center;margin:0 auto 14px;font-size:2.2rem;display:grid}h1{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(2rem,4.2vw,3.15rem);line-height:1.05}.header-block p{color:var(--text-secondary);margin:0;font-size:clamp(1rem,2vw,1.13rem)}.latest-features,.quick-start,.instructions,.recent-urls,.tips,.results{border:1px solid var(--panel-border);background:var(--panel-bg);border-radius:20px;margin-bottom:26px}.latest-features{padding:20px}.latest-features p{color:var(--text-secondary);margin:0}.quick-start{padding:22px}.quick-start h2,.instructions h3,.tips h3{color:var(--text-primary);margin:0 0 16px;font-weight:600}.quick-start h2{font-size:1.2rem}.quick-actions{flex-wrap:wrap;gap:12px;display:flex}.quick-action{cursor:pointer;color:var(--button-text);background:linear-gradient(120deg, var(--button-a), var(--button-b));border:0;border-radius:999px;padding:9px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,filter .2s}.quick-action:hover{box-shadow:0 14px 24px -14px var(--ring-accent);filter:saturate(1.1);transform:translateY(-2px)}.input-row{gap:14px;margin-bottom:18px;display:flex}.url-input-wrap{flex:1;position:relative}.url-input-wrap input{box-sizing:border-box;border:1.5px solid var(--field-border);background:var(--field-bg);width:100%;color:var(--text-primary);border-radius:18px;padding:15px 48px 15px 16px;font-size:1rem;transition:border-color .3s,box-shadow .3s,background .3s}.url-input-wrap input::placeholder{color:var(--text-muted)}.url-input-wrap input:focus{border-color:var(--ring-accent);box-shadow:0 0 0 4px var(--ring-accent-soft)}.url-input-wrap input.valid{border-color:var(--success-border);background:var(--success-bg)}.url-input-wrap input.invalid{border-color:var(--error-border);background:var(--error-bg)}.status-indicator{font-size:1.05rem;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.extract-btn{min-width:152px;color:var(--button-text);cursor:pointer;white-space:nowrap;background:linear-gradient(120deg, var(--accent-a), var(--accent-b));border:0;border-radius:18px;padding:14px 22px;font-size:1rem;font-weight:650;transition:transform .25s,box-shadow .25s,opacity .25s}.extract-btn:hover:not(:disabled){box-shadow:0 18px 26px -16px var(--ring-accent);transform:translateY(-3px)}.extract-btn:disabled{opacity:.58;cursor:not-allowed;transform:none}.extract-btn.loading:after{content:"";border:2px solid #0000;border-top-color:var(--button-text);vertical-align:-2px;border-radius:50%;width:14px;height:14px;margin-left:8px;animation:1s linear infinite spin;display:inline-block}.instructions,.tips{padding:22px}.instructions{background:linear-gradient(130deg, var(--panel-bg), var(--panel-bg-alt))}.instructions ol,.tips ul{color:var(--text-secondary);margin:0;padding-left:20px;line-height:1.7}.recent-urls{background:var(--panel-bg);padding:20px;overflow:hidden}.recent-urls h4,.results h4{color:var(--text-primary);margin:0 0 12px;font-size:1.15rem}.recent-urls ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.recent-urls li{min-width:0}.recent-urls button{border:1px solid var(--field-border);text-align:left;cursor:pointer;width:100%;max-width:100%;color:var(--text-secondary);background:var(--field-bg);text-overflow:ellipsis;white-space:normal;overflow-wrap:anywhere;word-break:break-word;-webkit-line-clamp:3;border-radius:12px;-webkit-box-orient:vertical;padding:14px 16px;line-height:1.55;transition:border-color .2s,transform .2s,color .2s;display:-webkit-box;overflow:hidden}.recent-urls button:hover{border-color:var(--ring-accent);color:var(--text-primary);transform:translate(2px)}.results{background:0 0;border:0;padding:0}.result-banner{background:var(--success-panel);border:1px solid var(--success-border);border-radius:18px;margin-bottom:24px;padding:14px 18px}.result-banner h4{color:var(--success-text);margin:0;font-size:clamp(1rem,1.5vw,1.25rem)}.preview-wrap{place-items:center;margin-bottom:24px;display:grid}.preview-image{border:1px solid var(--panel-border);width:min(250px,100%);box-shadow:var(--shadow-media);border-radius:18px}.quality-row{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;justify-content:center;align-items:center;gap:14px;margin-bottom:22px;padding:18px 16px;display:flex}.quality-row label{color:var(--text-secondary);font-size:1rem}.quality-row select{border:1.5px solid var(--field-border);background:var(--field-bg);min-width:242px;max-width:100%;color:var(--text-primary);border-radius:999px;padding:10px 14px;font-size:1rem}.result-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:20px;display:flex}.download-btn,.view-btn{color:var(--button-text);cursor:pointer;border:0;border-radius:999px;padding:13px 24px;font-size:1rem;font-weight:620;text-decoration:none;transition:transform .25s,box-shadow .25s}.download-btn{background:linear-gradient(120deg, var(--success-a), var(--success-b))}.view-btn{background:linear-gradient(120deg, var(--accent-a), var(--accent-b))}.download-btn:hover,.view-btn:hover{box-shadow:0 16px 26px -16px var(--ring-accent);transform:translateY(-3px)}.source-box{background:var(--code-bg);border:1px solid var(--panel-border);border-radius:16px;align-items:flex-start;gap:10px;padding:14px;display:flex}.results .source-url{color:var(--code-text);word-break:break-all;overflow-wrap:anywhere;flex:1;margin:0;line-height:1.55}.copy-btn{background:linear-gradient(120deg, var(--button-a), var(--button-b));color:var(--button-text);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;padding:8px 14px;font-size:.9rem}.tips{background:linear-gradient(140deg, var(--panel-bg), var(--panel-bg-alt))}.fade-in{animation:.45s ease-in fadeIn}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=767px){.theme-toggle{padding:10px 12px;bottom:12px;right:12px}.theme-toggle-text{display:none}.extractor-card{border-radius:22px;padding:20px}.header-block{margin-bottom:24px}.map-icon{width:64px;height:64px;font-size:2rem}.input-row{flex-direction:column}.extract-btn{width:100%}.quality-row{flex-direction:column;align-items:stretch}.quality-row select{width:100%;min-width:0}.result-actions{flex-direction:column}.download-btn,.view-btn{text-align:center;width:100%}.source-box{flex-direction:column}}