.product-preview{position:relative;width:100%;color:#182139;font-family:Inter,var(--font-inter),sans-serif;font-size:10px;line-height:1.35;filter:drop-shadow(0 26px 32px rgba(18,27,43,.16))}.product-preview__screen{height:486px;display:grid;grid-template-columns:126px minmax(320px,1fr) 250px;border:solid #202747;border-width:12px 12px 9px;border-radius:25px 25px 7px 7px;overflow:hidden;background:#fff}.product-preview__base{position:relative;height:17px;background:#202747;margin:-1px -22px 0;border-radius:0 0 48px 48px}.product-preview__base:before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:90px;height:5px;background:#363e65;border-radius:0 0 8px 8px}.product-preview__base i{display:block}.pp-sidebar{min-width:0;background:#f3f6fa;border-right:1px solid #e4e9f1;padding:12px 10px;display:flex;flex-direction:column}.pp-logo{display:flex;align-items:center;gap:6px;margin-bottom:13px}.pp-logo>span{display:grid;place-items:center;width:18px;height:18px;border-radius:3px;background:#5c8df6;color:#fff;font:700 11px Georgia}.pp-logo b{font-size:10px}.pp-new{background:#2e66df;color:#fff;text-align:center;border-radius:5px;padding:8px 3px;font-weight:600}.pp-side-title{display:flex;justify-content:space-between;margin:15px 2px 8px;color:#758096}.pp-side-title i{font-style:normal;color:#28344c}.pp-project{padding:7px 5px;color:#344057}.pp-project b,.pp-project small{display:block}.pp-project small{font-size:7px;color:#8b94a5;margin-top:2px}.pp-project.is-open:before{content:"⌄";margin-right:3px}.pp-chat{padding:5px 4px 5px 15px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#596377}.pp-chat small{float:right;font-size:7px;color:#9aa2af}.pp-chat.is-active{background:#e2ebff;color:#2152bf}.pp-chat--new{color:#2463db}.pp-side-spacer{flex:1}.pp-side-link{padding:7px 3px;border-top:1px solid #e4e8ef}.pp-side-link span{float:right}.pp-balance{background:#fff;border:1px solid #dfe5ed;border-radius:6px;padding:8px;margin-top:7px}.pp-balance>span{display:flex;justify-content:space-between;font-weight:600}.pp-balance small{font-weight:400;color:#8b94a5}.pp-balance i{display:block;height:4px;background:linear-gradient(90deg,#2463df 62%,#e6eaf0 0);border-radius:5px;margin:8px 0}.pp-balance b{display:block;text-align:center;font-size:8px}.pp-chat-pane{min-width:0;display:flex;flex-direction:column;background:#fff}.pp-chat-pane>header{height:34px;border-bottom:1px solid #e7eaf0;padding:10px 12px;color:#798396;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-chat-pane>header span{color:#2861db}.pp-chat-pane>header b{font-weight:400}.pp-chat-scroll{min-height:0;padding:12px 17px}.pp-chat-scroll time{display:block;text-align:center;color:#9aa2af;font-size:8px;margin-bottom:10px}.pp-message{max-width:78%;padding:8px 10px;border:1px solid #e0e5ed;border-radius:8px;margin:8px 0;color:#344057;background:#fff}.pp-message--user{margin-left:auto;background:#142039;border-color:#142039;color:#fff}.pp-message a{display:block;color:#2563db;margin-top:6px}.pp-file{display:flex;gap:8px;max-width:75%;padding:8px;background:#f1f5fb;border:1px solid #e2e7ef;border-radius:7px;margin:7px 0 7px 22px}.pp-file>span{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;background:#dce8ff;color:#2563db}.pp-file div{min-width:0}.pp-file b,.pp-file small{display:block}.pp-file small{font-size:7px;color:#7f899a}.pp-working{margin-top:8px;color:#748095;font-size:8px}.pp-working i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#25a961;margin-right:6px}.pp-composer{height:48px;margin:0 12px 10px;border:1px solid #dfe4ec;border-radius:12px;padding:9px 10px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;box-shadow:0 4px 12px rgba(18,27,43,.05)}.pp-composer>span{color:#50709b}.pp-composer small{color:#9aa2af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-composer b{font-size:7px;color:#5f687a}.pp-sources{min-width:0;border-left:1px solid #e3e7ee;background:#fff;overflow:hidden}.pp-sources>header{height:34px;padding:10px 12px;border-bottom:1px solid #e6e9ef;display:flex;justify-content:space-between}.pp-sources__meta{padding:10px 12px;border-bottom:1px solid #e4e8ef}.pp-sources__meta a,.pp-sources__meta small,.pp-sources__meta span{display:block}.pp-sources__meta small{color:#8190a3;margin:3px 0}.pp-sources__meta a{color:#2563db}.pp-sources__head{padding:9px 12px}.pp-sources__head b,.pp-sources__head small{display:block}.pp-sources__head small{color:#8d96a6}.pp-source{display:grid;grid-template-columns:23px 1fr auto;gap:6px;padding:7px 10px;border-top:1px solid #edf0f4}.pp-source__id{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e7efff;color:#2563db;font-size:7px}.pp-source b,.pp-source small{display:block}.pp-source b{font-size:8px}.pp-source small{font-size:7px;color:#7d8798;margin-top:2px}.pp-source em{align-self:center;background:#e6f5eb;color:#278253;border-radius:99px;padding:3px 5px;font-size:6px;font-style:normal}.pp-source.is-warning em{background:#fff1d8;color:#a66f0b}.pp-related{margin-top:5px;border-top:1px solid #e4e8ef;padding:9px 11px}.pp-related>b,.pp-related>small{display:block}.pp-related>small{color:#8c95a4}.pp-related p{font-size:7px;margin:7px 0}.pp-related em{float:right;font-style:normal;color:#758196;background:#f0f2f5;border-radius:9px;padding:2px 4px}.feature-preview{width:100%;min-height:340px;color:#172039;font-family:Inter,var(--font-inter),sans-serif;font-size:12px;line-height:1.45}.feature-preview a{color:#2563db}.fp-document{display:grid;place-items:center}.fp-document article{width:75%;min-height:320px;padding:32px 38px;border:1px solid #dfe5ed;border-radius:8px;background:#fff;box-shadow:0 18px 38px rgba(18,27,43,.12)}.fp-doc-meta{text-align:right;color:#778295;font-size:9px}.fp-document h4{text-align:center;font-size:15px;margin:18px}.fp-document b,.fp-document p{font-size:10px}.fp-browser{padding:22px;background:#fff;border:1px solid #e1e6ee;border-radius:12px;box-shadow:0 16px 36px rgba(18,27,43,.1)}.fp-browser__bar{color:#788398;border-bottom:1px solid #e5e9ef;padding-bottom:10px}.fp-browser__messages{padding:12px 5px}.fp-browser__messages>div{width:72%;border:1px solid #e1e6ee;border-radius:8px;padding:8px;margin:7px 0;font-size:10px}.fp-browser__messages .is-dark{margin-left:auto;background:#142039;border-color:#142039;color:#fff}.fp-browser__messages .fp-mini-file{margin-left:20px;background:#f0f4fa}.fp-browser__status{color:#778397;font-size:9px}.fp-browser__status i{display:inline-block;width:6px;height:6px;background:#26a565;border-radius:50%;margin-right:7px}.fp-projects{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:24px;background:#fff;border:1px solid #e0e5ec;border-radius:12px;box-shadow:0 16px 36px rgba(18,27,43,.1)}.fp-projects section{border:1px solid #e2e7ee;border-radius:9px;padding:15px;min-width:0}.fp-projects section>b{font-size:13px}.fp-projects section>span{float:right}.fp-projects section>small{display:block;color:#8a94a5;margin:12px 0 5px}.fp-projects div,.fp-projects p{padding:7px;margin:2px 0;font-size:10px}.fp-projects div small{display:block;color:#8a94a5}.fp-projects .is-active{background:#e6edff;border-radius:5px}.fp-projects em,.fp-projects i{font-style:normal;color:#829064;float:right}.fp-projects a{display:block;padding:7px;font-size:10px}.fp-access{display:grid;gap:12px}.fp-agent{background:#fff;border:1px solid #e1e6ee;border-radius:12px;padding:17px;box-shadow:0 12px 32px rgba(18,27,43,.08)}.fp-agent header{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center}.fp-agent header>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#e8edff;color:#345fc0}.fp-agent header b,.fp-agent header small{display:block}.fp-agent header small{color:#8b95a6}.fp-agent header em{font-style:normal;border:1px solid #dce3ee;border-radius:7px;padding:6px}.fp-agent p{font-size:10px;color:#5a6475}.fp-tags{display:flex;gap:6px;flex-wrap:wrap}.fp-tags a,.fp-tags i{font-style:normal;padding:4px 7px;border-radius:6px;background:#f0f3f8;font-size:9px}.fp-agent footer{margin-top:10px;background:#fde7e9;color:#d34c59;padding:7px;border-radius:6px;font-size:9px}.fp-keys{background:#fff;border:1px solid #e0e5ec;border-radius:12px;padding:20px 24px;box-shadow:0 16px 36px rgba(18,27,43,.1)}.fp-keys>header{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid #e5e9ef;padding-bottom:14px}.fp-dadata{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:#f04444;color:#fff;font-weight:700}.fp-keys header b,.fp-keys header small{display:block}.fp-keys header small,.fp-keys section>small{color:#8590a2;font-size:9px}.fp-keys section{padding-top:12px}.fp-keys section>b,.fp-keys section>small{display:block;margin:6px 0}.fp-keys label{display:block;margin-top:10px;color:#687386;font-size:10px}.fp-keys label>div{display:flex;justify-content:space-between;background:#f2f4f7;border:1px solid #e0e5ec;border-radius:6px;padding:8px;margin-top:4px;color:#8a94a5}.fp-key-check{display:flex;gap:12px;align-items:center;margin:12px 0}.fp-key-check button{border:1px solid #dce2eb;background:#fff;border-radius:7px;padding:7px 10px;color:#5d6676}.fp-key-check span{color:#617266;font-size:9px}.fp-crm,.fp-crm>div{display:grid;gap:12px}.fp-crm>div{grid-template-columns:48px 1fr auto;align-items:start;background:#fff;border:1px solid #dfe5ed;border-radius:12px;padding:18px;box-shadow:0 12px 30px rgba(18,27,43,.08)}.fp-crm__logo{display:grid;place-items:center;width:42px;height:42px;color:#fff;font-weight:700;border-radius:8px}.fp-crm__logo.is-blue{background:#1674bc}.fp-crm__logo.is-orange{background:#f0642e}.fp-crm b,.fp-crm em,.fp-crm i,.fp-crm small{display:block}.fp-crm small{color:#8993a3}.fp-crm em{color:#488264;margin:6px 0}.fp-crm em,.fp-crm i{font-style:normal;font-size:9px}.fp-crm i{width:max-content;background:#e7f0ff;color:#3061ba;border-radius:5px;padding:3px 6px}.fp-crm strong{color:#245ee4}@media (max-width:1100px){.product-preview__screen{grid-template-columns:105px minmax(280px,1fr) 210px}.pp-message{max-width:88%}}@media (max-width:700px){.product-preview{font-size:7px}.product-preview__screen{height:330px;grid-template-columns:70px minmax(210px,1fr);border-width:7px 7px 6px;border-radius:16px 16px 5px 5px}.product-preview__base{height:11px;margin:0 -10px}.pp-sidebar{padding:7px 5px}.pp-balance,.pp-chat small,.pp-logo b,.pp-project small,.pp-side-link,.pp-side-title i{display:none}.pp-new{font-size:7px}.pp-chat{padding-left:6px}.pp-chat-pane>header{height:25px;padding:7px}.pp-chat-scroll{padding:7px}.pp-message{margin:5px 0}.pp-composer,.pp-file,.pp-message{font-size:6px;padding:5px}.pp-composer{height:34px;margin:0 6px 6px}.pp-sources{display:none}.feature-preview{min-height:260px}.fp-document article{width:92%;min-height:250px;padding:20px}.fp-projects{grid-template-columns:1fr;padding:12px}.fp-agent:nth-child(2),.fp-projects section:last-child{display:none}.fp-keys{padding:13px}.fp-keys section>small{display:none}}.feature-preview,.feature-preview *,.product-preview,.product-preview *{box-sizing:border-box}.pp-chat-pane,.pp-chat-scroll,.product-preview,.product-preview__screen{min-width:0;max-width:100%}@media (max-width:700px){.product-preview__base{width:100%;max-width:100%;margin:0}.product-preview__screen{width:100%;grid-template-columns:70px minmax(0,1fr)}.pp-chat-pane,.pp-chat-scroll,.pp-composer{min-width:0;max-width:100%}}.pp-chat-pane,.pp-chat-scroll,.pp-sources{min-height:0}.pp-chat-scroll{overflow:hidden;flex:1}.pp-composer{flex-shrink:0}@media(max-width:1000px){.product-preview__base{margin:0;width:100%;max-width:100%}}