:root{font-family:Inter,Arial,sans-serif;color:#f4f2ed;background:#090a0e;font-synthesis:none;--bg:#090a0e;--panel:#101116;--line:#292a31;--muted:#9899a3;--accent:#ff5b45}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 75% 15%,#1b1c24 0,transparent 32%),var(--bg)}button,a{font:inherit}.app-shell{min-height:100vh;padding-left:118px}.sidebar{position:fixed;inset:0 auto 0 0;width:118px;border-right:1px solid var(--line);background:#090a0ef0;display:flex;flex-direction:column;align-items:center;z-index:5}.brand{width:100%;height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:12px;gap:8px;border-bottom:1px solid var(--line)}.brand-mark{width:38px;height:38px;border:2px solid #fff;display:grid;place-items:center;font:italic 700 23px Georgia}.sidebar nav{width:100%;margin-top:38px;display:grid;gap:8px}.tool-link{position:relative;display:grid;place-items:center;gap:5px;height:78px;color:#777985;text-decoration:none;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.tool-link.active{color:#fff}.tool-link.active:before{content:"";position:absolute;left:0;height:40px;width:3px;background:var(--accent)}.tool-icon{font:28px Georgia}.privacy{margin-top:auto;margin-bottom:28px;text-align:center;color:#666872;font-size:9px;line-height:1.6;text-transform:uppercase;letter-spacing:.08em}.landing{min-height:100vh;padding:12vh 9vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.eyebrow{color:var(--accent)!important;font-size:11px!important;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.landing h1,.workspace h1{font-family:Georgia,serif;font-weight:400;line-height:.92;margin:22px 0}.landing h1{font-size:clamp(56px,8.5vw,132px);max-width:950px;letter-spacing:-.06em}.landing h1 em{color:var(--accent);font-weight:400}.lead{color:var(--muted);max-width:480px;line-height:1.7}.primary-link{margin-top:32px;color:#fff;text-decoration:none;border-bottom:1px solid var(--accent);width:max-content;padding:14px 0;font-size:14px}.primary-link span{color:var(--accent);margin-left:35px}.art{position:absolute;right:7vw;top:12vh;width:22vw;height:22vw;opacity:.23;animation:float 7s ease-in-out infinite}.art span{position:absolute;inset:0;border:1px solid #fff;transform:rotate(18deg)}.art span:nth-child(2){transform:rotate(42deg) scale(.75);border-color:var(--accent)}.art span:nth-child(3){transform:rotate(66deg) scale(.5)}.workspace{padding:8vh 6vw 60px;max-width:1600px;margin:auto}.workspace header{display:grid;grid-template-columns:1fr 2fr;column-gap:30px;align-items:end}.workspace header .eyebrow{grid-column:1}.workspace h1{grid-column:1/3;font-size:clamp(42px,6vw,84px);letter-spacing:-.04em}.workspace header>p:last-child{grid-column:2;max-width:520px;color:var(--muted);line-height:1.6;margin-bottom:8px}.studio{margin-top:56px}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.preview-card{background:var(--panel);border:1px solid var(--line);min-width:0}.card-head{height:58px;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 20px;gap:18px}.card-head span{color:var(--accent);font-size:10px}.card-head h2{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.preview-card>img,.drop-zone,.empty-result{width:100%;height:min(42vh,430px);object-fit:contain;background:#0c0d11}.drop-zone{border:0;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer}.drop-zone strong{color:#fff}.drop-zone small{font-size:11px}.upload-mark{font-size:40px;color:var(--accent);font-weight:200}.empty-result{display:grid;place-content:center;text-align:center;color:#6f707a}.empty-result span{font:50px Georgia;color:#353640}.empty-result p{font-size:12px;line-height:1.6}.actions{display:flex;align-items:center;gap:24px;margin-top:20px;min-height:54px}.process,.download{border:0;padding:17px 24px;text-decoration:none}.process{background:var(--accent);color:#0b0c10;font-weight:700;min-width:190px;text-align:left;display:flex;justify-content:space-between}.process:disabled{opacity:.35}.download{color:#fff;border:1px solid var(--line)}.status{color:#ff8e7d;font-size:13px}.process:focus-visible,.download:focus-visible,.tool-link:focus-visible,.brand:focus-visible,.drop-zone:focus-visible{outline:2px solid #fff;outline-offset:3px}@keyframes float{50%{transform:translateY(24px) rotate(6deg)}}@media(max-width:760px){.app-shell{padding-left:0;padding-bottom:76px}.sidebar{inset:auto 0 0;width:100%;height:76px;flex-direction:row;border-right:0;border-top:1px solid var(--line)}.brand{height:75px;width:80px;border-bottom:0;border-right:1px solid var(--line)}.brand span:last-child,.privacy{display:none}.sidebar nav{display:flex;margin:0;flex:1}.tool-link{height:75px;flex:1}.tool-link.active:before{left:20%;right:20%;top:0;width:auto;height:3px}.landing,.workspace{padding:60px 24px}.workspace header{display:block}.workspace h1{font-size:44px}.preview-grid{grid-template-columns:1fr}.preview-card>img,.drop-zone,.empty-result{height:330px}.actions{align-items:stretch;flex-direction:column}.process,.download{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.auth-loading,.login-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;position:relative;overflow:hidden}.auth-loading{gap:14px;color:var(--muted)}.auth-loading span{width:34px;height:34px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:auth-spin .8s linear infinite}.login-screen h1{font:400 clamp(64px,10vw,148px)/.9 Georgia,serif;letter-spacing:-.06em;margin:18px 0}.login-screen>p:not(.eyebrow):not(.auth-error):not(.login-note){color:var(--muted);margin:0 0 32px}.yandex-login,.dev-login{width:min(100%,320px);min-height:56px;border:0;display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-weight:700;cursor:pointer}.yandex-login{background:#fc3f1d;color:#fff}.yandex-login span{display:grid;place-items:center;width:30px;height:30px;background:#fff;color:#fc3f1d;border-radius:50%;font:700 18px Arial}.dev-login{margin-top:12px;background:transparent;color:#fff;border:1px solid var(--line)}.dev-login:disabled{opacity:.5}.auth-error{color:#ff8e7d;max-width:420px}.login-note{color:#666872;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-top:32px}.login-art{position:absolute;width:380px;height:380px;opacity:.08;z-index:-1}.login-art span{position:absolute;inset:0;border:1px solid #fff;transform:rotate(18deg)}.login-art span:nth-child(2){transform:rotate(42deg) scale(.75);border-color:var(--accent)}.login-art span:nth-child(3){transform:rotate(66deg) scale(.5)}.account{margin-top:auto;width:100%;padding:12px 8px;text-align:center;border-top:1px solid var(--line);display:grid;gap:7px}.account span{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.account button{border:0;background:transparent;color:#fff;font-size:10px;text-transform:uppercase;cursor:pointer}.privacy{margin-top:0!important}@keyframes auth-spin{to{transform:rotate(360deg)}}@media(max-width:760px){.account{margin:0;width:auto;border:0;border-left:1px solid var(--line);padding:8px}.account span{display:none}.account button{font-size:9px}.login-screen{padding:24px}.login-screen h1{font-size:64px}}@media(prefers-reduced-motion:reduce){.auth-loading span{animation:none}}