@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f3f1;font-synthesis:none;--red:#e62b32;--line:#353535;--muted:#969696;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;background:#0b0b0b;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#0b0b0b;min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;border-radius:var(--radius-sm)}a{color:inherit;text-decoration:none}.app-shell{background:radial-gradient(circle at 54% 34%,#ffffff07,#0000 34%),#0b0b0b;min-height:100vh}.site-header{border-bottom:1px solid #292929;justify-content:space-between;align-items:center;max-width:1340px;height:80px;margin:0 auto;padding:0 36px;display:flex}.brand{letter-spacing:.04em;align-items:center;gap:11px;font-size:23px;font-weight:800;display:flex}.brand-frame{border-radius:var(--radius-xs);border:1px solid #f3f3f1;place-items:center;width:32px;height:32px;display:grid}.site-header nav{color:#c8c8c6;gap:42px;font-size:14px;display:flex}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:#fff}main{max-width:1340px;margin:0 auto;padding:0 36px}.hero{border-bottom:1px solid var(--line);grid-template-columns:.82fr 1.18fr;align-items:center;gap:72px;min-height:325px;display:grid}.hero-copy h1{letter-spacing:-.06em;white-space:nowrap;margin:0;font-size:clamp(46px,4vw,64px);font-weight:900;line-height:1.04}.hero-copy p{color:#b1b1af;letter-spacing:.02em;margin:27px 0 0;font-size:18px}.parse-panel{position:relative}.input-shell{border-radius:var(--radius-lg);background:#141414;border:1px solid #686868;height:136px;transition:border .2s,box-shadow .2s;position:relative;overflow:hidden}.input-shell:focus-within{border-color:#b6b6b6;box-shadow:0 0 0 3px #ffffff0f}.input-shell.has-error{border-color:var(--red)}textarea{resize:none;border-radius:inherit;color:#fff;background:0 0;border:0;outline:0;width:100%;height:100%;padding:20px 48px 20px 20px;font-size:16px;line-height:1.6}textarea::placeholder{color:#737373}.clear-button{color:#777;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:14px;right:14px}.clear-button:hover{color:#fff}.parse-button{border-radius:var(--radius-md);background:var(--red);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:9px;width:100%;height:54px;margin-top:12px;font-size:17px;font-weight:700;transition:transform .2s,background .2s;display:flex}.parse-button:hover:not(:disabled){background:#f0383f;transform:translateY(-1px)}.parse-button:disabled{opacity:.75;cursor:wait}.form-meta{color:#898989;justify-content:space-between;align-items:center;min-height:34px;padding-top:14px;font-size:13px;display:flex}.form-meta span{align-items:center;gap:7px;display:flex}.form-meta button,.empty-state button{color:#aaa;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #555;padding:0}.form-meta button:hover,.empty-state button:hover{color:#fff}.error-message{color:#ff6b70;margin:0;font-size:12px;position:absolute;bottom:-18px;left:0}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.results{padding:28px 0 0;animation:.45s both rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.results-toolbar{justify-content:space-between;align-items:flex-start;min-height:68px;display:flex}.results-toolbar>div:first-child{align-items:baseline;gap:24px;display:flex}.results-toolbar h2{letter-spacing:-.03em;margin:0;font-size:28px}.results-toolbar span{color:#777;font-size:17px}.result-actions{gap:12px;display:flex}.result-actions button{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #424242;align-items:center;gap:9px;min-height:48px;padding:0 22px;font-weight:600;transition:all .2s;display:flex}.result-actions button:hover{border-color:#777}.result-actions .download-button{border-color:var(--red);background:var(--red)}.result-actions .download-button:hover{background:#f0383f}.result-actions .download-button:disabled{opacity:.45;cursor:not-allowed}.mobile-save-help{color:#858585;justify-content:flex-end;align-items:center;gap:14px;margin:-8px 0 20px;font-size:12px;display:flex}.mobile-save-help p{margin:0}.mobile-save-help .is-error{color:#ff6b70}.mobile-save-help button{color:#aaa;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #555;padding:0}.mobile-save-help button:disabled{opacity:.45;cursor:not-allowed}.gallery{grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;align-items:start;gap:20px;display:grid}.gallery-item{border-radius:var(--radius-md);background:#181818;border:1px solid #272727;grid-column:span 3;transition:border .2s,transform .2s;position:relative;overflow:hidden}.gallery-item:first-child,.gallery-item:nth-child(6){grid-row:span 2}.gallery-item:hover{border-color:#505050;transform:translateY(-2px)}.gallery-item.is-selected{border-color:#e62b3299}.gallery-item img{object-fit:cover;background:#171717;width:100%;height:230px;display:block}.gallery-item:first-child img,.gallery-item:nth-child(6) img{height:480px}.select-box{z-index:2;border-radius:var(--radius-xs);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0505059e;border:1px solid #fff;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:12px;left:12px}.is-selected .select-box{border-color:var(--red);background:var(--red)}.image-meta{flex-direction:column;gap:3px;min-height:64px;padding:11px 13px 12px;display:flex}.image-meta strong{font-size:14px;font-weight:500}.image-meta span{color:#8a8a8a;font-size:12px}.empty-state{color:#626262;flex-direction:column;justify-content:center;align-items:center;height:260px;display:flex}.empty-line{background:#343434;width:1px;height:44px}.empty-state p{margin:15px 0 10px}.empty-state button{font-size:13px}footer{border-top:1px solid var(--line);color:#727272;justify-content:space-between;gap:40px;max-width:1268px;margin:34px auto 0;padding:24px 36px 34px;font-size:12px;display:flex}footer p{margin:0}@media (width<=900px){.site-header,main{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;gap:36px;padding:58px 0 48px}.hero-copy p{margin-top:16px}.gallery-item{grid-column:span 6}.gallery-item:first-child img,.gallery-item:nth-child(6) img{height:360px}}@media (width<=560px){.site-header{height:66px;padding:0 18px}.brand{font-size:20px}.brand-frame{width:28px;height:28px}.site-header nav{gap:18px;font-size:12px}main{padding:0 18px}.hero{min-height:0;padding:44px 0 40px}.hero-copy h1{white-space:normal;max-width:340px;font-size:45px}.hero-copy p{font-size:15px}.input-shell{height:120px}.form-meta{align-items:flex-start;gap:12px;font-size:11px}.results{padding-top:24px}.results-toolbar{display:block}.results-toolbar>div:first-child{gap:12px}.results-toolbar h2{font-size:24px}.results-toolbar span{font-size:14px}.result-actions{margin:18px 0}.result-actions button{flex:1;justify-content:center;padding:0 12px;font-size:13px}.mobile-save-help{justify-content:space-between;align-items:flex-start;margin:-8px 0 18px;line-height:1.55}.mobile-save-help p{max-width:72%}.gallery{gap:10px}.gallery-item{grid-column:span 6}.gallery-item img,.gallery-item:first-child img,.gallery-item:nth-child(6) img{height:210px}.image-meta{min-height:58px;padding:9px}.image-meta strong{font-size:12px}.image-meta span{font-size:10px}.select-box{width:30px;height:30px;top:8px;left:8px}footer{flex-direction:column;gap:10px;margin-top:24px;padding:22px 18px 30px;line-height:1.6}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}