.landing{--blue: #185fa5;--blue-dark: #0c447c;--blue-deep: #123e66;--gold: #e0a43a;--gold-soft: #f5d89a;--ink: #0f172a;--muted: #64748b;--paper: #f8fafc;--white: #ffffff;--radius: 16px;--shadow: 0 24px 60px rgba(12, 68, 124, .12);font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--white);min-height:100dvh;line-height:1.5}.landing *,.landing *:before,.landing *:after{box-sizing:border-box}.landing a{text-decoration:none}.landing a:not([class*=landing-btn]){color:inherit}.landing a.landing-btn-primary,.landing a.landing-btn-primary:hover,.landing a.landing-btn-primary:visited{color:var(--white)}.landing a.landing-btn-ghost,.landing a.landing-btn-ghost:hover{color:var(--blue)}.landing-cta-block a.landing-btn-primary,.landing-cta-block a.landing-btn-primary:hover{color:var(--blue-dark)}.landing-wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}.landing-nav{position:sticky;top:0;z-index:50;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(24,95,165,.08)}.landing-nav-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}.landing-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.05rem;letter-spacing:-.02em}.landing-logo span small{font-weight:600;color:var(--muted);font-size:.85rem}.landing-nav-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.landing-nav-links a:not(.landing-btn){padding:8px 12px;font-size:.92rem;font-weight:500;color:var(--muted);border-radius:8px;transition:color .15s,background .15s}.landing-nav-links a:not(.landing-btn):hover{color:var(--blue);background:#185fa50f}.landing-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:700;font-size:.95rem;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.landing-btn-primary{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);color:var(--white);box-shadow:0 8px 24px #185fa547}.landing-btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 32px #185fa557}.landing-btn-ghost{background:transparent;color:var(--blue);border:2px solid rgba(24,95,165,.2)}.landing-btn-ghost:hover{border-color:var(--blue);background:#185fa50a}.landing-hero{padding:56px 0 72px;background:radial-gradient(ellipse 80% 60% at 70% 0%,rgba(224,164,58,.12),transparent 60%),radial-gradient(ellipse 70% 50% at 10% 20%,rgba(24,95,165,.08),transparent 55%),var(--white)}.landing-hero-in{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.landing-eyebrow{display:inline-block;padding:6px 14px;border-radius:999px;background:#185fa514;color:var(--blue);font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px}.landing-hero h1{font-size:clamp(2.2rem,4.5vw,3.4rem);line-height:1.08;letter-spacing:-.03em;font-weight:800;margin:0 0 20px}.landing-hero h1 .dot{color:var(--gold)}.landing-hero-sub{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--muted);max-width:34ch;margin:0 0 28px}.landing-cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.landing-trust{margin-top:28px;font-size:.88rem;color:var(--muted)}.landing-trust strong{color:var(--ink)}.landing-phones-showcase{display:flex;align-items:flex-end;justify-content:center;gap:20px;perspective:1600px}.landing-iphone{position:relative;width:min(272px,46vw);flex-shrink:0;transform-style:preserve-3d}.landing-iphone:not(.landing-iphone--secondary){transform:rotateY(-20deg) rotateX(2deg)}.landing-iphone--secondary{width:min(240px,40vw);opacity:.96;transform:translateY(16px) rotateY(-13deg) rotate(4deg)}.landing-iphone-frame{position:relative;border-radius:46px;padding:6px;background:linear-gradient(135deg,#ffb27a,#f47b32 14%,#e2661f 32%,#b84a12,#7f320a 78%,#e06e26);box-shadow:0 0 0 1px #ffd6a859 inset,0 0 0 1px #5a240066,0 36px 70px #c85a1847,0 10px 28px #0003}.landing-iphone-frame:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:45px;pointer-events:none;background:linear-gradient(155deg,rgba(255,236,214,.6) 0%,rgba(255,190,130,.12) 22%,transparent 42%,transparent 70%,rgba(255,210,160,.28) 100%)}.landing-iphone-frame:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:42px;pointer-events:none;box-shadow:0 0 0 1.5px #3c18008c;z-index:1}.landing-iphone-island{position:absolute;top:18px;left:50%;transform:translate(-50%);width:88px;height:26px;border-radius:20px;background:#0a0a0a;box-shadow:0 0 0 1px #ffffff0f;z-index:3}.landing-iphone-island:after{content:"";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#1a2840,#0a0a0a 70%)}.landing-iphone-status{position:absolute;top:16px;left:0;right:0;z-index:2;display:flex;justify-content:center;pointer-events:none}.landing-iphone-status span{font-size:.62rem;font-weight:600;color:#0f172a;letter-spacing:.02em}.landing-iphone-btn{position:absolute;background:linear-gradient(90deg,#f4853c,#a34410);border-radius:2px;z-index:0}.landing-iphone-btn--action{left:-3px;top:108px;width:3px;height:28px}.landing-iphone-btn--vol-up{left:-3px;top:148px;width:3px;height:44px}.landing-iphone-btn--vol-down{left:-3px;top:200px;width:3px;height:44px}.landing-iphone-screen{position:relative;width:100%;border-radius:44px;background:var(--paper);overflow:hidden;display:flex;flex-direction:column;aspect-ratio:393 / 852}.landing-iphone-home{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:96px;height:4px;border-radius:999px;background:#0f172a47;z-index:4}.landing-phone-header{padding:44px 14px 10px;background:var(--white);border-bottom:1px solid rgba(15,23,42,.06)}.landing-phone-header h3{margin:0;font-size:.88rem;font-weight:700;line-height:1.25}.landing-phone-header p{margin:4px 0 0;font-size:.68rem;color:var(--muted)}.landing-phone-channels,.landing-phone-tabs{display:flex;gap:4px;padding:6px 10px;background:var(--white);border-bottom:1px solid rgba(15,23,42,.06);overflow-x:auto;scrollbar-width:none}.landing-phone-channels::-webkit-scrollbar,.landing-phone-tabs::-webkit-scrollbar{display:none}.landing-phone-channels span,.landing-phone-tabs span{flex:0 0 auto;text-align:center;font-size:.65rem;font-weight:600;padding:5px 8px;border-radius:999px;color:var(--muted);white-space:nowrap}.landing-phone-channels span.active,.landing-phone-tabs span.active{background:#185fa51f;color:var(--blue)}.landing-phone-chat{flex:1;padding:10px;display:flex;flex-direction:column;gap:8px;overflow:hidden;background:#e4edf7}.landing-bubble{max-width:88%;padding:8px 10px;border-radius:14px;font-size:.72rem;line-height:1.35}.landing-bubble-role{display:block;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.75;margin-bottom:3px}.landing-bubble.them{align-self:flex-start;background:var(--white);border:1px solid rgba(15,23,42,.08)}.landing-bubble.sync{align-self:flex-start;background:#fff;border:1px dashed rgba(224,164,58,.65);border-left:3px solid var(--gold)}.landing-bubble-sync{display:block;font-size:.58rem;font-weight:700;color:var(--blue-dark);margin-bottom:4px}.landing-bubble.me{align-self:flex-end;background:var(--blue);color:#fff}.landing-bubble.me .landing-bubble-role{color:#ffffffd9}.landing-phone-chat .landing-bubble.me{color:#fff}.landing-bubble.photo{padding:0;overflow:hidden;border:2px solid var(--gold)}.landing-bubble-photo{width:100%;height:56px;background:linear-gradient(135deg,#94a3b8,#64748b);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:.65rem;font-weight:600}.landing-bubble-caption{padding:6px 8px;font-size:.65rem;background:var(--white)}.landing-phone{display:contents}.landing-stakes{background:var(--blue-dark);color:var(--white);padding:20px 0}.landing-stakes-in{display:flex;gap:16px;align-items:flex-start}.landing-stakes-mark{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:var(--gold);color:var(--blue-dark);font-weight:800;display:flex;align-items:center;justify-content:center}.landing-stakes p,.landing-stakes b,.landing-stakes strong{margin:0;font-size:1.05rem;line-height:1.45;color:var(--white)}.landing-section{padding:72px 0}.landing-section.alt{background:var(--paper)}.landing-section h2{font-size:clamp(1.75rem,3vw,2.4rem);letter-spacing:-.02em;font-weight:800;margin:0 0 12px;line-height:1.15}.landing-section-lead{color:var(--muted);font-size:1.1rem;max-width:52ch;margin:0 0 40px}.landing-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.landing-step{background:var(--white);border-radius:var(--radius);padding:24px 20px;border:1px solid rgba(15,23,42,.06);box-shadow:0 4px 20px #0f172a0a}.landing-section.alt .landing-step{border-color:transparent}.landing-step-num{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--gold),var(--gold-soft));color:var(--blue-dark);font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.landing-step h3{margin:0 0 8px;font-size:1.05rem}.landing-step p{margin:0;font-size:.92rem;color:var(--muted)}.landing-steps-three{grid-template-columns:repeat(3,1fr)}.landing-plan-cta{margin-top:32px}.landing-guide{background:var(--paper)}.landing-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:28px}.landing-guide-text{font-size:1.12rem;line-height:1.55;margin:0;max-width:46ch}.landing-guide-creds{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.landing-guide-creds li{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:var(--white);border:1px solid rgba(24,95,165,.18);font-size:.86rem;font-weight:600;color:var(--blue-dark)}.landing-guide-creds li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold)}.landing-fact{background:var(--white);border:1px solid rgba(15,23,42,.08);border-left:5px solid var(--gold);border-radius:14px;padding:24px 26px}.landing-fact-big{font-size:2rem;font-weight:800;color:var(--ink);letter-spacing:-.02em}.landing-fact-cap{color:var(--muted);font-size:.95rem;margin-top:8px;line-height:1.45}.landing-success-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 32px;margin-top:32px}.landing-win{display:flex;gap:14px;align-items:flex-start}.landing-win svg{flex:none;margin-top:2px}.landing-win p{margin:0;font-size:1.05rem;font-weight:500;line-height:1.4}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.landing-feature{position:relative;padding:28px 24px 26px;border-radius:var(--radius);background:var(--white);border:1px solid rgba(15,23,42,.06);overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}.landing-feature:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--blue-dark));opacity:0;transition:opacity .18s}.landing-section.alt .landing-feature{background:var(--white)}.landing-feature:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#185fa52e}.landing-feature:hover:before{opacity:1}.landing-feature-icon{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-deep) 100%);color:var(--white);display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 10px 22px #185fa54d}.landing-feature-icon svg{width:26px;height:26px}.landing-feature.accent{background:linear-gradient(180deg,rgba(224,164,58,.08),var(--white) 60%);border-color:#e0a43a4d}.landing-feature.accent:before{background:linear-gradient(90deg,var(--gold),var(--gold-soft))}.landing-feature.accent .landing-feature-icon{background:linear-gradient(135deg,var(--gold) 0%,#c8862a 100%);box-shadow:0 10px 22px #e0a43a61;color:var(--blue-dark)}.landing-feature h3{margin:0 0 8px;font-size:1.12rem}.landing-feature p{margin:0;font-size:.94rem;color:var(--muted);line-height:1.55}.landing-badge{display:inline-block;margin-top:12px;padding:3px 10px;border-radius:999px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--blue);background:#185fa51a}.landing-badge.gold{color:var(--blue-dark);background:#e0a43a38}.landing-split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch}.landing-split-card{padding:32px 28px;border-radius:var(--radius);background:var(--white);border:1px solid rgba(15,23,42,.06)}.landing-split-card.site{border-top:4px solid var(--gold)}.landing-split-card.office{border-top:4px solid var(--blue)}.landing-split-card h3{margin:0 0 12px;font-size:1.2rem}.landing-split-card ul{margin:0;padding-left:1.1rem;color:var(--muted)}.landing-split-card li{margin-bottom:8px}.landing-cta-block{text-align:center;padding:64px 24px;border-radius:24px;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-deep) 100%);color:var(--white)}.landing-cta-block h2{color:var(--white);margin-bottom:12px}.landing-cta-block p{margin:0 auto 28px;max-width:40ch;opacity:.9}.landing-cta-block .landing-btn-primary{background:var(--white);color:var(--blue);box-shadow:none}.landing-cta-block .landing-btn-primary:hover{background:var(--gold-soft)}.landing-footer{padding:40px 0 48px;border-top:1px solid rgba(15,23,42,.08);background:var(--ink);color:#ffffffbf;font-size:.9rem}.landing-footer-in{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:flex-start}.landing-footer a{color:#ffffffd9}.landing-footer a:hover{color:var(--gold)}.landing-footer-links{display:flex;flex-wrap:wrap;gap:16px 24px}.landing-footer-copy{width:100%;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:.82rem;opacity:.6}.landing-nav-toggle{display:none}@media(max-width:900px){.landing-hero-in,.landing-split{grid-template-columns:1fr}.landing-hero-in{text-align:center}.landing-hero-sub,.landing-cta-row{margin-inline:auto;justify-content:center}.landing-steps,.landing-steps-three,.landing-guide-grid,.landing-success-grid{grid-template-columns:1fr}.landing-features{grid-template-columns:repeat(2,1fr)}.landing-phones-showcase{order:-1;flex-direction:column;align-items:center;gap:16px}.landing-iphone--secondary{display:none}.landing-iphone{width:min(300px,88vw)}.landing-iphone:not(.landing-iphone--secondary){transform:none}}@media(max-width:640px){.landing-nav-links a:not(.landing-btn):not(.landing-nav-cta){display:none}.landing-steps,.landing-features{grid-template-columns:1fr}.landing-section{padding:48px 0}}:root{--primary: #185fa5;--primary-dark: #0c447c;--accent: #e0a43a;--chat-bg: #e4edf7;--chat-bar-bg: #d4e2f0;--bubble-out: #185fa5;--bubble-in: #ffffff;--text: #1a1a1a;--text-muted: #5a7189;--border: #c5d6e8;--danger: #dc3545;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4;color:var(--text);-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--chat-bg);overscroll-behavior:none}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{max-width:480px;margin:0 auto;min-height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:0 0 24px #00000014}.page{flex:1;display:flex;flex-direction:column;min-height:100%}.page-header{display:flex;align-items:center;gap:12px;padding:calc(12px + var(--safe-top)) 16px 12px;background:var(--primary);color:#fff;min-height:56px}.page-header h1{flex:1;margin:0;font-size:18px;font-weight:600}.page-header .back-btn{background:none;border:none;color:#fff;font-size:24px;line-height:1;padding:4px 8px 4px 0;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center}.page-header .icon-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.page-body{flex:1;padding:16px;overflow-y:auto}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .15s;width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:not(:disabled):active{background:var(--primary-dark)}.btn-secondary{background:#e9edef;color:var(--text)}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;color:var(--text-muted)}.form-input{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:#fff}.form-input:focus{outline:2px solid var(--primary);outline-offset:-1px;border-color:var(--primary)}.checkbox-row{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.35;color:var(--text-muted)}.checkbox-row input{margin-top:3px;width:20px;height:20px;accent-color:var(--primary)}.error-banner{background:#fdecea;color:var(--danger);padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px}.dev-hint{margin-top:24px;padding:10px 12px;background:#fff8e1;border:1px dashed var(--accent);border-radius:8px;font-size:13px;color:#856404;text-align:center}.dev-hint--prominent{margin-top:16px;padding:14px 16px;font-size:15px;line-height:1.45;background:#e8f4fd;border:2px solid var(--primary);color:var(--primary-dark)}.dev-hint--otp{margin-top:0;margin-bottom:16px}.fab{position:fixed;bottom:calc(24px + var(--safe-bottom));right:max(24px,calc(50% - 216px));width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;border:none;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 4px 12px #185fa566;display:flex;align-items:center;justify-content:center;z-index:10}.fab:active{transform:scale(.96)}.object-card{display:block;padding:14px 16px;border-bottom:1px solid var(--border);color:inherit;text-decoration:none;min-height:72px}.object-card:active{background:#f5f6f6}.object-card__title{font-weight:600;font-size:16px;margin-bottom:4px;display:flex;align-items:center;gap:8px}.object-card__meta{font-size:14px;color:var(--text-muted)}.unread-dot{width:10px;height:10px;border-radius:50%;background:var(--primary);flex-shrink:0}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted)}.empty-state p{margin:0 0 20px}.chat-page{flex:1;display:flex;flex-direction:column;background:var(--chat-bg);min-height:0}.chat-messages{flex:1;overflow-y:auto;padding:12px 12px 8px;display:flex;flex-direction:column;gap:6px}.chat-bubble{max-width:82%;padding:8px 12px;border-radius:8px;font-size:15px;word-wrap:break-word}.chat-bubble--out{align-self:flex-end;background:var(--bubble-out);color:#fff;border-bottom-right-radius:2px}.chat-bubble--out .chat-bubble__time{color:#ffffffc7}.chat-bubble--in{align-self:flex-start;background:var(--bubble-in);border-bottom-left-radius:2px;border:1px solid rgba(24,95,165,.12);box-shadow:0 1px 2px #185fa514}.chat-attach-hint{font-size:12px;color:var(--text-muted)}.chat-bubble__time{font-size:11px;color:var(--text-muted);margin-top:4px;text-align:right}.chat-bubble__task{display:inline-block;margin-top:6px;padding:4px 10px;border:none;border-radius:12px;font-size:12px;font-weight:600;cursor:pointer;background:var(--accent);color:#3a2a05}.chat-bubble__task--done{background:#2e7d32;color:#fff}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:50}.sheet{width:100%;max-width:480px;background:#fff;border-radius:16px 16px 0 0;padding:12px;display:flex;flex-direction:column;gap:8px}.sheet__preview{font-size:13px;color:var(--text-muted);padding:8px 12px;background:var(--chat-bg);border-radius:10px;max-height:64px;overflow:hidden}.sheet__action{padding:14px 16px;border:none;border-radius:10px;background:var(--primary);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.sheet__action--cancel{background:var(--chat-bg);color:var(--text)}.task-panel{width:100%;max-width:480px;max-height:70vh;background:#fff;border-radius:16px 16px 0 0;display:flex;flex-direction:column}.task-panel__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--chat-bg)}.task-panel__header .icon-btn{background:none;border:none;font-size:18px;cursor:pointer}.task-panel__empty{padding:24px 16px;color:var(--text-muted);font-size:14px;text-align:center}.task-list{list-style:none;margin:0;padding:8px 0;overflow-y:auto}.task-item{display:flex;align-items:flex-start;gap:10px;padding:10px 16px}.task-item input[type=checkbox]{width:20px;height:20px;margin-top:2px;flex-shrink:0}.task-item__body{display:flex;flex-direction:column}.task-item__title{font-size:14px}.task-item__meta{font-size:12px;color:var(--text-muted)}.task-item--done .task-item__title{text-decoration:line-through;color:var(--text-muted)}.chat-attachment{display:block;width:100%;margin:4px 0;padding:0;border:none;background:transparent;text-align:left;cursor:pointer;font:inherit;color:inherit}.chat-attachment--image img{display:block;max-width:100%;max-height:240px;border-radius:8px;object-fit:contain}.chat-attachment--file{display:flex;align-items:center;gap:8px;max-width:240px;padding:10px 12px;border-radius:8px;background:#185fa50f;border:1px solid rgba(24,95,165,.1)}.chat-bubble--out .chat-attachment--file{background:#ffffff29;border:1px solid rgba(255,255,255,.22)}.chat-attachment__icon{font-size:22px;flex-shrink:0}.chat-attachment__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:14px}.chat-attachment__action{flex-shrink:0;font-size:13px;color:var(--accent);font-weight:600}.chat-bubble--out .chat-attachment__action{color:#fff}.chat-attachment--loading,.chat-attachment--error{font-size:13px;color:var(--text-muted);padding:6px 0}.chat-attachment--error small{display:block;margin-top:2px}.chat-system{align-self:center;background:#185fa51a;padding:4px 12px;border-radius:12px;font-size:12px;color:var(--primary-dark);border:1px solid rgba(24,95,165,.08)}.chat-input-bar{display:flex;flex-direction:column;gap:8px;padding:8px 10px calc(8px + var(--safe-bottom));background:var(--chat-bar-bg);border-top:1px solid rgba(24,95,165,.14)}.chat-input-row{display:flex;align-items:flex-end;gap:8px}.chat-attach-row{display:flex;align-items:center;gap:8px;font-size:13px}.chat-attach-row select{flex:1;min-height:36px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:#fff}.chat-input{flex:1;min-height:40px;max-height:120px;padding:10px 14px;border:1px solid rgba(24,95,165,.14);border-radius:20px;background:#fff;resize:none}.chat-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #185fa526}.chat-send-btn{width:44px;height:44px;border-radius:50%;border:none;background:var(--primary);color:#fff;font-size:18px;cursor:pointer;flex-shrink:0}.chat-attach-btn{width:40px;height:40px;border:none;background:transparent;font-size:22px;cursor:pointer;flex-shrink:0}.otp-inputs{display:flex;gap:10px;justify-content:center;margin:24px 0}.otp-digit{width:52px;height:56px;text-align:center;font-size:24px;font-weight:600;border:2px solid var(--border);border-radius:8px}.otp-digit:focus{outline:none;border-color:var(--primary)}.login-logo{text-align:center;padding:48px 24px 24px}.login-logo__icon{width:72px;height:72px;display:inline-flex;align-items:center;justify-content:center;margin:0 auto 16px}.login-logo__icon svg,.login-logo__icon img{display:block;border-radius:18px}.login-logo h1{margin:0 0 8px;font-size:24px;color:var(--primary)}.login-logo p{margin:0;color:var(--text-muted);font-size:15px}.login-form{padding:0 24px 32px}.profile-avatar-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:4px}.profile-identity{display:flex;flex-direction:column;align-items:center;text-align:center;margin:8px 0 24px;padding:20px 16px 16px;border-radius:16px;background:#f8f9fa;border:1px solid var(--border)}.profile-identity__name{margin:12px 0 4px;font-size:22px;font-weight:700;line-height:1.2;color:var(--text)}.profile-identity__phone{margin:0 0 10px;font-size:14px;color:var(--text-muted)}.profile-identity__status{margin:0 0 6px;font-size:14px;font-weight:500;color:var(--text);max-width:280px}.profile-settings{margin-top:8px}.profile-settings__title{margin:0 0 16px;font-size:15px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.success-banner{background:#d4edda;color:#155724;padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px}.profile-avatar{width:96px;height:96px;border-radius:50%;background:var(--primary);color:#fff;font-size:36px;font-weight:600;display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative;padding:0;border:none}.profile-avatar--lg{width:120px;height:120px;font-size:42px}.profile-avatar--has-photo{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--primary)}.profile-avatar__loading{display:block;width:100%;height:100%;border-radius:50%;background:linear-gradient(90deg,#ffffff26,#ffffff59,#ffffff26);background-size:200% 100%;animation:profile-avatar-shimmer 1.2s ease-in-out infinite}@keyframes profile-avatar-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.profile-avatar--clickable{cursor:pointer;overflow:hidden}.profile-avatar--clickable:disabled{opacity:.7;cursor:wait}.profile-avatar__img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar__badge{position:absolute;right:0;bottom:0;width:28px;height:28px;border-radius:50%;background:#0000008c;font-size:14px;display:flex;align-items:center;justify-content:center}.profile-avatar-hint{font-size:12px;color:var(--text-muted);text-align:center;margin:0}.invite-box{background:#f8f9fa;border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center;margin-bottom:16px}.invite-qr{width:160px;height:160px;margin:0 auto 16px;background:#fff;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.invite-qr img{max-width:100%;max-height:100%}.invite-url{font-size:13px;word-break:break-all;color:var(--primary);margin-bottom:8px}.status-radio-group{display:flex;flex-direction:column;gap:10px}.status-radio{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;cursor:pointer}.status-radio:has(input:checked){border-color:var(--primary);background:#eef4fa}.status-radio input{accent-color:var(--primary)}.footer-links{text-align:center;padding:24px 16px;font-size:13px;color:var(--text-muted)}.footer-links a{margin:0 8px}.ws-status{font-size:11px;opacity:.8}.menu-dropdown{position:relative}.menu-dropdown__list{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:180px;z-index:20;overflow:hidden}.menu-dropdown__item{display:block;width:100%;padding:12px 16px;border:none;background:none;text-align:left;font-size:15px;cursor:pointer;color:var(--text)}.menu-dropdown__item:active{background:var(--chat-bg)}.legal-body{flex:1;padding:16px 20px 32px;overflow-y:auto}.legal-draft{background:#fff8e6;border:1px solid #e0a43a;border-radius:8px;padding:10px 12px;font-size:13px;color:#664d03;margin:0 0 20px}.legal-section{margin-bottom:20px}.legal-section h2{font-size:17px;margin:0 0 8px;color:var(--primary-dark)}.legal-section p{margin:0 0 8px;font-size:15px;line-height:1.5;color:var(--text)}.members-list{list-style:none;margin:0;padding:0}.members-list__item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.members-list__name{font-weight:600}.members-list__role{font-size:14px;color:var(--text-muted)}.avatar-crop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px}.avatar-crop-panel{position:relative;z-index:1;touch-action:manipulation;width:min(100%,360px);background:var(--surface, #fff);border-radius:16px;padding:20px 20px 16px;box-shadow:0 12px 40px #00000040}.avatar-crop-title{margin:0 0 4px;font-size:18px;text-align:center}.avatar-crop-error{margin:0 0 12px;padding:10px 12px;border-radius:8px;background:#fdecea;color:#b42318;font-size:14px;line-height:1.35}.avatar-crop-subtitle{margin:0 0 16px;font-size:13px;color:var(--text-muted);text-align:center}.avatar-crop-viewport{margin:0 auto 16px;border-radius:50%;overflow:hidden;position:relative;touch-action:none;cursor:grab;box-shadow:inset 0 0 0 2px #ffffffe6,0 0 0 2px var(--primary);background:#111}.avatar-crop-viewport--dragging{cursor:grabbing}.avatar-crop-image{position:absolute;top:0;left:0;max-width:none;-webkit-user-select:none;user-select:none;pointer-events:none}.avatar-crop-actions{display:flex;gap:10px}.avatar-crop-actions .btn{flex:1;touch-action:manipulation}.avatar-crop-actions .btn-primary{position:relative;z-index:2}.avatar-crop-zoom{display:flex;align-items:center;gap:10px;margin-bottom:16px}.avatar-crop-zoom-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--surface, #fff);font-size:20px;line-height:1;cursor:pointer;flex-shrink:0}.avatar-crop-zoom-btn:disabled{opacity:.4;cursor:not-allowed}.avatar-crop-zoom-slider{flex:1;accent-color:var(--primary)}.page-header__sub{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-files-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:16px;-webkit-overflow-scrolling:touch}.object-files-filter{flex-shrink:0;border:1px solid var(--border);background:var(--surface, #fff);color:var(--text);border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer}.object-files-filter--active{background:var(--primary);border-color:var(--primary);color:#fff}.object-files-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.object-file-card{display:flex;gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface, #fff)}.object-file-card__preview{flex-shrink:0;padding:0;border:none;background:none;cursor:pointer;border-radius:8px;overflow:hidden}.object-file-thumb{width:72px;height:72px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--bg-muted, #f0f2f5);font-size:28px}.object-file-thumb--image img{width:72px;height:72px;object-fit:cover;display:block}.object-file-thumb--loading{font-size:14px;color:var(--text-muted)}.object-file-card__body{flex:1;min-width:0}.object-file-card__name{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.object-file-badge{display:inline-block;font-size:12px;color:var(--primary);margin-bottom:6px}.object-file-badge--pending{color:var(--text-muted);font-style:italic}.object-file-badge__conf{color:var(--text-muted)}.object-file-card__meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--text-muted);margin-bottom:8px}.object-file-card__actions{display:flex;flex-wrap:wrap;gap:8px}.object-file-edit{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.object-file-edit__select{flex:1;min-width:140px;padding:8px 10px;border-radius:8px;border:1px solid var(--border);font-size:14px}.btn-sm{padding:6px 12px;font-size:13px}.object-file-export-btn:disabled{opacity:.5;cursor:not-allowed}.empty-state__hint{font-size:13px;color:var(--text-muted);margin-top:8px}.address-suggest{position:relative}.address-suggest__hint{margin-top:6px;font-size:12px;color:var(--text-muted)}.address-suggest__list{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 4px);margin:0;padding:6px 0;list-style:none;background:var(--surface, #fff);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0000001f;max-height:280px;overflow-y:auto}.address-suggest__item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:10px 14px;border:none;background:none;text-align:left;cursor:pointer;font:inherit;color:var(--text)}.address-suggest__item:hover,.address-suggest__item--active{background:var(--bg-muted, #f0f2f5)}.address-suggest__label{font-size:14px;line-height:1.35}.address-suggest__subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.logo-preview-page{max-width:960px;margin:0 auto;padding-bottom:32px}.logo-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:0 24px}.logo-preview-card{text-align:center;padding:24px 16px;border-radius:16px;background:var(--surface, #fff);box-shadow:0 2px 12px #0000000f}.logo-preview-card h2{margin:16px 0 8px;font-size:17px;color:var(--primary)}.logo-preview-card p{margin:0 0 12px;font-size:14px;color:var(--text-muted);line-height:1.45}.logo-preview-card code{font-size:12px;color:var(--text-muted)}.logo-preview-back{text-align:center;margin-top:28px;font-size:15px}.dev-ui-badge{margin:8px 0 0;font-size:11px;color:var(--primary-dark);background:#e0a43a33;display:inline-block;padding:4px 10px;border-radius:999px}.object-layout{flex:1;display:flex;flex-direction:column;min-height:100%;min-height:100dvh;background:var(--chat-bg)}.object-layout__main{flex:1;min-height:0;display:flex;flex-direction:column}.object-layout__error{margin:8px 12px 0}.object-header{background:var(--primary);color:#fff;padding:calc(10px + var(--safe-top)) 12px 10px}.object-header__row{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px}.object-header__icon{width:44px;height:44px;border:none;background:#ffffff1f;color:#fff;border-radius:10px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.object-header__titles{min-width:0;text-align:center}.object-header__title{margin:0;font-size:17px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-header__subtitle{margin:2px 0 0;font-size:12px;opacity:.88;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-header__right,.object-header__spacer{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.object-header__right .menu-dropdown{position:relative}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:6px 8px calc(6px + var(--safe-bottom));background:#fff;border-top:1px solid var(--border)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border-radius:10px;text-decoration:none;color:var(--text-muted);font-size:11px;font-weight:600}.bottom-nav__item--active{background:#185fa51a;color:var(--primary-dark)}.bottom-nav__item--accent.bottom-nav__item--active{color:var(--primary-dark)}.bottom-nav__icon{font-size:18px;line-height:1}.object-screen{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--chat-bg)}.object-screen--scroll,.object-screen--files,.object-screen--petrovich .object-screen__scroll{overflow-y:auto}.object-screen--scroll{padding:12px}.object-screen--chat .chat-messages{flex:1;min-height:0}.object-screen__scroll{flex:1;overflow-y:auto;padding:0 12px 12px}.object-screen__empty,.object-screen__hint{padding:24px 16px;text-align:center;color:var(--text-muted)}.object-screen__error{margin:8px 12px 0;position:relative}.object-screen__error-close{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:none;cursor:pointer}.chat-composer-panel{padding:8px 10px;background:var(--chat-bar-bg);border-top:1px solid rgba(24,95,165,.14)}.chat-composer-panel__row{display:flex;align-items:flex-end;gap:8px}.chat-composer-panel__attach{width:40px;height:40px;border:none;border-radius:10px;background:#eef2f7;color:var(--primary);font-size:18px;cursor:pointer;flex-shrink:0}.chat-composer-panel__input{flex:1;min-height:40px;max-height:120px;padding:10px 14px;border:1px solid rgba(24,95,165,.14);border-radius:20px;background:#fff;resize:none}.chat-composer-panel__input:focus{outline:none;border-color:var(--primary)}.chat-composer-panel__send{width:44px;height:44px;border-radius:50%;border:none;background:var(--primary);color:#fff;font-size:18px;cursor:pointer;flex-shrink:0}.chat-composer-panel__send:disabled{opacity:.45;cursor:default}.bubble-role{display:block;font-size:11px;font-weight:600;color:var(--primary-dark);margin-bottom:4px}.plan-period-row{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:10px;background:#fff;border-radius:10px;border:1px solid var(--border);font-size:13px}.plan-period-row span{color:var(--text-muted)}.plan-row{background:#fff;border-radius:12px;border:1px solid var(--border);padding:12px;margin-bottom:10px;font-size:14px}.plan-row p{margin:6px 0 0;line-height:1.45}.plan-row__head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:4px}.plan-row__head span{font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap}.plan-row--risk .plan-row__head span{background:#dc35451f;color:var(--danger)}.plan-row--in_progress .plan-row__head span{background:#185fa51f;color:var(--primary-dark)}.plan-row--done .plan-row__head span{background:#1a7f4e1f;color:#1a7f4e}.context-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.context-actions button{border:1px solid var(--border);background:#f8fafc;border-radius:8px;padding:8px 12px;font-size:13px;cursor:pointer}.context-actions__link{color:var(--primary);font-weight:600}.files-search-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border-bottom:1px solid var(--border)}.files-search-bar input{flex:1;min-width:0;border:1px solid var(--border);border-radius:8px;padding:8px 10px}.files-sort-btn{border:1px solid var(--border);background:#fff;border-radius:8px;padding:8px 10px;font-size:13px;white-space:nowrap;cursor:pointer}.folder-row{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border-radius:12px;border:1px solid var(--border);margin-bottom:8px}.folder-row__icon{font-size:22px}.folder-row__main{flex:1;min-width:0;border:none;background:none;text-align:left;padding:0;cursor:pointer}.folder-row__main strong{display:block;font-size:15px}.folder-row__main span{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.folder-row__chevron{color:var(--text-muted);font-size:18px}.ask-mini{border:1px solid var(--border);background:#f8fafc;border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer}.files-subfolder-list{margin:-4px 0 8px 22px;padding:6px;background:#f6f8fb;border:1px solid var(--border);border-radius:0 0 12px 12px}.files-subfolder-block{margin-bottom:6px}.files-subfolder-block:last-child{margin-bottom:0}.folder-row--sub{padding:9px 10px;margin-bottom:0}.folder-row--sub .folder-row__main strong{font-size:13px}.folder-row--sub .folder-row__main span{font-size:11px}.folder-files-list{list-style:none;margin:-4px 0 8px 34px;padding:0 12px 8px;background:#fff;border:1px solid var(--border);border-radius:0 0 12px 12px}.files-subfolder-block>.folder-files-list{margin:4px 0 0;border-radius:10px}.folder-files-list li{border-bottom:1px solid rgba(197,214,232,.6);font-size:13px}.folder-files-list li:last-child{border-bottom:none}.folder-files-list__row{display:flex;align-items:center;gap:8px;padding:4px 0}.folder-files-list__open{display:flex;flex:1;min-width:0;align-items:center;padding:8px 0;border:none;background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer}.folder-files-list__open:hover,.folder-files-list__open:active{color:var(--primary)}.folder-files-list__open>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-files-list__kind-wrap{position:relative;flex-shrink:0}.folder-files-list__kind{color:var(--text-muted);font-size:12px;flex-shrink:0;border:1px solid transparent;background:transparent;border-radius:8px;padding:4px 6px;cursor:pointer;white-space:nowrap}.folder-files-list__kind:hover{color:var(--primary);border-color:#185fa540;background:#185fa50f}.folder-files-list__kind-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:20;display:flex;flex-direction:column;min-width:220px;max-height:320px;overflow-y:auto;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0f233c2e}.folder-files-list__kind-group{display:flex;flex-direction:column;border-bottom:1px solid rgba(197,214,232,.5)}.folder-files-list__kind-group:last-child{border-bottom:none}.folder-files-list__kind-group-title{padding:8px 12px 2px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted)}.folder-files-list__kind-menu button{padding:9px 12px;border:none;background:transparent;text-align:left;font-size:13px;color:var(--text);cursor:pointer}.folder-files-list__kind-menu button:hover{background:#185fa514}.folder-files-list__kind-menu button.is-active{color:var(--primary);font-weight:600}.folder-files-list__kind-menu button:disabled{opacity:.5;cursor:default}.side-tip{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;margin-bottom:10px;background:#185fa514;border:1px solid rgba(24,95,165,.15);border-radius:10px;font-size:13px}.side-tip strong{display:block}.side-tip span{display:block;color:var(--text-muted);margin-top:2px}.side-tip button{border:none;background:none;font-size:18px;cursor:pointer;color:var(--text-muted);padding:0 4px}.upload-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;border:none;background:#0003;cursor:default}.upload-menu{position:fixed;top:calc(56px + var(--safe-top));right:12px;z-index:50;background:#fff;border-radius:12px;border:1px solid var(--border);box-shadow:0 8px 24px #0000001f;overflow:hidden;min-width:160px}.upload-menu button{display:block;width:100%;border:none;background:#fff;text-align:left;padding:12px 16px;font-size:15px;cursor:pointer}.upload-menu button:hover{background:#f0f5fa}.petrovich-context-card{background:#fff;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:10px;padding:12px;margin-bottom:12px;font-size:13px}.petrovich-context-card span{display:block;color:var(--text-muted);font-size:12px;margin-bottom:4px}.petrovich-answer .petrovich-route{margin-top:10px;padding:8px 10px;background:#185fa514;border-radius:8px;font-size:13px}.petrovich-answer .petrovich-route strong{display:block;font-size:12px;color:var(--primary-dark)}.history-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px;margin-top:12px;font-size:13px}.history-card__top{display:flex;justify-content:space-between;margin-bottom:6px}.history-card__top span{color:var(--text-muted);font-size:12px}.object-screen--petrovich{min-height:0}.petrovich-scroll{padding:12px 12px 8px}.petrovich-typing{opacity:.7}.typing-dots{display:flex;gap:4px;padding:4px 0}.typing-dots span{width:7px;height:7px;border-radius:50%;background:var(--text-muted);animation:bounce 1.2s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.petrovich-empty{text-align:center;padding:32px 16px 0}.petrovich-empty__title{font-size:15px;color:var(--text-muted);margin-bottom:14px}.petrovich-chips{display:flex;flex-direction:column;gap:8px;align-items:stretch}.petrovich-chip{background:#fff;border:1px solid var(--border);border-radius:20px;padding:9px 14px;font-size:13px;color:var(--primary);cursor:pointer;text-align:left;line-height:1.4}.petrovich-chip:hover{background:var(--bg-accent);border-color:var(--primary)}.file-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:12px}.file-viewer-panel{position:relative;z-index:1;width:min(100%,720px);height:min(100%,92vh);background:var(--surface, #fff);border-radius:16px;box-shadow:0 12px 40px #0000004d;display:flex;flex-direction:column;overflow:hidden}.file-viewer-header{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.file-viewer-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:15px}.file-viewer-close{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-accent);color:var(--text-muted);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.file-viewer-close:hover{background:var(--border)}.file-viewer-zoom{display:flex;align-items:center;gap:2px;flex-shrink:0;background:var(--bg-accent);border-radius:10px;padding:2px}.file-viewer-zoom button{border:none;background:transparent;color:var(--text-muted);font-size:14px;font-weight:600;line-height:1;padding:6px 8px;border-radius:8px;cursor:pointer;min-width:28px}.file-viewer-zoom button:hover{background:var(--border);color:var(--text)}.file-viewer-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;background:#f4f5f7}.file-viewer-image-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.file-viewer-image{max-width:100%;max-height:100%;object-fit:contain;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.file-viewer-pdf{width:100%;height:100%;border:none;background:#fff}.file-viewer-fallback{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px;text-align:center;color:var(--text-muted)}.file-viewer-fallback__icon{font-size:40px}@media(max-width:480px){.file-viewer-overlay{padding:0}.file-viewer-panel{width:100%;height:100%;border-radius:0}}