:root{--color-primary: #6d4aff;--color-primary-2: #a455f7;--color-primary-dark: #5435cb;--color-primary-soft: #eee9ff;--color-bg: #f7f7fb;--color-bg-alt: #fdfcfe;--color-paper: #ffffff;--color-soft: #f4f2f8;--color-text: #15131d;--color-text-muted: #6f6b7b;--color-border: #e8e5ee;--color-error: #bd4f30;--color-success: #167758;--color-ink-dark: #121827;--gradient-primary: linear-gradient(135deg, #6d4aff, #a455f7);--gradient-text: linear-gradient(90deg, #6347ee 0%, #a855f7 100%);--font-family-base: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-2xs: .625rem;--font-xs: .75rem;--font-sm: .8125rem;--font-base: .9375rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.625rem;--font-3xl: 1.9375rem;--font-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.125rem;--radius-xl: 1.625rem;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(22, 17, 40, .08);--shadow-md: 0 14px 34px rgba(27, 20, 53, .07);--shadow-lg: 0 24px 70px rgba(28, 22, 56, .1);--shadow-violet: 0 12px 28px rgba(109, 74, 255, .25);--ease: cubic-bezier(.2, .8, .2, 1);--transition-fast: .15s var(--ease);--transition-normal: .25s var(--ease);--container-max: 1180px}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-family-base);font-size:var(--font-base);line-height:1.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,h2,h3,h4{font-weight:700;line-height:1.2;color:var(--color-text);letter-spacing:-.02em}h1{font-size:clamp(2rem,4vw + 1rem,3.5rem)}h2{font-size:var(--font-3xl)}h3{font-size:var(--font-2xl)}h4{font-size:var(--font-xl)}p{max-width:65ch;font-size:var(--font-base);line-height:1.6;color:var(--color-text)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.page{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}.section{padding:var(--space-16) 0}.section--sm{padding:var(--space-8) 0}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack--lg{gap:var(--space-8)}.row{display:flex;align-items:center;gap:var(--space-4)}.row--between{justify-content:space-between}.navbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;height:76px;padding:0 28px;background:#ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border)}.navbar__logo{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:780;letter-spacing:-.02em;color:var(--color-text);text-decoration:none}.navbar__logo-mark{display:grid;place-items:center;width:34px;height:34px;font-size:17px;color:#fff;background:linear-gradient(145deg,#7d5cff,#a64dff);border-radius:10px;box-shadow:0 8px 20px #6d4aff47}.navbar__actions{display:flex;align-items:center;gap:10px}.footer{padding:var(--space-8) 28px;font-size:var(--font-xs);color:var(--color-text-muted);text-align:center;border-top:1px solid var(--color-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 15px;font-size:var(--font-xs);font-weight:750;color:var(--color-text);background:var(--color-paper);border:1px solid var(--color-border);border-radius:11px;cursor:pointer;transition:var(--transition-fast)}.btn:hover{border-color:#cfc7e2;transform:translateY(-1px)}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn--primary{color:#fff;background:var(--gradient-primary);border:0;box-shadow:0 8px 20px #6d4aff38}.btn--primary:hover{box-shadow:0 14px 30px #6d4aff4d}.btn--soft{background:#f7f4ff;border:1px solid #d8cffb;color:#5937d6}.btn--lg{width:100%;height:52px;font-size:var(--font-base);border-radius:14px;box-shadow:var(--shadow-violet)}.shell{position:relative;overflow:hidden}.shell:before,.shell:after{content:"";position:absolute;border-radius:var(--radius-full);pointer-events:none}.shell:before{width:480px;height:480px;top:-260px;right:-130px;background:radial-gradient(circle,rgba(152,123,255,.18),transparent 68%)}.shell:after{width:400px;height:400px;top:520px;left:-260px;background:radial-gradient(circle,rgba(91,189,255,.1),transparent 70%)}.shell>*{position:relative;z-index:1}.hero{max-width:760px;margin:0 auto 38px;padding:52px 0 0;text-align:center}.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;font-size:var(--font-xs);font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:#6348cc;background:#ffffffb3;border:1px solid #ded8f7;border-radius:var(--radius-full)}.hero__title{margin:20px 0 17px;font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.055em;font-weight:790}.hero__subtitle{max-width:650px;margin:0 auto;font-size:var(--font-lg);line-height:1.65;color:var(--color-text-muted)}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.card{padding:19px;background:#ffffffb3;border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:var(--transition-normal)}.card:hover{background:#fff;transform:translateY(-3px);box-shadow:var(--shadow-md)}.card--alt{background:#fff}.workspace{overflow:hidden;background:#ffffffeb;border:1px solid rgba(225,221,233,.9);border-radius:28px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.workspace__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:22px 26px;border-bottom:1px solid var(--color-border)}.workspace__title{display:flex;align-items:center;gap:12px}.workspace__step{display:grid;place-items:center;width:30px;height:30px;font-size:var(--font-sm);font-weight:800;color:var(--color-primary);background:var(--color-primary-soft);border-radius:9px}.workspace__title strong{display:block;font-size:15px}.workspace__title small{display:block;margin-top:3px;font-size:var(--font-xs);color:var(--color-text-muted)}.workspace__secure{display:flex;align-items:center;gap:7px;font-size:var(--font-xs);color:#7e7889}.workspace__secure:before{content:"●";font-size:8px;color:#2ca77c}.upload{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);min-height:492px}.upload__side{display:flex;flex-direction:column;padding:26px;border-right:1px solid var(--color-border)}.upload__tabs{display:inline-flex;align-self:flex-start;gap:2px;margin-bottom:18px;padding:4px;background:var(--color-soft);border-radius:12px}.upload__tab{padding:9px 16px;font-size:var(--font-sm);font-weight:700;color:var(--color-text-muted);background:transparent;border:0;border-radius:9px;cursor:pointer;transition:var(--transition-fast)}.upload__tab.is-active{color:var(--color-text);background:#fff;box-shadow:var(--shadow-sm)}.upload__dropzone{position:relative;flex:1;display:grid;place-items:center;min-height:330px;padding:30px;overflow:hidden;text-align:center;background:linear-gradient(180deg,#fcfbfe,#f9f8fc);border:1.5px dashed #cbc5da;border-radius:18px;cursor:pointer;transition:var(--transition-normal)}.upload__dropzone:hover,.upload__dropzone--active{border-color:var(--color-primary);background:#faf8ff;transform:translateY(-1px)}.upload__icon{display:grid;place-items:center;width:58px;height:58px;margin:auto;font-size:26px;color:var(--color-primary);background:#fff;border:1px solid #e0daf2;border-radius:17px;box-shadow:0 10px 24px #30226117}.upload__dropzone-title{display:block;margin:18px 0 7px;font-size:var(--font-lg);font-weight:700;letter-spacing:-.02em}.upload__dropzone-hint{display:block;font-size:var(--font-sm);line-height:1.55;color:var(--color-text-muted);background:none;border:0;cursor:pointer}.upload__note{display:block;margin-top:17px;font-size:11px;color:#9a95a3}.upload__preview{position:absolute;top:0;right:0;bottom:0;left:0;background:#f5f3f8}.upload__preview-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.upload__preview-bar{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;text-align:left;color:#fff;background:#15131dd6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px}.upload__preview-name{overflow:hidden}.upload__preview-name strong,.upload__preview-name small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.upload__preview-name strong{font-size:var(--font-xs)}.upload__preview-name small{margin-top:3px;font-size:var(--font-2xs);color:#cfcbd8}.upload__remove{padding:7px 10px;font-size:11px;font-weight:700;color:#fff;background:#ffffff24;border:0;border-radius:8px;cursor:pointer}.upload__url{display:flex;flex-direction:column;justify-content:center;min-height:330px;padding:28px;background:#fbfafe;border:1px solid var(--color-border);border-radius:18px}.upload__settings{display:flex;flex-direction:column;padding:28px;background:var(--color-bg-alt)}.upload__settings h2{margin:0;font-size:var(--font-xl);letter-spacing:-.025em}.upload__intro{margin:7px 0 24px;font-size:var(--font-sm);line-height:1.5;color:var(--color-text-muted)}.upload__privacy{margin:11px 0 0;font-size:var(--font-2xs);color:#9993a1;text-align:center}.upload__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.form__field{margin-bottom:20px}.form__label{display:block;margin-bottom:9px;font-size:var(--font-xs);font-weight:760;color:#464151}.form__input,.form__select{width:100%;height:48px;padding:0 14px;font-size:var(--font-sm);color:var(--color-text);background:#fff;border:1px solid #ddd8e5;border-radius:12px;transition:var(--transition-fast)}.form__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:38px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#797382 50%),linear-gradient(135deg,#797382 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 14px) 21px;background-size:6px 6px;background-repeat:no-repeat}.form__input:focus,.form__select:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 4px #6d4aff1a}.form__error{margin:0 0 var(--space-3);font-size:var(--font-xs);font-weight:700;color:var(--color-error)}.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.focus-option input{position:absolute;opacity:0}.focus-option span{display:flex;align-items:center;gap:8px;min-height:43px;padding:0 11px;font-size:var(--font-xs);font-weight:680;background:#fff;border:1px solid #ded9e6;border-radius:11px;cursor:pointer;transition:var(--transition-fast)}.focus-option span:before{content:"";width:7px;height:7px;border:2px solid #b4adbf;border-radius:50%}.focus-option input:checked+span{border-color:#a794f7;background:#f7f4ff;color:var(--color-primary-dark)}.focus-option input:checked+span:before{border-color:var(--color-primary);background:var(--color-primary);box-shadow:inset 0 0 0 2px #fff}.experts{margin-top:52px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.section-head__kicker{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary)}.section-head h2{margin:7px 0 0;font-size:29px;letter-spacing:-.04em}.section-head p{max-width:390px;margin:0;font-size:var(--font-sm);line-height:1.6;color:var(--color-text-muted);text-align:right}.expert-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.expert-card__icon{display:grid;place-items:center;width:38px;height:38px;font-weight:800;color:var(--color-primary);background:var(--color-primary-soft);border-radius:12px}.expert-card__check{font-size:var(--font-xs);color:#2a9872}.expert-card h3{margin:0 0 7px;font-size:15px}.expert-card p{margin:0;font-size:var(--font-xs);line-height:1.55;color:var(--color-text-muted)}.method{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px;padding:18px 20px;color:#5d5768;background:#eeebf7;border-radius:16px}.method p{margin:0;font-size:var(--font-xs);line-height:1.5}.method strong{color:#312c3a}.method__badge{white-space:nowrap;font-size:11px;font-weight:750;color:#5940ba}.loading{display:grid;place-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-6);text-align:center}.loading__spinner{width:40px;height:40px;border:3px solid rgba(109,74,255,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .9s linear infinite}.spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading__steps{display:grid;gap:var(--space-2);list-style:none;font-size:var(--font-sm);color:var(--color-text-muted)}.loading__step.is-active{color:var(--color-primary);font-weight:700}.result-hero{position:relative;overflow:hidden;padding:31px;color:#fff;background:var(--color-ink-dark);border-radius:26px;box-shadow:0 24px 60px #0f182729}.result-hero:after{content:"";position:absolute;width:360px;height:360px;right:-130px;top:-210px;border-radius:50%;background:radial-gradient(circle,rgba(164,92,255,.27),transparent 68%)}.result-hero__summary{position:relative;z-index:1;display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:28px}.ring{position:relative;display:grid;place-items:center;width:130px;height:130px;border-radius:50%}.ring:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:var(--color-ink-dark)}.ring__score{position:relative;z-index:1;text-align:center}.ring__score strong{display:block;font-size:38px;letter-spacing:-.06em}.ring__score small{font-size:11px;color:#aab2c0}.result-hero__label{font-size:var(--font-2xs);font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:#c8a9ff}.result-hero__copy h1{margin:8px 0;font-size:31px;line-height:1.08;letter-spacing:-.045em;color:#fff}.result-hero__copy p{max-width:650px;margin:0;font-size:var(--font-sm);line-height:1.65;color:#adb6c5}.result-hero__stamp{font-size:var(--font-2xs);color:#9ea7b5;white-space:nowrap;text-align:right}.result-hero__stamp strong{display:block;margin-bottom:4px;font-size:var(--font-xs);color:#fff}.breadcrumb{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:var(--font-xs);color:var(--color-text-muted)}.breadcrumb button{color:inherit;background:none;border:0;cursor:pointer}.breadcrumb button:hover{color:var(--color-primary)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0 36px}.metric{padding:17px;background:#fff;border:1px solid var(--color-border);border-radius:16px}.metric__head{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-xs);font-weight:750}.metric__head strong{font-size:var(--font-lg)}.meter{height:5px;margin:13px 0 7px;overflow:hidden;background:#eeeaf4;border-radius:var(--radius-full)}.meter i{display:block;height:100%;background:var(--gradient-primary);border-radius:var(--radius-full)}.metric small{font-size:var(--font-2xs);color:var(--color-text-muted)}.result-content{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.result-head h2{margin:0 0 6px;font-size:var(--font-2xl);letter-spacing:-.04em}.result-head p{margin:0;font-size:var(--font-sm);color:var(--color-text-muted)}.insights{display:grid;gap:12px;margin-top:17px}.insight{display:grid;grid-template-columns:42px 1fr auto;gap:15px;align-items:start;padding:20px;background:#fff;border:1px solid var(--color-border);border-radius:17px}.insight__icon{display:grid;place-items:center;width:40px;height:40px;font-weight:850;border-radius:12px}.insight--good .insight__icon{background:#e7f7f1;color:var(--color-success)}.insight--issue .insight__icon{background:#fff0eb;color:var(--color-error)}.insight--action .insight__icon{background:var(--color-primary-soft);color:var(--color-primary)}.insight h3{margin:1px 0 6px;font-size:15px}.insight p{margin:0;font-size:var(--font-xs);line-height:1.6;color:var(--color-text-muted)}.insight__tag{padding:6px 8px;font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;color:#716a7c;background:#f3f1f6;border-radius:var(--radius-full)}.insight__action{grid-column:2 / -1;display:flex;justify-content:flex-end;padding-top:13px;border-top:1px solid var(--color-border)}.insight__thumb{grid-column:2 / -1;width:100%;border-radius:12px;border:1px solid var(--color-border)}.result-aside{display:grid;gap:14px;align-content:start}.panel{padding:20px;background:#fff;border:1px solid var(--color-border);border-radius:18px}.panel h3{margin:0 0 15px;font-size:14px}.panel__preview{display:grid;place-items:center;height:190px;overflow:hidden;font-size:11px;color:#81798e;background:linear-gradient(145deg,#ede8f7,#ddd5ed);border-radius:12px}.panel__preview img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.panel__details{display:grid;gap:10px;margin-top:15px}.panel__detail{display:flex;justify-content:space-between;gap:var(--space-2);font-size:11px;color:var(--color-text-muted)}.panel__detail strong{color:var(--color-text)}.panel--recommend{background:linear-gradient(145deg,#f0ebff,#fcf7ff);border-color:#ded3ff}.panel--recommend p{margin:0 0 14px;font-size:11px;line-height:1.6;color:var(--color-text-muted)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;padding:18px;background:#0e0a198f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal__card{width:min(720px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 30px 90px #100a244d;animation:modal-up .32s var(--ease)}@keyframes modal-up{0%{opacity:0;transform:translateY(35px)}}.modal__head{display:flex;justify-content:space-between;gap:20px;padding:21px 23px;border-bottom:1px solid var(--color-border)}.modal__kicker{font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary)}.modal__head h2{margin:5px 0 0;font-size:var(--font-xl)}.modal__close{width:32px;height:32px;background:#f3f1f6;border:0;border-radius:9px;cursor:pointer}.modal__body{padding:22px 23px}.modal__body>p{margin:0 0 13px;font-size:var(--font-xs);line-height:1.55;color:var(--color-text-muted)}.modal__prompt-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:var(--font-2xs);font-weight:800}.modal__prompt-label span{color:#938c9e;font-weight:600}.modal__prompt{width:100%;min-height:245px;padding:15px;resize:vertical;color:#302a39;background:#faf9fc;border:1px solid #ddd7e8;border-radius:13px;font:12px/1.6 ui-monospace,Consolas,monospace}.modal__prompt:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 4px #6d4aff1a}.modal__actions{display:flex;justify-content:flex-end;gap:9px;padding:16px 23px 21px}.modal__generating{padding:38px 28px;text-align:center}.modal__gen-icon{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 15px;font-size:22px;color:#fff;background:var(--gradient-primary);border-radius:15px;animation:pulse 1.2s infinite}@keyframes pulse{50%{transform:scale(1.06)}}.modal__progress{max-width:300px;height:5px;margin:20px auto 0;overflow:hidden;background:#eeeaf4;border-radius:var(--radius-full)}.modal__progress i{display:block;width:45%;height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);animation:load 1.3s infinite}@keyframes load{0%{transform:translate(-120%)}to{transform:translate(330%)}}.modal__result-img{width:100%;border-radius:14px;border:1px solid var(--color-border)}.footer-action{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:18px 20px;background:#fff;border:1px solid var(--color-border);border-radius:18px}.footer-action strong{font-size:var(--font-sm)}.footer-action p{margin:4px 0 0;font-size:11px;color:var(--color-text-muted)}.is-hidden{display:none!important}@media (max-width: 980px){.upload{grid-template-columns:1fr}.upload__side{border-right:0;border-bottom:1px solid var(--color-border)}.result-content{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.result-hero__summary{grid-template-columns:120px 1fr}.result-hero__stamp{grid-column:2;text-align:left}.ring{width:112px;height:112px}.section-head{flex-direction:column;align-items:flex-start}.section-head p{text-align:left}}@media (max-width: 620px){.navbar{height:66px;padding:0 15px}.container{padding:0 15px}.result-hero{padding:24px 18px}.result-hero__summary{grid-template-columns:1fr;text-align:center}.ring{margin:auto}.result-hero__stamp{grid-column:1;text-align:center}.result-hero__copy h1{font-size:26px}.metrics{grid-template-columns:1fr;margin-bottom:30px}.insight{grid-template-columns:40px 1fr}.insight__tag{grid-column:2;justify-self:start}.insight__action{grid-column:1 / -1}.insight__action .btn{width:100%}.footer-action{flex-direction:column;align-items:flex-start}.modal{padding:0}.modal__card{max-height:94vh;border-radius:22px 22px 0 0}.modal__actions{display:grid;grid-template-columns:1fr 1fr}}