/* pde-resource-inline-attributes.css */ /* Static presentation extracted from resource HTML; values computed at runtime stay in the tool logic. */ #pde-resource-ai .pde-rs-bc308cf5ea8a.pde-rs-bc308cf5ea8a.pde-rs-bc308cf5ea8a{max-width:320px} #pde-resource-ai .pde-rs-fad42ddaad55.pde-rs-fad42ddaad55.pde-rs-fad42ddaad55{color:#078ca6;text-decoration:none;} #pde-resource-ai .pde-rs-cb5287170e32.pde-rs-cb5287170e32.pde-rs-cb5287170e32{color:#777;} #pde-resource-ai .pde-rs-44d28f238518.pde-rs-44d28f238518.pde-rs-44d28f238518{flex:1;} #pde-resource-ai .pde-rs-fbd60e1e1a5c.pde-rs-fbd60e1e1a5c.pde-rs-fbd60e1e1a5c{margin-top:10px;} #pde-resource-ai .pde-rs-ba5f923578c0.pde-rs-ba5f923578c0.pde-rs-ba5f923578c0{margin-top:15px;} #pde-resource-ai .pde-rs-b990988024a1.pde-rs-b990988024a1.pde-rs-b990988024a1{margin-top:12px; display:flex; gap:10px;} #pde-resource-ai .pde-rs-46a132f95cc1.pde-rs-46a132f95cc1.pde-rs-46a132f95cc1{margin-top:20px;} #pde-resource-ai .pde-rs-aba30ff67066.pde-rs-aba30ff67066.pde-rs-aba30ff67066{text-decoration:none;color:#078ca6;} #pde-resource-ai .pde-rs-7ed4bc9f9843.pde-rs-7ed4bc9f9843.pde-rs-7ed4bc9f9843{margin-top:0;font-size:1.4rem;color:#078ca6;} #pde-resource-ai .pde-rs-6e136acb11ef.pde-rs-6e136acb11ef.pde-rs-6e136acb11ef{display:flex;justify-content:space-between;align-items:center;font-size:1.05rem;} #pde-resource-ai .pde-rs-e67529666ce6.pde-rs-e67529666ce6.pde-rs-e67529666ce6{display:none;background:#f5fafc;padding:12px;border-radius:10px;} #pde-resource-ai .pde-rs-fc88c9ef552e.pde-rs-fc88c9ef552e.pde-rs-fc88c9ef552e{margin-top:10px;} #pde-resource-ai .pde-rs-9fce127fa9f7.pde-rs-9fce127fa9f7.pde-rs-9fce127fa9f7{margin:20px 0;} #pde-resource-ai .pde-rs-93a5c39666b7.pde-rs-93a5c39666b7.pde-rs-93a5c39666b7{font-size:1.05rem;} #pde-resource-ai .pde-rs-ef55ba24a472.pde-rs-ef55ba24a472.pde-rs-ef55ba24a472{background:#f5fafc;padding:12px;border-radius:10px;} #pde-resource-ai .pde-rs-842a9a3eb6df.pde-rs-842a9a3eb6df.pde-rs-842a9a3eb6df{flex:1;} #pde-resource-ai .pde-rs-42464e965047.pde-rs-42464e965047.pde-rs-42464e965047{color:#666;} #pde-resource-ai .pde-rs-153e6b0c2a17.pde-rs-153e6b0c2a17.pde-rs-153e6b0c2a17{color:#0798b3;} #pde-resource-ai .pde-rs-f53484bac1ea.pde-rs-f53484bac1ea.pde-rs-f53484bac1ea{display:inline;} #pde-resource-ai .pde-rs-b22fe69f7fda.pde-rs-b22fe69f7fda.pde-rs-b22fe69f7fda{background:none;color:#d9534f;padding:0;} #pde-resource-ai .pde-rs-b04e3710dbce.pde-rs-b04e3710dbce.pde-rs-b04e3710dbce{position:fixed;left:-9999px;top:-9999px} #pde-resource-ai .pde-rs-0c1b5fa040aa.pde-rs-0c1b5fa040aa.pde-rs-0c1b5fa040aa{font-family:Arial,sans-serif;line-height:1.55;color:#1f2937;max-width:680px} #pde-resource-ai .pde-rs-076f2e4378a4.pde-rs-076f2e4378a4.pde-rs-076f2e4378a4{font-size:16px} #pde-resource-ai .pde-rs-bb586760f703.pde-rs-bb586760f703.pde-rs-bb586760f703{margin-top:24px} #pde-resource-ai .pde-rs-b11fd1b9ea45.pde-rs-b11fd1b9ea45.pde-rs-b11fd1b9ea45{display:inline-block;margin:0 10px 10px 0;padding:12px 18px;background:#15803d;color:#ffffff;text-decoration:none;border-radius:8px;font-weight:700} #pde-resource-ai .pde-rs-b9cb57fa64f9.pde-rs-b9cb57fa64f9.pde-rs-b9cb57fa64f9{display:inline-block;margin:0 0 10px 0;padding:12px 18px;background:#b91c1c;color:#ffffff;text-decoration:none;border-radius:8px;font-weight:700} #pde-resource-ai .pde-rs-ef864b030f8e.pde-rs-ef864b030f8e.pde-rs-ef864b030f8e{font-family:system-ui;padding:24px;line-height:1.5} #pde-resource-ai .pde-rs-03c76c4a1e21.pde-rs-03c76c4a1e21.pde-rs-03c76c4a1e21{justify-content:center;} #pde-resource-ai .pde-rs-b7e26df43912.pde-rs-b7e26df43912.pde-rs-b7e26df43912{font-size:26px;} #pde-resource-ai .pde-rs-e4a61337b4be.pde-rs-e4a61337b4be.pde-rs-e4a61337b4be{font-family:Arial; font-size:15px;} #pde-resource-ai .pde-rs-417ac91dfe99.pde-rs-417ac91dfe99.pde-rs-417ac91dfe99{background:#2ecc71; color:#fff; padding:10px 15px; border-radius:5px; text-decoration:none; font-size:16px;} #pde-resource-ai .pde-rs-a75e8cfddb5d.pde-rs-a75e8cfddb5d.pde-rs-a75e8cfddb5d{border-radius:8px; margin:10px 0;} #pde-resource-ai .pde-rs-a1c85f21bbbc.pde-rs-a1c85f21bbbc.pde-rs-a1c85f21bbbc{max-width:90px} #pde-resource-ai .pde-rs-1da3acaf2f5c.pde-rs-1da3acaf2f5c.pde-rs-1da3acaf2f5c{padding:16px 16px 0 16px} #pde-resource-ai .pde-rs-9538ccbc2718.pde-rs-9538ccbc2718.pde-rs-9538ccbc2718{padding:16px} #pde-resource-ai .pde-rs-f2fc63fc419f.pde-rs-f2fc63fc419f.pde-rs-f2fc63fc419f{margin:0 0 12px;font-size:20px} #pde-resource-ai .pde-rs-a6b7cb72a2c2.pde-rs-a6b7cb72a2c2.pde-rs-a6b7cb72a2c2{margin:0 0 6px;font-size:22px} #pde-resource-ai .pde-rs-9d9eec85e62d.pde-rs-9d9eec85e62d.pde-rs-9d9eec85e62d{margin:16px 0} #pde-resource-ai .pde-rs-d31372a47adc.pde-rs-d31372a47adc.pde-rs-d31372a47adc{margin:0;padding:0;background:#f6f7fb;font-family:Arial,sans-serif;color:#333} #pde-resource-ai .pde-rs-4b5fd38ae20e.pde-rs-4b5fd38ae20e.pde-rs-4b5fd38ae20e{max-width:620px;margin:0 auto;padding:24px 16px} #pde-resource-ai .pde-rs-6157a19dead9.pde-rs-6157a19dead9.pde-rs-6157a19dead9{background:#fff;border:1px solid #e3e4ea;border-radius:14px;padding:26px} #pde-resource-ai .pde-rs-f96080581dbf.pde-rs-f96080581dbf.pde-rs-f96080581dbf{margin:0 0 18px} #pde-resource-ai .pde-rs-d190504eb4dd.pde-rs-d190504eb4dd.pde-rs-d190504eb4dd{margin:0 0 22px} #pde-resource-ai .pde-rs-0a9dcb91767a.pde-rs-0a9dcb91767a.pde-rs-0a9dcb91767a{margin:0 0 22px;text-align:center} #pde-resource-ai .pde-rs-d5ca95094d13.pde-rs-d5ca95094d13.pde-rs-d5ca95094d13{display:inline-block;padding:14px 22px;border-radius:10px;background:#6d50bd;color:#fff;text-decoration:none;font-weight:bold} #pde-resource-ai .pde-rs-2e83d073df8b.pde-rs-2e83d073df8b.pde-rs-2e83d073df8b{margin:0} #pde-resource-ai .pde-rs-7d1d4115faa9.pde-rs-7d1d4115faa9.pde-rs-7d1d4115faa9{color:#563c9d} #pde-resource-ai .pde-rs-d1384321a2d8.pde-rs-d1384321a2d8.pde-rs-d1384321a2d8{--swatch:#000000} #pde-resource-ai .pde-rs-68f7347d9152.pde-rs-68f7347d9152.pde-rs-68f7347d9152{--swatch:#1f2937} #pde-resource-ai .pde-rs-cdc568d12111.pde-rs-cdc568d12111.pde-rs-cdc568d12111{--swatch:#475569} #pde-resource-ai .pde-rs-886bb2b3a3c5.pde-rs-886bb2b3a3c5.pde-rs-886bb2b3a3c5{--swatch:#64748b} #pde-resource-ai .pde-rs-815acc4c48fe.pde-rs-815acc4c48fe.pde-rs-815acc4c48fe{--swatch:#94a3b8} #pde-resource-ai .pde-rs-4d1dec26188b.pde-rs-4d1dec26188b.pde-rs-4d1dec26188b{--swatch:#cbd5e1} #pde-resource-ai .pde-rs-98ede1d2e2c8.pde-rs-98ede1d2e2c8.pde-rs-98ede1d2e2c8{--swatch:#e2e8f0} #pde-resource-ai .pde-rs-25ae4b5f2d04.pde-rs-25ae4b5f2d04.pde-rs-25ae4b5f2d04{--swatch:#ffffff} #pde-resource-ai .pde-rs-3ec3bf238a3c.pde-rs-3ec3bf238a3c.pde-rs-3ec3bf238a3c{--swatch:#7f1d1d} #pde-resource-ai .pde-rs-b13e0b55b6e8.pde-rs-b13e0b55b6e8.pde-rs-b13e0b55b6e8{--swatch:#991b1b} #pde-resource-ai .pde-rs-8f95a793abbe.pde-rs-8f95a793abbe.pde-rs-8f95a793abbe{--swatch:#b91c1c} #pde-resource-ai .pde-rs-0d6f68338a31.pde-rs-0d6f68338a31.pde-rs-0d6f68338a31{--swatch:#dc2626} #pde-resource-ai .pde-rs-f02db4335e55.pde-rs-f02db4335e55.pde-rs-f02db4335e55{--swatch:#ef4444} #pde-resource-ai .pde-rs-26cd97138cf9.pde-rs-26cd97138cf9.pde-rs-26cd97138cf9{--swatch:#f87171} #pde-resource-ai .pde-rs-8d39a77958e8.pde-rs-8d39a77958e8.pde-rs-8d39a77958e8{--swatch:#fca5a5} #pde-resource-ai .pde-rs-69052338e40e.pde-rs-69052338e40e.pde-rs-69052338e40e{--swatch:#fecaca} #pde-resource-ai .pde-rs-7d77806fc229.pde-rs-7d77806fc229.pde-rs-7d77806fc229{--swatch:#7c2d12} #pde-resource-ai .pde-rs-8f2a1ba98408.pde-rs-8f2a1ba98408.pde-rs-8f2a1ba98408{--swatch:#9a3412} #pde-resource-ai .pde-rs-fb8d19f3fafa.pde-rs-fb8d19f3fafa.pde-rs-fb8d19f3fafa{--swatch:#c2410c} #pde-resource-ai .pde-rs-ae477f3ec146.pde-rs-ae477f3ec146.pde-rs-ae477f3ec146{--swatch:#ea580c} #pde-resource-ai .pde-rs-d969706aa22a.pde-rs-d969706aa22a.pde-rs-d969706aa22a{--swatch:#f97316} #pde-resource-ai .pde-rs-a18f624b5634.pde-rs-a18f624b5634.pde-rs-a18f624b5634{--swatch:#fb923c} #pde-resource-ai .pde-rs-ef87928f817e.pde-rs-ef87928f817e.pde-rs-ef87928f817e{--swatch:#fdba74} #pde-resource-ai .pde-rs-2f2faf890bd5.pde-rs-2f2faf890bd5.pde-rs-2f2faf890bd5{--swatch:#fed7aa} #pde-resource-ai .pde-rs-d1a297526c14.pde-rs-d1a297526c14.pde-rs-d1a297526c14{--swatch:#78350f} #pde-resource-ai .pde-rs-e2565b21afe1.pde-rs-e2565b21afe1.pde-rs-e2565b21afe1{--swatch:#92400e} #pde-resource-ai .pde-rs-9f2205688c0a.pde-rs-9f2205688c0a.pde-rs-9f2205688c0a{--swatch:#b45309} #pde-resource-ai .pde-rs-5d286abb16ab.pde-rs-5d286abb16ab.pde-rs-5d286abb16ab{--swatch:#d97706} #pde-resource-ai .pde-rs-dad3f33b99c3.pde-rs-dad3f33b99c3.pde-rs-dad3f33b99c3{--swatch:#f59e0b} #pde-resource-ai .pde-rs-d6c37c5d1961.pde-rs-d6c37c5d1961.pde-rs-d6c37c5d1961{--swatch:#fbbf24} #pde-resource-ai .pde-rs-72203610fa16.pde-rs-72203610fa16.pde-rs-72203610fa16{--swatch:#fcd34d} #pde-resource-ai .pde-rs-47f396ec5e16.pde-rs-47f396ec5e16.pde-rs-47f396ec5e16{--swatch:#fde68a} #pde-resource-ai .pde-rs-0131ee43e169.pde-rs-0131ee43e169.pde-rs-0131ee43e169{--swatch:#713f12} #pde-resource-ai .pde-rs-58924f1a0a98.pde-rs-58924f1a0a98.pde-rs-58924f1a0a98{--swatch:#854d0e} #pde-resource-ai .pde-rs-2338420f5ea5.pde-rs-2338420f5ea5.pde-rs-2338420f5ea5{--swatch:#a16207} #pde-resource-ai .pde-rs-9a194e4e57ca.pde-rs-9a194e4e57ca.pde-rs-9a194e4e57ca{--swatch:#ca8a04} #pde-resource-ai .pde-rs-14e690dce664.pde-rs-14e690dce664.pde-rs-14e690dce664{--swatch:#eab308} #pde-resource-ai .pde-rs-6e01905e34cc.pde-rs-6e01905e34cc.pde-rs-6e01905e34cc{--swatch:#facc15} #pde-resource-ai .pde-rs-249ba3e5f14b.pde-rs-249ba3e5f14b.pde-rs-249ba3e5f14b{--swatch:#fde047} #pde-resource-ai .pde-rs-2a24af17fae2.pde-rs-2a24af17fae2.pde-rs-2a24af17fae2{--swatch:#fef08a} #pde-resource-ai .pde-rs-d65327a470eb.pde-rs-d65327a470eb.pde-rs-d65327a470eb{--swatch:#365314} #pde-resource-ai .pde-rs-1fc95be04afb.pde-rs-1fc95be04afb.pde-rs-1fc95be04afb{--swatch:#3f6212} #pde-resource-ai .pde-rs-5107ef0c5780.pde-rs-5107ef0c5780.pde-rs-5107ef0c5780{--swatch:#4d7c0f} #pde-resource-ai .pde-rs-6b9a46158d7c.pde-rs-6b9a46158d7c.pde-rs-6b9a46158d7c{--swatch:#65a30d} #pde-resource-ai .pde-rs-64f5a55022b9.pde-rs-64f5a55022b9.pde-rs-64f5a55022b9{--swatch:#84cc16} #pde-resource-ai .pde-rs-ce592849084f.pde-rs-ce592849084f.pde-rs-ce592849084f{--swatch:#a3e635} #pde-resource-ai .pde-rs-d600989058fc.pde-rs-d600989058fc.pde-rs-d600989058fc{--swatch:#bef264} #pde-resource-ai .pde-rs-62a30279fcc8.pde-rs-62a30279fcc8.pde-rs-62a30279fcc8{--swatch:#d9f99d} #pde-resource-ai .pde-rs-7ced173f8e6a.pde-rs-7ced173f8e6a.pde-rs-7ced173f8e6a{--swatch:#14532d} #pde-resource-ai .pde-rs-534d86aed9e5.pde-rs-534d86aed9e5.pde-rs-534d86aed9e5{--swatch:#166534} #pde-resource-ai .pde-rs-9c2f55140f30.pde-rs-9c2f55140f30.pde-rs-9c2f55140f30{--swatch:#15803d} #pde-resource-ai .pde-rs-fd0dce1e70de.pde-rs-fd0dce1e70de.pde-rs-fd0dce1e70de{--swatch:#16a34a} #pde-resource-ai .pde-rs-2d573b50b040.pde-rs-2d573b50b040.pde-rs-2d573b50b040{--swatch:#22c55e} #pde-resource-ai .pde-rs-8e2d922f9943.pde-rs-8e2d922f9943.pde-rs-8e2d922f9943{--swatch:#4ade80} #pde-resource-ai .pde-rs-12f58111b8ba.pde-rs-12f58111b8ba.pde-rs-12f58111b8ba{--swatch:#86efac} #pde-resource-ai .pde-rs-0a70010245a9.pde-rs-0a70010245a9.pde-rs-0a70010245a9{--swatch:#bbf7d0} #pde-resource-ai .pde-rs-3b72a02e3ee2.pde-rs-3b72a02e3ee2.pde-rs-3b72a02e3ee2{--swatch:#064e3b} #pde-resource-ai .pde-rs-9984fb046661.pde-rs-9984fb046661.pde-rs-9984fb046661{--swatch:#065f46} #pde-resource-ai .pde-rs-850dcc4803b1.pde-rs-850dcc4803b1.pde-rs-850dcc4803b1{--swatch:#047857} #pde-resource-ai .pde-rs-6fa3ad3607c0.pde-rs-6fa3ad3607c0.pde-rs-6fa3ad3607c0{--swatch:#059669} #pde-resource-ai .pde-rs-40da89dbc80e.pde-rs-40da89dbc80e.pde-rs-40da89dbc80e{--swatch:#10b981} #pde-resource-ai .pde-rs-70f76e03dbf0.pde-rs-70f76e03dbf0.pde-rs-70f76e03dbf0{--swatch:#34d399} #pde-resource-ai .pde-rs-ef01d3cc31ff.pde-rs-ef01d3cc31ff.pde-rs-ef01d3cc31ff{--swatch:#6ee7b7} #pde-resource-ai .pde-rs-4de59c9d8558.pde-rs-4de59c9d8558.pde-rs-4de59c9d8558{--swatch:#a7f3d0} #pde-resource-ai .pde-rs-d36bdb36ca0a.pde-rs-d36bdb36ca0a.pde-rs-d36bdb36ca0a{--swatch:#134e4a} #pde-resource-ai .pde-rs-3744e4963737.pde-rs-3744e4963737.pde-rs-3744e4963737{--swatch:#115e59} #pde-resource-ai .pde-rs-3526f5316150.pde-rs-3526f5316150.pde-rs-3526f5316150{--swatch:#0f766e} #pde-resource-ai .pde-rs-abf97083b453.pde-rs-abf97083b453.pde-rs-abf97083b453{--swatch:#0d9488} #pde-resource-ai .pde-rs-bca92d36ba52.pde-rs-bca92d36ba52.pde-rs-bca92d36ba52{--swatch:#14b8a6} #pde-resource-ai .pde-rs-eff7e70a2dc1.pde-rs-eff7e70a2dc1.pde-rs-eff7e70a2dc1{--swatch:#2dd4bf} #pde-resource-ai .pde-rs-17efe9484315.pde-rs-17efe9484315.pde-rs-17efe9484315{--swatch:#5eead4} #pde-resource-ai .pde-rs-7661399d455e.pde-rs-7661399d455e.pde-rs-7661399d455e{--swatch:#99f6e4} #pde-resource-ai .pde-rs-d243498ffbab.pde-rs-d243498ffbab.pde-rs-d243498ffbab{--swatch:#164e63} #pde-resource-ai .pde-rs-55bf71651bda.pde-rs-55bf71651bda.pde-rs-55bf71651bda{--swatch:#155e75} #pde-resource-ai .pde-rs-9e1cc8d209cd.pde-rs-9e1cc8d209cd.pde-rs-9e1cc8d209cd{--swatch:#0e7490} #pde-resource-ai .pde-rs-f6b9f9c256ad.pde-rs-f6b9f9c256ad.pde-rs-f6b9f9c256ad{--swatch:#0891b2} #pde-resource-ai .pde-rs-0c75e037f4cd.pde-rs-0c75e037f4cd.pde-rs-0c75e037f4cd{--swatch:#06b6d4} #pde-resource-ai .pde-rs-db44678f7654.pde-rs-db44678f7654.pde-rs-db44678f7654{--swatch:#22d3ee} #pde-resource-ai .pde-rs-4a8dbbc8d01b.pde-rs-4a8dbbc8d01b.pde-rs-4a8dbbc8d01b{--swatch:#67e8f9} #pde-resource-ai .pde-rs-e4dd375c0fb5.pde-rs-e4dd375c0fb5.pde-rs-e4dd375c0fb5{--swatch:#a5f3fc} #pde-resource-ai .pde-rs-f47d3c341dd4.pde-rs-f47d3c341dd4.pde-rs-f47d3c341dd4{--swatch:#0c4a6e} #pde-resource-ai .pde-rs-7c41decd67ba.pde-rs-7c41decd67ba.pde-rs-7c41decd67ba{--swatch:#075985} #pde-resource-ai .pde-rs-f1acc9fb4973.pde-rs-f1acc9fb4973.pde-rs-f1acc9fb4973{--swatch:#0369a1} #pde-resource-ai .pde-rs-ae7c8ea61336.pde-rs-ae7c8ea61336.pde-rs-ae7c8ea61336{--swatch:#0284c7} #pde-resource-ai .pde-rs-1762963b2ddc.pde-rs-1762963b2ddc.pde-rs-1762963b2ddc{--swatch:#0ea5e9} #pde-resource-ai .pde-rs-5ebeb62a47ce.pde-rs-5ebeb62a47ce.pde-rs-5ebeb62a47ce{--swatch:#38bdf8} #pde-resource-ai .pde-rs-25b3632a0aff.pde-rs-25b3632a0aff.pde-rs-25b3632a0aff{--swatch:#7dd3fc} #pde-resource-ai .pde-rs-06860397bf84.pde-rs-06860397bf84.pde-rs-06860397bf84{--swatch:#bae6fd} #pde-resource-ai .pde-rs-9659a54996c4.pde-rs-9659a54996c4.pde-rs-9659a54996c4{--swatch:#1e3a8a} #pde-resource-ai .pde-rs-f8bedb1a8e6f.pde-rs-f8bedb1a8e6f.pde-rs-f8bedb1a8e6f{--swatch:#1e40af} #pde-resource-ai .pde-rs-83c0573e4d3d.pde-rs-83c0573e4d3d.pde-rs-83c0573e4d3d{--swatch:#1d4ed8} #pde-resource-ai .pde-rs-f563783fdca0.pde-rs-f563783fdca0.pde-rs-f563783fdca0{--swatch:#2563eb} #pde-resource-ai .pde-rs-64078cd5535b.pde-rs-64078cd5535b.pde-rs-64078cd5535b{--swatch:#3b82f6} #pde-resource-ai .pde-rs-2ac7a7222a5d.pde-rs-2ac7a7222a5d.pde-rs-2ac7a7222a5d{--swatch:#60a5fa} #pde-resource-ai .pde-rs-600adddb9270.pde-rs-600adddb9270.pde-rs-600adddb9270{--swatch:#93c5fd} #pde-resource-ai .pde-rs-ce8630d09339.pde-rs-ce8630d09339.pde-rs-ce8630d09339{--swatch:#bfdbfe} #pde-resource-ai .pde-rs-be37ae9b1c9a.pde-rs-be37ae9b1c9a.pde-rs-be37ae9b1c9a{--swatch:#312e81} #pde-resource-ai .pde-rs-6af1efb1199b.pde-rs-6af1efb1199b.pde-rs-6af1efb1199b{--swatch:#3730a3} #pde-resource-ai .pde-rs-d963810f218b.pde-rs-d963810f218b.pde-rs-d963810f218b{--swatch:#4338ca} #pde-resource-ai .pde-rs-67d55008ce78.pde-rs-67d55008ce78.pde-rs-67d55008ce78{--swatch:#4f46e5} #pde-resource-ai .pde-rs-6074e0f4247d.pde-rs-6074e0f4247d.pde-rs-6074e0f4247d{--swatch:#6366f1} #pde-resource-ai .pde-rs-ccf3ab9de0c9.pde-rs-ccf3ab9de0c9.pde-rs-ccf3ab9de0c9{--swatch:#818cf8} #pde-resource-ai .pde-rs-672dbbbd0d05.pde-rs-672dbbbd0d05.pde-rs-672dbbbd0d05{--swatch:#a5b4fc} #pde-resource-ai .pde-rs-aa724a46ea71.pde-rs-aa724a46ea71.pde-rs-aa724a46ea71{--swatch:#c7d2fe} #pde-resource-ai .pde-rs-2799aaa545f2.pde-rs-2799aaa545f2.pde-rs-2799aaa545f2{--swatch:#4c1d95} #pde-resource-ai .pde-rs-269eb50d5ff4.pde-rs-269eb50d5ff4.pde-rs-269eb50d5ff4{--swatch:#5b21b6} #pde-resource-ai .pde-rs-0cba0b3ea727.pde-rs-0cba0b3ea727.pde-rs-0cba0b3ea727{--swatch:#6d28d9} #pde-resource-ai .pde-rs-9b8f66bd2447.pde-rs-9b8f66bd2447.pde-rs-9b8f66bd2447{--swatch:#7c3aed} #pde-resource-ai .pde-rs-a3806b92b592.pde-rs-a3806b92b592.pde-rs-a3806b92b592{--swatch:#8b5cf6} #pde-resource-ai .pde-rs-f287004e2efb.pde-rs-f287004e2efb.pde-rs-f287004e2efb{--swatch:#a78bfa} #pde-resource-ai .pde-rs-380b82097cf2.pde-rs-380b82097cf2.pde-rs-380b82097cf2{--swatch:#c4b5fd} #pde-resource-ai .pde-rs-4bd3ab8be43d.pde-rs-4bd3ab8be43d.pde-rs-4bd3ab8be43d{--swatch:#ddd6fe} #pde-resource-ai .pde-rs-20c4dfbdae15.pde-rs-20c4dfbdae15.pde-rs-20c4dfbdae15{--swatch:#581c87} #pde-resource-ai .pde-rs-278c54b1e096.pde-rs-278c54b1e096.pde-rs-278c54b1e096{--swatch:#6b21a8} #pde-resource-ai .pde-rs-8f74ca70b372.pde-rs-8f74ca70b372.pde-rs-8f74ca70b372{--swatch:#7e22ce} #pde-resource-ai .pde-rs-ce4c020e8749.pde-rs-ce4c020e8749.pde-rs-ce4c020e8749{--swatch:#9333ea} #pde-resource-ai .pde-rs-87787a4bc3e8.pde-rs-87787a4bc3e8.pde-rs-87787a4bc3e8{--swatch:#a855f7} #pde-resource-ai .pde-rs-4da30f07b373.pde-rs-4da30f07b373.pde-rs-4da30f07b373{--swatch:#c084fc} #pde-resource-ai .pde-rs-1e401e6bff19.pde-rs-1e401e6bff19.pde-rs-1e401e6bff19{--swatch:#d8b4fe} #pde-resource-ai .pde-rs-d92cca07ea9c.pde-rs-d92cca07ea9c.pde-rs-d92cca07ea9c{--swatch:#e9d5ff} #pde-resource-ai .pde-rs-217ec53ec3b9.pde-rs-217ec53ec3b9.pde-rs-217ec53ec3b9{--swatch:#701a75} #pde-resource-ai .pde-rs-a5d7c749e865.pde-rs-a5d7c749e865.pde-rs-a5d7c749e865{--swatch:#86198f} #pde-resource-ai .pde-rs-141edeb10395.pde-rs-141edeb10395.pde-rs-141edeb10395{--swatch:#a21caf} #pde-resource-ai .pde-rs-4436b25025ce.pde-rs-4436b25025ce.pde-rs-4436b25025ce{--swatch:#c026d3} #pde-resource-ai .pde-rs-5f3a86ed375c.pde-rs-5f3a86ed375c.pde-rs-5f3a86ed375c{--swatch:#d946ef} #pde-resource-ai .pde-rs-b5af9c6fb705.pde-rs-b5af9c6fb705.pde-rs-b5af9c6fb705{--swatch:#e879f9} #pde-resource-ai .pde-rs-d71b98553b39.pde-rs-d71b98553b39.pde-rs-d71b98553b39{--swatch:#f0abfc} #pde-resource-ai .pde-rs-65aa222e2c97.pde-rs-65aa222e2c97.pde-rs-65aa222e2c97{--swatch:#f5d0fe} #pde-resource-ai .pde-rs-e1b10febba11.pde-rs-e1b10febba11.pde-rs-e1b10febba11{--swatch:#831843} #pde-resource-ai .pde-rs-55faed3cbccc.pde-rs-55faed3cbccc.pde-rs-55faed3cbccc{--swatch:#9d174d} #pde-resource-ai .pde-rs-d59906adb5cd.pde-rs-d59906adb5cd.pde-rs-d59906adb5cd{--swatch:#be185d} #pde-resource-ai .pde-rs-a1bca96b352b.pde-rs-a1bca96b352b.pde-rs-a1bca96b352b{--swatch:#db2777} #pde-resource-ai .pde-rs-ef7a9da7a746.pde-rs-ef7a9da7a746.pde-rs-ef7a9da7a746{--swatch:#ec4899} #pde-resource-ai .pde-rs-4b57735e8dc8.pde-rs-4b57735e8dc8.pde-rs-4b57735e8dc8{--swatch:#f472b6} #pde-resource-ai .pde-rs-542194b767cf.pde-rs-542194b767cf.pde-rs-542194b767cf{--swatch:#f9a8d4} #pde-resource-ai .pde-rs-1f3869d2a9af.pde-rs-1f3869d2a9af.pde-rs-1f3869d2a9af{--swatch:#fbcfe8} #pde-resource-ai .pde-rs-ded5c4960b6f.pde-rs-ded5c4960b6f.pde-rs-ded5c4960b6f{--swatch:#881337} #pde-resource-ai .pde-rs-5eea7eb76e90.pde-rs-5eea7eb76e90.pde-rs-5eea7eb76e90{--swatch:#9f1239} #pde-resource-ai .pde-rs-8829befd2dab.pde-rs-8829befd2dab.pde-rs-8829befd2dab{--swatch:#be123c} #pde-resource-ai .pde-rs-f7d893ffd84c.pde-rs-f7d893ffd84c.pde-rs-f7d893ffd84c{--swatch:#e11d48} #pde-resource-ai .pde-rs-afa6224ad7fb.pde-rs-afa6224ad7fb.pde-rs-afa6224ad7fb{--swatch:#f43f5e} #pde-resource-ai .pde-rs-06bfd2ab232d.pde-rs-06bfd2ab232d.pde-rs-06bfd2ab232d{--swatch:#fb7185} #pde-resource-ai .pde-rs-f56a5aa0f787.pde-rs-f56a5aa0f787.pde-rs-f56a5aa0f787{--swatch:#fda4af} #pde-resource-ai .pde-rs-9e1a24627d99.pde-rs-9e1a24627d99.pde-rs-9e1a24627d99{--swatch:#fecdd3} #pde-resource-ai .pde-rs-83891f2cbe98.pde-rs-83891f2cbe98.pde-rs-83891f2cbe98{--choice-color:var(--teal)} #pde-resource-ai .pde-rs-e25c5b790368.pde-rs-e25c5b790368.pde-rs-e25c5b790368{--choice-color:var(--blue)} #pde-resource-ai .pde-rs-1be4c1d75c0e.pde-rs-1be4c1d75c0e.pde-rs-1be4c1d75c0e{color:#d7374f} #pde-resource-ai .pde-rs-5806b67a3923.pde-rs-5806b67a3923.pde-rs-5806b67a3923{color:#d7374f} #pde-resource-ai .pde-rs-75ea9c50c636.pde-rs-75ea9c50c636.pde-rs-75ea9c50c636{--choice-color:#1769e0} #pde-resource-ai .pde-rs-ba3d81d5c7aa.pde-rs-ba3d81d5c7aa.pde-rs-ba3d81d5c7aa{--choice-color:#7b55d9} #pde-resource-ai .pde-rs-864d76b54fc1.pde-rs-864d76b54fc1.pde-rs-864d76b54fc1{--cat-color:#d89a12} #pde-resource-ai .pde-rs-0cdb88f65705.pde-rs-0cdb88f65705.pde-rs-0cdb88f65705{--cat-color:#1769e0} #pde-resource-ai .pde-rs-0eb3fa4da184.pde-rs-0eb3fa4da184.pde-rs-0eb3fa4da184{--cat-color:#8b55d9} #pde-resource-ai .pde-rs-048b1a0dc00e.pde-rs-048b1a0dc00e.pde-rs-048b1a0dc00e{--cat-color:#2da65a} #pde-resource-ai .pde-rs-c762a76b143a.pde-rs-c762a76b143a.pde-rs-c762a76b143a{--cat-color:#e05b5b} #pde-resource-ai .pde-rs-f4b74615cf7d.pde-rs-f4b74615cf7d.pde-rs-f4b74615cf7d{--cat-color:#dc7a2d} #pde-resource-ai .pde-rs-67816da2421b.pde-rs-67816da2421b.pde-rs-67816da2421b{--tone-color:#1769e0} #pde-resource-ai .pde-rs-8cc8daa76d67.pde-rs-8cc8daa76d67.pde-rs-8cc8daa76d67{--tone-color:#2da65a} #pde-resource-ai .pde-rs-462dd8f6a95d.pde-rs-462dd8f6a95d.pde-rs-462dd8f6a95d{--tone-color:#dc4c4c} #pde-resource-ai .pde-rs-b09b6f666265.pde-rs-b09b6f666265.pde-rs-b09b6f666265{--tone-color:#f2b01e} #pde-resource-ai .pde-rs-1d9f1cce3101.pde-rs-1d9f1cce3101.pde-rs-1d9f1cce3101{--choice-color:#2da65a} #pde-resource-ai .pde-rs-30872f563622.pde-rs-30872f563622.pde-rs-30872f563622{--choice-color:#dc4c4c} #pde-resource-ai .pde-rs-975df62dbb78.pde-rs-975df62dbb78.pde-rs-975df62dbb78{color:#d7374f} #pde-resource-ai .pde-rs-075173e142e5.pde-rs-075173e142e5.pde-rs-075173e142e5{display:inline-block;margin-top:6px;padding:8px 16px;background:#1da1c2;color:#ffffff !important;text-decoration:none;border-radius:999px;font-size:13px;font-family:Arial,Helvetica,sans-serif;} #pde-resource-ai .pde-rs-08b87ee77d2e.pde-rs-08b87ee77d2e.pde-rs-08b87ee77d2e{color:#22c55e} #pde-resource-ai .pde-rs-6a83595de165.pde-rs-6a83595de165.pde-rs-6a83595de165{border:1px solid rgba(34,197,94,.6)} #pde-resource-ai .pde-rs-1f4d85255a87.pde-rs-1f4d85255a87.pde-rs-1f4d85255a87{display:inline-block;margin-top:6px;padding:8px 16px;background:#22c55e;color:#ffffff !important;text-decoration:none;border-radius:999px;font-size:13px;font-family:Arial,Helvetica,sans-serif;} #pde-resource-ai .pde-rs-a5c01271cf97.pde-rs-a5c01271cf97.pde-rs-a5c01271cf97{color:#f59e0b} #pde-resource-ai .pde-rs-e1f65f0b0bb8.pde-rs-e1f65f0b0bb8.pde-rs-e1f65f0b0bb8{border:1px solid rgba(245,158,11,.6)} #pde-resource-ai .pde-rs-fb5096f9f568.pde-rs-fb5096f9f568.pde-rs-fb5096f9f568{display:inline-block;margin-top:6px;padding:8px 16px;background:#f59e0b;color:#ffffff !important;text-decoration:none;border-radius:999px;font-size:13px;font-family:Arial,Helvetica,sans-serif;} #pde-resource-ai .pde-rs-00e932c4314f.pde-rs-00e932c4314f.pde-rs-00e932c4314f{position:sticky;top:0;z-index:9999;padding:12px 16px;background:#162433;color:#fff;font:14px Arial,sans-serif;text-align:center} #pde-resource-ai .pde-rs-6045b6176429.pde-rs-6045b6176429.pde-rs-6045b6176429{display:inline-flex;align-items:center;gap:10px;margin:0} #pde-resource-ai .pde-rs-acc6df93bb21.pde-rs-acc6df93bb21.pde-rs-acc6df93bb21{border:0;border-radius:7px;padding:9px 14px;background:#0d95a8;color:#fff;font-weight:700;cursor:pointer} #pde-resource-ai .pde-rs-c4e088d067db.pde-rs-c4e088d067db.pde-rs-c4e088d067db{margin:0;padding:10px;background:#dcfce7;color:#166534;font:14px Arial,sans-serif;text-align:center} #pde-resource-ai .pde-rs-a744d3862f21.pde-rs-a744d3862f21.pde-rs-a744d3862f21{margin:0;padding:10px;background:#fee2e2;color:#991b1b;font:14px Arial,sans-serif;text-align:center} #pde-resource-ai .pde-rs-5a91de0817e2.pde-rs-5a91de0817e2.pde-rs-5a91de0817e2{margin:0;padding:32px;background:#f4f7f6;font-family:Arial,sans-serif;color:#334155} #pde-resource-ai .pde-rs-ed06619407a3.pde-rs-ed06619407a3.pde-rs-ed06619407a3{max-width:680px;margin:auto;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px} #pde-resource-ai .pde-rs-3e930945596c.pde-rs-3e930945596c.pde-rs-3e930945596c{font-size:22px;margin-top:0;color:#dc2626} #pde-resource-ai .pde-rs-4984ce377b3d.pde-rs-4984ce377b3d.pde-rs-4984ce377b3d{position:absolute;top:0;right:0;z-index:3;width:124px;height:124px;object-fit:contain;object-position:top right;pointer-events:none} #pde-resource-ai .pde-rs-5ecce5ab10be.pde-rs-5ecce5ab10be.pde-rs-5ecce5ab10be{display:inline-block;padding:12px 18px;background:#289dcc;color:#fff;text-decoration:none;border-radius:8px;font-weight:700;} #pde-resource-ai .pde-rs-a3f09beee2f8.pde-rs-a3f09beee2f8.pde-rs-a3f09beee2f8{display:none;} #pde-resource-ai .pde-rs-79487e4b86a8.pde-rs-79487e4b86a8.pde-rs-79487e4b86a8{display:flex;align-items:center;gap:12px;} #pde-resource-ai .pde-rs-3b85a8c8acc5.pde-rs-3b85a8c8acc5.pde-rs-3b85a8c8acc5{margin:0;flex:0 0 auto;} #pde-resource-ai .pde-rs-dc857d94a1f1.pde-rs-dc857d94a1f1.pde-rs-dc857d94a1f1{flex:1 1 auto;} #pde-resource-ai .pde-rs-2a2ffeeecdd0.pde-rs-2a2ffeeecdd0.pde-rs-2a2ffeeecdd0{display:flex;flex-direction:column;gap:8px;} #pde-resource-ai .pde-rs-895964c957de.pde-rs-895964c957de.pde-rs-895964c957de{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:12px 0 16px;} #pde-resource-ai .pde-rs-6945c4770ed8.pde-rs-6945c4770ed8.pde-rs-6945c4770ed8{font-family:Arial,sans-serif;padding:24px} #pde-resource-ai .pde-rs-982ad1672b96.pde-rs-982ad1672b96.pde-rs-982ad1672b96{white-space:pre-wrap;background:#f6f8fa;padding:12px;border:1px solid #d0d7de;border-radius:8px} #pde-resource-ai .pde-rs-fe22d2bad307.pde-rs-fe22d2bad307.pde-rs-fe22d2bad307{margin-bottom:8px} #pde-resource-ai .pde-rs-e392cc9bb8e8.pde-rs-e392cc9bb8e8.pde-rs-e392cc9bb8e8{text-decoration:none} #pde-resource-ai .pde-rs-aa13ef11eb97.pde-rs-aa13ef11eb97.pde-rs-aa13ef11eb97{margin:10px auto 0;width:min(100%,520px)} #pde-resource-ai .pde-rs-fba561c46f12.pde-rs-fba561c46f12.pde-rs-fba561c46f12{gap:10px;align-items:flex-start} #pde-resource-ai .pde-rs-74be9b92560f.pde-rs-74be9b92560f.pde-rs-74be9b92560f{flex:1;min-width:170px} #pde-resource-ai .pde-rs-f9c06e04ae8d.pde-rs-f9c06e04ae8d.pde-rs-f9c06e04ae8d{cursor:default} #pde-resource-ai .pde-rs-ffac5fd45e70.pde-rs-ffac5fd45e70.pde-rs-ffac5fd45e70{margin:0} #pde-resource-ai .pde-rs-4fd7c0aab92a.pde-rs-4fd7c0aab92a.pde-rs-4fd7c0aab92a{margin-top:12px} #pde-resource-ai .pde-rs-b83b7a0b22a0.pde-rs-b83b7a0b22a0.pde-rs-b83b7a0b22a0{display:block;margin:16px auto 0;width:min(100%,560px)} #pde-resource-ai .pde-rs-e14ad249c345.pde-rs-e14ad249c345.pde-rs-e14ad249c345{display:flex;justify-content:center;margin-top:16px} #pde-resource-ai .pde-rs-4d38aae324f8.pde-rs-4d38aae324f8.pde-rs-4d38aae324f8{white-space:nowrap;text-decoration:none} #pde-resource-ai .pde-rs-afbbb9cce03f.pde-rs-afbbb9cce03f.pde-rs-afbbb9cce03f{text-align:center} #pde-resource-ai .pde-rs-8169ad28819f.pde-rs-8169ad28819f.pde-rs-8169ad28819f{display:none} #pde-resource-ai .pde-rs-486a4b84fff3.pde-rs-486a4b84fff3.pde-rs-486a4b84fff3{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:8px} #pde-resource-ai .pde-rs-4789feae4345.pde-rs-4789feae4345.pde-rs-4789feae4345{background:#fff;color:#0f7fb2;display:none} #pde-resource-ai .pde-rs-5b4e2e135c0f.pde-rs-5b4e2e135c0f.pde-rs-5b4e2e135c0f{gap:8px} #pde-resource-ai .pde-rs-3bc82f64aca2.pde-rs-3bc82f64aca2.pde-rs-3bc82f64aca2{display:none;text-decoration:none} #pde-resource-ai .pde-rs-e4f44efaf1cf.pde-rs-e4f44efaf1cf.pde-rs-e4f44efaf1cf{background:#fff;color:#c63b3b;border:1px solid #c63b3b} #pde-resource-ai .pde-rs-bb051e37246b.pde-rs-bb051e37246b.pde-rs-bb051e37246b{background:#c63b3b} #pde-resource-ai .pde-rs-0c425b3b1186.pde-rs-0c425b3b1186.pde-rs-0c425b3b1186{flex:1} #pde-resource-ai .pde-rs-d40bc497d444.pde-rs-d40bc497d444.pde-rs-d40bc497d444{margin:0;padding-left:18px;} #pde-resource-ai .pde-rs-59bf30831669.pde-rs-59bf30831669.pde-rs-59bf30831669{margin:14px 0 0;font-size:1.25rem;} #pde-resource-ai .pde-rs-56da6a628a64.pde-rs-56da6a628a64.pde-rs-56da6a628a64{margin-bottom:10px;} #pde-resource-ai .pde-rs-c9bef4101332.pde-rs-c9bef4101332.pde-rs-c9bef4101332{margin-top:18px;} #pde-resource-ai .pde-rs-cd53558552d4.pde-rs-cd53558552d4.pde-rs-cd53558552d4{margin-top:18px} #pde-resource-ai .pde-rs-3b59bbccbcb6.pde-rs-3b59bbccbcb6.pde-rs-3b59bbccbcb6{margin-top:14px} #pde-resource-ai .pde-rs-7f929a19ea27.pde-rs-7f929a19ea27.pde-rs-7f929a19ea27{display:flex;gap:6px;margin-top:8px} #pde-resource-ai .pde-rs-d74362d3fe69.pde-rs-d74362d3fe69.pde-rs-d74362d3fe69{margin-top:6px} #pde-resource-ai .pde-rs-af911bc332b9.pde-rs-af911bc332b9.pde-rs-af911bc332b9{margin-top:10px;font-size:13px} #pde-resource-ai .pde-rs-817e57be2cdd.pde-rs-817e57be2cdd.pde-rs-817e57be2cdd{margin-top:16px} #pde-resource-ai .pde-rs-a5f522a99a2b.pde-rs-a5f522a99a2b.pde-rs-a5f522a99a2b{margin-top:10px;text-align:right} #pde-resource-ai .pde-rs-c85d4ab34964.pde-rs-c85d4ab34964.pde-rs-c85d4ab34964{background:#0796a0} #pde-resource-ai .pde-rs-da8e32fa6651.pde-rs-da8e32fa6651.pde-rs-da8e32fa6651{background:#ffbe20} #pde-resource-ai .pde-rs-91c245a8df60.pde-rs-91c245a8df60.pde-rs-91c245a8df60{background:#f32638} #pde-resource-ai .pde-rs-b946b9238d08.pde-rs-b946b9238d08.pde-rs-b946b9238d08{--control-color:#ffbe20} #pde-resource-ai .pde-rs-e3a033366351.pde-rs-e3a033366351.pde-rs-e3a033366351{--control-color:#f32638} #pde-resource-ai .pde-rs-56454b1a7376.pde-rs-56454b1a7376.pde-rs-56454b1a7376{--control-color:#7c4dff} #pde-resource-ai .pde-rs-1ebecab0dee7.pde-rs-1ebecab0dee7.pde-rs-1ebecab0dee7{--control-color:#40556a} #pde-resource-ai .pde-rs-2b427ffa471d.pde-rs-2b427ffa471d.pde-rs-2b427ffa471d{display:none} #pde-resource-ai .pde-rs-7f9c8ae72a95.pde-rs-7f9c8ae72a95.pde-rs-7f9c8ae72a95{display:none} #pde-resource-ai .pde-rs-ea3d1473a417.pde-rs-ea3d1473a417.pde-rs-ea3d1473a417{margin-top:8px} #pde-resource-ai .pde-rs-eab0f1ec02b5.pde-rs-eab0f1ec02b5.pde-rs-eab0f1ec02b5{max-width:520px} #pde-resource-ai .pde-rs-2dbd554f43d6.pde-rs-2dbd554f43d6.pde-rs-2dbd554f43d6{padding:8px 10px;border-radius:8px} #pde-resource-ai .pde-rs-3cad1c578e8b.pde-rs-3cad1c578e8b.pde-rs-3cad1c578e8b{margin:0 0 10px} #pde-resource-ai .pde-rs-b66d1715cec1.pde-rs-b66d1715cec1.pde-rs-b66d1715cec1{margin-top:12px} #pde-resource-ai .pde-rs-733d96644be5.pde-rs-733d96644be5.pde-rs-733d96644be5{display:none;margin-top:10px} #pde-resource-ai .pde-rs-d6ccfb6c89a8.pde-rs-d6ccfb6c89a8.pde-rs-d6ccfb6c89a8{max-width:420px} #pde-resource-ai .pde-rs-b4652b151b5c.pde-rs-b4652b151b5c.pde-rs-b4652b151b5c{margin:8px 0 16px;font-weight:700} #pde-resource-ai .pde-rs-8304515370bf.pde-rs-8304515370bf.pde-rs-8304515370bf{justify-content:flex-end} #pde-resource-ai .pde-rs-dfacffb388bf.pde-rs-dfacffb388bf.pde-rs-dfacffb388bf{min-width:0} #pde-resource-ai .pde-rs-7ff103ede7a3.pde-rs-7ff103ede7a3.pde-rs-7ff103ede7a3{display:inline-block;width:728px;height:90px} #pde-resource-ai .pde-rs-fc0dcd209267.pde-rs-fc0dcd209267.pde-rs-fc0dcd209267{display:flex;justify-content:center;margin:12px 0} #pde-resource-ai .pde-premium-progress-value.pde-premium-progress-value.pde-premium-progress-value{width:var(--pde-premium-progress)} #pde-resource-ai .dot{background:var(--pde-crypto-color)} #pde-resource-ai .pde-todo-parent-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.55);z-index:2147483000;pointer-events:none} /* pde-resource-ai-assets-styles-base.css */ #pde-resource-ai { --ai-ink: #17324d; --ai-muted: #667085; --ai-line: #e4edf5; --ai-soft: #f5fafc; --ai-panel: #ffffff; --ai-blue: #0798b3; --ai-teal: #0798b3; --ai-red: #c93535; --ai-amber: #936d00; --ai-shadow: 0 8px 24px rgba(23,50,77, .08); } #pde-resource-ai * { box-sizing: border-box; } #pde-resource-ai, #pde-resource-ai { min-height: 100%; margin: 0; } #pde-resource-ai.pde-ai-body { background: var(--ai-soft); color: var(--ai-ink); font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; } #pde-resource-ai button, #pde-resource-ai textarea, #pde-resource-ai a { font: inherit; } #pde-resource-ai button { cursor: pointer; } #pde-resource-ai button:disabled, #pde-resource-ai textarea:disabled { cursor: not-allowed; opacity: .62; } #pde-resource-ai .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } #pde-resource-ai .ai-shell { width: min(1180px, calc(100vw - 24px)); min-height: 760px; margin: 12px auto; display: grid; grid-template-columns: 320px minmax(0, 1fr); background: var(--ai-panel); border: 1px solid var(--ai-line); border-radius: 8px; box-shadow: var(--ai-shadow); } #pde-resource-ai .pde-ai-body--embed .ai-shell { width: 100%; min-height: 760px; margin: 0; border-radius: 0; border-left: 0; border-right: 0; box-shadow: none; } #pde-resource-ai .ai-sidebar { display: flex; min-width: 0; flex-direction: column; background: #f8fbfd; border-right: 1px solid var(--ai-line); } #pde-resource-ai .ai-sidebar__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px; border-bottom: 1px solid var(--ai-line); } #pde-resource-ai .ai-sidebar h1, #pde-resource-ai .ai-chat__title h2 { margin: 0; font-size: 19px; line-height: 1.2; } #pde-resource-ai .ai-kicker { margin: 0 0 5px; color: var(--ai-teal); font-size: 12px; font-weight: 800; text-transform: uppercase; } #pde-resource-ai .ai-icon-button { width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; border: 1px solid var(--ai-line); border-radius: 8px; background: #fff; color: var(--ai-blue); transition: background .16s ease, border-color .16s ease, color .16s ease; } #pde-resource-ai .ai-icon-button:hover, #pde-resource-ai .ai-icon-button:focus { background: #eef6ff; border-color: #b8d4f1; outline: none; } #pde-resource-ai .ai-icon-button--danger { color: var(--ai-red); } #pde-resource-ai .ai-icon-button--danger:hover, #pde-resource-ai .ai-icon-button--danger:focus { background: #fff1f1; border-color: #efb7b7; } #pde-resource-ai .ai-icon-button svg, #pde-resource-ai .ai-send svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } #pde-resource-ai .ai-thread-list { min-height: 0; padding: 10px; } #pde-resource-ai .ai-empty-list { margin: 10px 8px; color: var(--ai-muted); font-size: 14px; } #pde-resource-ai .ai-thread { width: 100%; min-height: 42px; display: flex; align-items: center; gap: 8px; padding: 3px 5px 3px 10px; border: 0; border-radius: 8px; background: transparent; color: var(--ai-ink); text-align: left; transition: background .16s ease, box-shadow .16s ease; } #pde-resource-ai .ai-thread:hover, #pde-resource-ai .ai-thread:focus-within { background: #f1f7f7; box-shadow: inset 0 0 0 1px #d4e7e6; outline: none; } #pde-resource-ai .ai-thread.is-active { background: transparent; box-shadow: none; } #pde-resource-ai .ai-thread.is-active:hover, #pde-resource-ai .ai-thread.is-active:focus-within { background: #eef6ff; box-shadow: inset 0 0 0 1px #c8dcf2; } #pde-resource-ai .ai-thread__title { min-width: 0; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 0; background: transparent; color: inherit; font: inherit; font-weight: 700; text-align: left; cursor: pointer; } #pde-resource-ai .ai-thread__title:focus { outline: none; } #pde-resource-ai .ai-thread__delete { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; border: 0; border-radius: 999px; background: transparent; color: var(--ai-red); opacity: 0; pointer-events: none; transform: translateX(4px); transition: opacity .14s ease, transform .14s ease, background .14s ease; } #pde-resource-ai .ai-thread:hover .ai-thread__delete, #pde-resource-ai .ai-thread:focus-within .ai-thread__delete { opacity: 1; pointer-events: auto; transform: translateX(0); } #pde-resource-ai .ai-thread__delete:hover, #pde-resource-ai .ai-thread__delete:focus { background: #fff1f1; outline: none; } #pde-resource-ai .ai-thread__delete svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } #pde-resource-ai .ai-chat { position: relative; display: grid; min-width: 0; min-height: 760px; grid-template-rows: auto auto auto auto; align-content: start; background: #fff; } #pde-resource-ai .ai-chat__header { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 18px; border-bottom: 1px solid var(--ai-line); } #pde-resource-ai .ai-chat__title { min-width: 0; } #pde-resource-ai .ai-chat__title h2 { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #pde-resource-ai .ai-chat__actions { display: flex; align-items: center; gap: 8px; } #pde-resource-ai .ai-social { display: inline-flex; align-items: center; gap: 7px; } #pde-resource-ai .ai-social__pill { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; border: 1px solid #d9e2ec; border-radius: 999px; background: #fff; box-shadow: 0 2px 7px rgba(19, 32, 51, .08); transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; } #pde-resource-ai .ai-social__pill:hover, #pde-resource-ai .ai-social__pill:focus { transform: translateY(-1px); border-color: #b8d4f1; box-shadow: 0 4px 12px rgba(19, 32, 51, .13); outline: none; } #pde-resource-ai .ai-social__pill img { display: block; width: 22px; height: 22px; object-fit: contain; } #pde-resource-ai .ai-status { margin: 12px 18px 0; padding: 10px 12px; border: 1px solid #d8c37a; border-radius: 8px; background: #fff8db; color: var(--ai-amber); font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; white-space: pre-wrap; } #pde-resource-ai .ai-status.is-error { border-color: #efb7b7; background: #fff1f1; color: #9f2727; } #pde-resource-ai .ai-messages { min-height: 420px; display: flex; flex-direction: column; gap: 16px; padding: 18px 18px calc(var(--ai-composer-height, 78px) + 24px); } #pde-resource-ai .ai-empty-chat { width: min(520px, 100%); margin: auto; display: grid; gap: 8px; text-align: center; color: var(--ai-muted); } #pde-resource-ai .ai-empty-chat strong { color: var(--ai-ink); font-size: 22px; } #pde-resource-ai .ai-empty-chat span { line-height: 1.5; } #pde-resource-ai .ai-message { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; } #pde-resource-ai .ai-message:focus { outline: none; } #pde-resource-ai .ai-message--user { align-items: flex-end; } #pde-resource-ai .ai-message--assistant { align-items: flex-start; } #pde-resource-ai .ai-message--user .ai-message__avatar { order: 1; } #pde-resource-ai .ai-message--user .ai-message__bubble { order: 2; } #pde-resource-ai .ai-message__avatar { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 34px; overflow: hidden; border: 1px solid #d9e2ec; border-radius: 50%; background: #fff; color: var(--ai-blue); font-size: 13px; font-weight: 900; position: relative; z-index: 1; } #pde-resource-ai .ai-message + .ai-message .ai-message__avatar { margin-top: -37px; } #pde-resource-ai .ai-message__bubble { margin-top: -8px; padding-top: 18px; } #pde-resource-ai .ai-message--user .ai-message__bubble { padding-right: 44px; } #pde-resource-ai .ai-message--assistant .ai-message__bubble { padding-left: 44px; } #pde-resource-ai .ai-message__bubble::before { content: none; } #pde-resource-ai .ai-message--assistant { position: relative; } #pde-resource-ai .ai-message--assistant .ai-message__avatar { position: absolute; top: 0; left: 0; margin-top: 0; } #pde-resource-ai .ai-message--assistant .ai-message__bubble::after { content: ""; width: 42px; height: 28px; float: left; } #pde-resource-ai .ai-message--user .ai-message__avatar { position: relative; top: auto; right: auto; margin-top: 0; margin-bottom: 0; transform: none; } #pde-resource-ai .ai-message--user .ai-message__bubble { margin-top: 0; padding-right: 14px; } #pde-resource-ai .ai-message + .ai-message .ai-message__avatar { margin-top: 0; } #pde-resource-ai .ai-message--user { gap: 2px; } #pde-resource-ai .ai-message--assistant { position: static; gap: 2px; } #pde-resource-ai .ai-message--assistant .ai-message__avatar { position: relative; top: auto; left: auto; margin-top: 0; margin-bottom: 0; transform: none; } #pde-resource-ai .ai-message--assistant .ai-message__bubble { margin-top: 0; padding-left: 14px; } #pde-resource-ai .ai-message--assistant .ai-message__bubble::after { content: none; } #pde-resource-ai .ai-shell { grid-template-columns: 1fr; } #pde-resource-ai .ai-sidebar { position: fixed; top: 0; left: 0; z-index: 30; width: min(82vw, 320px); height: 100vh; transform: translateX(-105%); transition: transform 0.18s ease; border-right: 1px solid var(--ai-line); border-bottom: 0; box-shadow: 0 18px 40px rgba(19, 32, 51, 0.18); } #pde-resource-ai .ai-shell.is-sidebar-open .ai-sidebar { transform: translateX(0); } #pde-resource-ai .ai-sidebar-backdrop { position: fixed; inset: 0; z-index: 29; display: block; border: 0; background: rgba(19, 32, 51, 0.28); } #pde-resource-ai .ai-sidebar-backdrop[hidden] { display: none; } #pde-resource-ai .ai-chat__header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; min-height: 64px; padding: 10px 12px; border-bottom: 0; } #pde-resource-ai .ai-chat__title { display: none; } #pde-resource-ai .ai-mobile-icon-button { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; padding: 0; color: var(--ai-ink); background: #fff; border: 0; border-radius: 999px; box-shadow: 0 8px 24px rgba(19, 32, 51, 0.12); cursor: pointer; } #pde-resource-ai .ai-mobile-icon-button svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2.35; stroke-linecap: round; stroke-linejoin: round; } #pde-resource-ai .ai-mobile-icon-button:disabled { opacity: 0.35; cursor: default; } #pde-resource-ai .ai-mobile-icon-button--threads { justify-self: start; } #pde-resource-ai .ai-mobile-actions { display: inline-flex; gap: 6px; justify-self: end; padding: 4px; background: #fff; border-radius: 999px; box-shadow: 0 8px 24px rgba(19, 32, 51, 0.12); } #pde-resource-ai .ai-mobile-actions .ai-mobile-icon-button { width: 42px; height: 42px; box-shadow: none; } #pde-resource-ai .ai-message__avatar img { display: block; width: 100%; height: 100%; object-fit: cover; } #pde-resource-ai .ai-message__bubble { position: relative; width: fit-content; max-width: min(82ch, 94%); padding: 12px 14px; border-radius: 8px; line-height: 1.55; overflow-wrap: anywhere; } #pde-resource-ai .ai-message__bubble::before { content: ""; position: absolute; top: -7px; width: 14px; height: 14px; background: inherit; transform: rotate(45deg); } #pde-resource-ai .ai-message.is-focus-target .ai-message__bubble { outline: none; } #pde-resource-ai .ai-message__bubble p { margin: 0 0 10px; } #pde-resource-ai .ai-message__bubble p:last-child, #pde-resource-ai .ai-message__bubble ul:last-child, #pde-resource-ai .ai-message__bubble ol:last-child { margin-bottom: 0; } #pde-resource-ai .ai-message__bubble ul, #pde-resource-ai .ai-message__bubble ol { margin: 0 0 10px 20px; padding: 0; } #pde-resource-ai .ai-message__bubble li + li { margin-top: 4px; } #pde-resource-ai .ai-message__bubble a { color: inherit; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; } #pde-resource-ai .ai-message__bubble code { padding: 2px 5px; border-radius: 5px; background: rgba(15, 32, 51, .08); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; font-size: .92em; } #pde-resource-ai .ai-message--user .ai-message__bubble { background: #1769c2; color: #fff; white-space: pre-wrap; } #pde-resource-ai .ai-message__text { display: block; } #pde-resource-ai .ai-attachment-card { width: min(260px, 100%); display: grid; gap: 7px; margin-top: 8px; overflow: hidden; border-radius: 8px; background: rgba(255, 255, 255, .14); color: inherit; text-decoration: none; } #pde-resource-ai .ai-attachment-card[href] { cursor: pointer; } #pde-resource-ai .ai-attachment-card:first-child { margin-top: 0; } #pde-resource-ai .ai-attachment-card img { display: block; width: 100%; max-height: 220px; object-fit: cover; background: rgba(255, 255, 255, .18); } #pde-resource-ai .ai-attachment-card__name { display: block; min-width: 0; overflow: hidden; padding: 7px 9px; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 800; } #pde-resource-ai .ai-message--user .ai-message__bubble::before { right: 13px; } #pde-resource-ai .ai-message--assistant .ai-message__bubble { background: #f3f6f8; color: var(--ai-ink); border: 0; box-shadow: inset 0 0 0 1px #e0e7ee; } #pde-resource-ai .ai-message--assistant .ai-message__bubble::before { left: 13px; box-shadow: inset 1px 1px 0 #e0e7ee; } #pde-resource-ai .ai-message--loading .ai-message__avatar { animation: ai-avatar-pulse 1.4s ease-in-out infinite; } #pde-resource-ai .ai-message--loading .ai-message__bubble { min-width: 0; padding: 5px 7px; border: 0; background: transparent; } #pde-resource-ai .ai-message--loading.is-focus-target .ai-message__bubble { outline: none; } #pde-resource-ai .ai-typing { min-height: 24px; display: inline-flex; align-items: center; gap: 8px; } #pde-resource-ai .ai-typing span { width: 9px; height: 9px; display: block; border-radius: 999px; background: var(--ai-teal); opacity: .18; transform: translateY(0) scale(.58); animation: ai-typing-pulse .84s linear infinite !important; will-change: transform, opacity, background-color; } #pde-resource-ai .ai-typing span:nth-child(2) { animation-delay: .14s; } #pde-resource-ai .ai-typing span:nth-child(3) { animation-delay: .28s; } @keyframes ai-typing-pulse { 0%, 100% { transform: translateY(0) scale(.58); opacity: .18; background: #89d3d0; } 30% { transform: translateY(-7px) scale(1.24); opacity: 1; background: var(--ai-teal); } 60% { transform: translateY(0) scale(.72); opacity: .28; background: #89d3d0; } } @keyframes ai-avatar-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(15, 143, 138, .22); } 50% { box-shadow: 0 0 0 5px rgba(15, 143, 138, .08); } } #pde-resource-ai .ai-composer { position: fixed; left: 0; right: 0; bottom: 0; z-index: 15; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 10px; width: 100%; padding: 8px 18px calc(10px + env(safe-area-inset-bottom)); border-top: 0; background: transparent; box-shadow: none; pointer-events: none; will-change: transform; } #pde-resource-ai .ai-jump-bottom { position: fixed; bottom: 76px; left: 50%; z-index: 9; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; margin: 0; border: 1px solid #d9e2ec; border-radius: 50%; background: #fff; color: #132033; box-shadow: 0 2px 8px rgba(19, 32, 51, .18); transform: translateX(-50%); transition: opacity .16s ease, transform .16s ease, box-shadow .16s ease; } #pde-resource-ai .ai-jump-bottom[hidden] { display: none; } #pde-resource-ai .ai-jump-bottom:hover, #pde-resource-ai .ai-jump-bottom:focus { transform: translateX(-50%) translateY(-1px); box-shadow: 0 4px 12px rgba(19, 32, 51, .22); outline: none; } #pde-resource-ai .ai-jump-bottom svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; } #pde-resource-ai .ai-composer textarea { width: 100%; height: 42px; min-height: 42px; max-height: 180px; resize: none; overflow-y: hidden; padding: 10px 2px 8px; border: 0; border-radius: 0; background: transparent; color: var(--ai-ink); line-height: 1.4; outline: none; } #pde-resource-ai .ai-composer::before { content: ""; position: absolute; inset: 0 10px calc(2px + env(safe-area-inset-bottom)); z-index: -1; border: 1px solid var(--ai-line); border-radius: 24px; background: #fff; box-shadow: 0 8px 22px rgba(19, 32, 51, .14); } #pde-resource-ai .ai-composer > * { pointer-events: auto; } #pde-resource-ai .ai-composer textarea:focus { box-shadow: none; } #pde-resource-ai .ai-send { width: 42px; height: 42px; min-width: 42px; min-height: 42px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: var(--ai-teal); color: #fff; font-weight: 800; } #pde-resource-ai .ai-send:hover, #pde-resource-ai .ai-send:focus { background: #0b7773; outline: none; } #pde-resource-ai .ai-primary-link, #pde-resource-ai .ai-secondary-link { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 0 16px; border-radius: 8px; font-weight: 800; text-decoration: none; } #pde-resource-ai .ai-primary-link { background: var(--ai-blue); color: #fff; } #pde-resource-ai .ai-secondary-link { border: 1px solid var(--ai-line); background: #fff; color: var(--ai-ink); } @media (max-width: 820px) { #pde-resource-ai .ai-shell { width: 100%; min-height: 100vh; margin: 0; grid-template-columns: 1fr; grid-template-rows: auto auto; border-radius: 0; border-left: 0; border-right: 0; } #pde-resource-ai .ai-sidebar { border-right: 0; border-bottom: 1px solid var(--ai-line); } #pde-resource-ai .ai-thread-list { display: grid; gap: 2px; padding: 10px 12px 12px; } #pde-resource-ai .ai-thread { width: 100%; flex: 0 1 auto; } #pde-resource-ai .ai-chat { min-height: 620px; } #pde-resource-ai .ai-chat__header { align-items: flex-start; } #pde-resource-ai .ai-chat__actions { flex-wrap: wrap; justify-content: flex-end; } #pde-resource-ai .ai-message__bubble { max-width: 100%; } #pde-resource-ai .ai-composer { grid-template-columns: minmax(0, 1fr) auto; } #pde-resource-ai .ai-send { width: 42px; } } @media (prefers-reduced-motion: reduce) { #pde-resource-ai .ai-message--loading .ai-message__avatar { animation: none; } } /* Mobile chat header and thread drawer */ #pde-resource-ai .ai-mobile-icon-button, #pde-resource-ai .ai-mobile-actions, #pde-resource-ai .ai-sidebar-backdrop { display: none; } @media (max-width: 820px) { #pde-resource-ai .ai-shell { grid-template-columns: 1fr; } #pde-resource-ai .ai-sidebar { position: fixed; top: 0; left: 0; z-index: 30; width: min(82vw, 320px); height: 100vh; transform: translateX(-105%); transition: transform 0.18s ease; border-right: 1px solid var(--ai-line); border-bottom: 0; box-shadow: 0 18px 40px rgba(19, 32, 51, 0.18); } #pde-resource-ai .ai-sidebar *, #pde-resource-ai .ai-thread, #pde-resource-ai .ai-thread__title { min-width: 0; } #pde-resource-ai .ai-thread__title { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #pde-resource-ai .ai-shell.is-sidebar-open .ai-sidebar { transform: translateX(0); } #pde-resource-ai .ai-sidebar-backdrop { position: fixed; inset: 0; z-index: 29; display: block; border: 0; background: rgba(19, 32, 51, 0.28); } #pde-resource-ai .ai-sidebar-backdrop[hidden] { display: none; } #pde-resource-ai .ai-chat__header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; min-height: 64px; padding: 10px 12px; border-bottom: 0; } #pde-resource-ai .ai-chat__title { display: none; min-width: 0; max-width: 100%; overflow: hidden; } #pde-resource-ai .ai-mobile-icon-button { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; padding: 0; color: var(--ai-ink); background: #fff; border: 0; border-radius: 999px; box-shadow: 0 8px 24px rgba(19, 32, 51, 0.12); cursor: pointer; } #pde-resource-ai .ai-mobile-icon-button svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2.35; stroke-linecap: round; stroke-linejoin: round; } #pde-resource-ai .ai-mobile-icon-button:disabled { opacity: 0.35; cursor: default; } #pde-resource-ai .ai-mobile-icon-button--threads { justify-self: start; } #pde-resource-ai .ai-mobile-actions { display: inline-flex; gap: 6px; justify-self: end; padding: 4px; background: #fff; border-radius: 999px; box-shadow: 0 8px 24px rgba(19, 32, 51, 0.12); } #pde-resource-ai .ai-mobile-actions .ai-mobile-icon-button { width: 42px; height: 42px; box-shadow: none; } #pde-resource-ai .ai-mobile-icon-button--danger { color: var(--ai-ink); } } /* Slightly slower loading dots */ #pde-resource-ai .ai-typing-dot, #pde-resource-ai .ai-typing__dot, #pde-resource-ai .ai-loading-dot, #pde-resource-ai .ai-loading-dots span, #pde-resource-ai .ai-typing span { animation-duration: 1.25s !important; } /* Final chat layout overrides */ #pde-resource-ai .ai-message__bubble::before, #pde-resource-ai .ai-message__bubble::after { content: none !important; display: none !important; } #pde-resource-ai .ai-shell { grid-template-columns: 1fr !important; } #pde-resource-ai .ai-sidebar { position: fixed !important; top: 0 !important; left: 0 !important; z-index: 30 !important; width: min(82vw, 320px) !important; height: 100vh !important; transform: translateX(-105%) !important; transition: transform 0.18s ease !important; border-right: 1px solid var(--ai-line) !important; border-bottom: 0 !important; box-shadow: 0 18px 40px rgba(19, 32, 51, 0.18) !important; } #pde-resource-ai .ai-shell.is-sidebar-open .ai-sidebar { transform: translateX(0) !important; } #pde-resource-ai .ai-sidebar-backdrop { position: fixed !important; inset: 0 !important; z-index: 29 !important; display: block !important; border: 0 !important; background: rgba(19, 32, 51, 0.28) !important; } #pde-resource-ai .ai-sidebar-backdrop[hidden] { display: none !important; } #pde-resource-ai .ai-chat__header { position: relative !important; z-index: 10 !important; display: grid !important; grid-template-columns: auto 1fr auto !important; align-items: center !important; min-height: 64px !important; padding: 10px 12px !important; border-bottom: 0 !important; } #pde-resource-ai .ai-chat__title { display: none !important; } #pde-resource-ai .ai-mobile-icon-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; height: 46px !important; padding: 0 !important; color: var(--ai-ink) !important; background: #fff !important; border: 0 !important; border-radius: 999px !important; box-shadow: 0 8px 24px rgba(19, 32, 51, 0.12) !important; cursor: pointer !important; } #pde-resource-ai .ai-mobile-icon-button svg { width: 24px !important; height: 24px !important; fill: none !important; stroke: currentColor !important; stroke-width: 2.35 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } #pde-resource-ai .ai-mobile-icon-button:disabled { opacity: 0.35 !important; cursor: default !important; } #pde-resource-ai .ai-mobile-icon-button--threads { justify-self: start !important; } #pde-resource-ai .ai-mobile-actions { display: inline-flex !important; gap: 6px !important; justify-self: end !important; padding: 4px !important; background: #fff !important; border-radius: 999px !important; box-shadow: 0 8px 24px rgba(19, 32, 51, 0.12) !important; } #pde-resource-ai .ai-mobile-actions .ai-mobile-icon-button { width: 42px !important; height: 42px !important; box-shadow: none !important; } /* Clean edges and match the community composer */ #pde-resource-ai.pde-ai-body { background: #fff !important; } #pde-resource-ai .ai-shell, #pde-resource-ai .pde-ai-body--embed .ai-shell, #pde-resource-ai .ai-chat { border: 0 !important; box-shadow: none !important; background: #fff !important; } #pde-resource-ai .ai-shell { margin-top: 0 !important; } #pde-resource-ai .ai-chat__header { border-top: 0 !important; border-bottom: 0 !important; } #pde-resource-ai .ai-sidebar { border-right: 0 !important; box-shadow: none !important; } #pde-resource-ai .ai-composer { left: 12px !important; right: 12px !important; width: auto !important; grid-template-columns: auto minmax(0, 1fr) auto !important; align-items: end !important; gap: 10px !important; padding: 6px 12px 6px 10px !important; margin-bottom: calc(10px + env(safe-area-inset-bottom)) !important; border: 1px solid #d1d5db !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 1px 2px rgba(0, 0, 0, .04) !important; transition: border-color .25s ease, box-shadow .25s ease !important; } #pde-resource-ai .ai-composer::before { content: none !important; display: none !important; } #pde-resource-ai .ai-composer:hover, #pde-resource-ai .ai-composer:focus-within { border-color: #289dcc !important; box-shadow: 0 0 0 1px rgba(40, 157, 204, .2), 0 10px 24px rgba(40, 157, 204, .16) !important; } #pde-resource-ai .ai-composer-avatar { display: none !important; } #pde-resource-ai .ai-attach { width: 34px !important; height: 34px !important; min-width: 34px !important; min-height: 34px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; align-self: end !important; margin: 0 0 1px !important; border: 0 !important; border-radius: 50% !important; background: #f3f4f6 !important; color: #374151 !important; } #pde-resource-ai .ai-attach:hover, #pde-resource-ai .ai-attach:focus { background: #e8f4f9 !important; color: #1769c2 !important; outline: none !important; } #pde-resource-ai .ai-attach:disabled { opacity: .35 !important; cursor: not-allowed !important; } #pde-resource-ai .ai-attach svg { width: 19px !important; height: 19px !important; fill: none !important; stroke: currentColor !important; stroke-width: 2 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } #pde-resource-ai .ai-composer-field { min-width: 0 !important; display: grid !important; align-items: end !important; } #pde-resource-ai .ai-attachment-name { max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; padding: 5px 0 0 !important; color: #4b5563 !important; font-size: 12px !important; font-weight: 700 !important; } #pde-resource-ai .ai-composer textarea { padding: 7px 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; color: #111827 !important; font-size: 15px !important; line-height: 1.4 !important; } #pde-resource-ai .ai-send { width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; align-self: end !important; margin: 0 !important; border: 0 !important; border-radius: 50% !important; background: #289DCC !important; color: #fff !important; font-size: 18px !important; line-height: 1 !important; transform: translateX(-10px) !important; transition: transform .12s ease, box-shadow .15s ease, opacity .15s ease !important; } #pde-resource-ai .ai-send svg { display: none !important; } #pde-resource-ai .ai-send:hover, #pde-resource-ai .ai-send:focus { background: #289DCC !important; outline: none !important; } #pde-resource-ai .ai-send:active { transform: translateX(-10px) scale(.92) !important; } #pde-resource-ai .ai-send:disabled { opacity: .35 !important; cursor: not-allowed !important; } /* pde-resource-ai-assets-styles.css */ /* Barre de rédaction de l’assistant IA */ #pde-resource-ai .ai-composer { grid-template-columns: minmax(0, 1fr) auto auto !important; align-items: center !important; gap: 10px !important; min-height: 62px !important; padding: 0 8px 0 0 !important; padding-left: 0 !important; border: 1px solid #cbd5e1 !important; border-radius: 22px !important; background: rgba(255, 255, 255, .98) !important; box-shadow: 0 8px 28px rgba(25, 50, 79, .12) !important; transition: border-color .18s ease, box-shadow .18s ease !important; } #pde-resource-ai .ai-composer:hover { border-color: #cbd5e1 !important; box-shadow: 0 8px 28px rgba(25, 50, 79, .12) !important; } #pde-resource-ai .ai-composer:focus-within { border-color: #cbd5e1 !important; box-shadow: 0 0 0 3px rgba(40, 157, 204, .08), 0 8px 28px rgba(25, 50, 79, .12) !important; } /* The base AI stylesheet draws a second decorative frame behind the form. */ #pde-resource-ai .ai-composer::before { content: none !important; display: none !important; } #pde-resource-ai .ai-composer .ai-attach, #pde-resource-ai .ai-composer .ai-send { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; margin: 0 !important; padding: 0 !important; align-self: center !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 0 !important; border-radius: 50% !important; transform: none !important; transition: background .16s ease, color .16s ease, box-shadow .16s ease, transform .12s ease !important; } #pde-resource-ai .ai-composer .ai-attach { background: #f2f5f8 !important; color: #264761 !important; } #pde-resource-ai .ai-composer .ai-attach { position: relative !important; margin-right: 8px !important; } #pde-resource-ai .ai-composer .ai-attach::after { content: "" !important; position: absolute !important; top: 9px !important; right: -10px !important; width: 1px !important; height: 24px !important; border-radius: 999px !important; background: #d8e0e8 !important; } #pde-resource-ai .ai-composer .ai-attach:hover, #pde-resource-ai .ai-composer .ai-attach:focus-visible, #pde-resource-ai .ai-composer .ai-attach:hover, #pde-resource-ai .ai-composer .ai-attach:focus-visible { background: #e8f4f9 !important; color: #1769c2 !important; box-shadow: 0 0 0 3px rgba(40, 157, 204, .12) !important; outline: none !important; } #pde-resource-ai .ai-composer .ai-attach svg { width: 21px !important; height: 21px !important; fill: none !important; stroke: currentColor !important; stroke-width: 2 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } #pde-resource-ai .ai-composer-field { align-self: stretch !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } #pde-resource-ai .ai-composer-voice-field { min-width: 0; height: auto; min-height: 0; align-self: stretch; margin: -1px 0 -1px -1px !important; padding: 0 !important; display: grid; grid-template-columns: 38px minmax(0, 1fr); grid-column: 1; grid-row: 1; border: 0 !important; border-radius: 22px 0 0 22px !important; background: transparent !important; overflow: hidden; box-shadow: none !important; } #pde-resource-ai .ai-composer-voice-field .ai-composer-field { min-width: 0; } #pde-resource-ai .ai-composer-voice-field .ai-mic { width: 38px !important; min-width: 38px !important; min-height: 38px !important; height: 100% !important; margin: 0 !important; padding: 8px !important; border: 0 !important; border-right: 1px solid #dfe7f1 !important; border-radius: 0 !important; background: #f4f8fd !important; color: var(--blue, #1267d8) !important; box-shadow: none !important; display: grid !important; } #pde-resource-ai .ai-composer-voice-field .ai-composer-field { min-height: 0; border: 0 !important; box-shadow: none !important; } #pde-resource-ai .ai-composer > .ai-attach { grid-column: 3; grid-row: 1; } #pde-resource-ai .ai-composer > .ai-send { grid-column: 4; grid-row: 1; } #pde-resource-ai .ai-composer-voice-field .ai-mic:hover, #pde-resource-ai .ai-composer-voice-field .ai-mic:focus-visible { background: #dceaff !important; color: var(--blue, #1267d8) !important; box-shadow: none !important; } #pde-resource-ai .ai-composer-voice-field .ai-mic svg { width: 21px !important; height: 21px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.8 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } #pde-resource-ai .ai-composer textarea { min-height: 42px !important; max-height: 480px !important; overflow-y: auto !important; box-sizing: border-box !important; padding: 10px 4px 9px !important; color: #172b3d !important; font-size: 16px !important; line-height: 1.45 !important; scrollbar-width: thin; border: 0 !important; border-radius: 0 !important; outline: none !important; box-shadow: none !important; } #pde-resource-ai .ai-composer textarea::placeholder { color: #748397 !important; opacity: 1 !important; } #pde-resource-ai .ai-composer .ai-send { background: linear-gradient(145deg, #35a9d8, #238fbd) !important; color: #fff !important; box-shadow: 0 5px 14px rgba(40, 157, 204, .28) !important; font-size: 19px !important; line-height: 1 !important; } #pde-resource-ai .ai-composer .ai-send > span[aria-hidden="true"] { display: block !important; line-height: 1 !important; transform: translateX(1px) !important; } #pde-resource-ai .ai-composer .ai-send:hover, #pde-resource-ai .ai-composer .ai-send:focus-visible { background: linear-gradient(145deg, #2d9dcc, #1f82ad) !important; box-shadow: 0 6px 17px rgba(40, 157, 204, .35) !important; outline: none !important; } #pde-resource-ai .ai-composer .ai-send:active { transform: scale(.94) !important; } #pde-resource-ai .ai-composer .ai-mic.is-listening { background: #fff0f0 !important; color: #c93535 !important; box-shadow: 0 0 0 3px rgba(201, 53, 53, .12) !important; } #pde-resource-ai .ai-composer .ai-attach:disabled, #pde-resource-ai .ai-composer .ai-mic:disabled, #pde-resource-ai .ai-composer .ai-send:disabled { opacity: .38 !important; box-shadow: none !important; cursor: not-allowed !important; } @media (max-width: 520px) { #pde-resource-ai .ai-composer { grid-template-columns: minmax(0, 1fr) auto auto !important; left: 10px !important; right: 10px !important; gap: 7px !important; padding: 0 6px 0 0 !important; border-radius: 20px !important; } #pde-resource-ai .ai-composer-voice-field { border-radius: 20px 0 0 20px !important; } #pde-resource-ai .ai-composer .ai-attach, #pde-resource-ai .ai-composer .ai-send { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; } #pde-resource-ai .ai-composer .ai-attach { margin-right: 6px !important; } #pde-resource-ai .ai-composer .ai-attach::after { right: -8px !important; } } @media (max-width: 767px) { #pde-resource-ai .ai-composer { bottom: max(40px, env(safe-area-inset-bottom, 0px)) !important; margin-bottom: 0 !important; } } #pde-resource-ai .ai-composer textarea { max-height: 120px !important; overflow-y: auto !important; } /* pde-resource-ai-assets-voice-to-text.css */ /* Shared voice-to-text UI: microphone state, centered listener and animations. */ #pde-resource-ai .ai-voice-listener__panel{background:#fff!important;opacity:1!important;appearance:none!important;-webkit-appearance:none!important;color:#183153!important;border-color:rgba(255,255,255,.9)!important}#pde-resource-ai .ai-voice-listener__panel>*{opacity:1!important;color:inherit} #pde-resource-ai .ai-voice-listener__panel:focus-visible{outline:3px solid var(--ai-blue,var(--blue,#1267d8));outline-offset:5px}#pde-resource-ai .ai-voice-listener__panel>span:not(.ai-voice-listener__visual):not(.ai-voice-listener__bars){font-size:1rem} #pde-resource-ai .ai-mic svg, #pde-resource-ai .ai-voice-listener__mic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #pde-resource-ai .voice-field{display:grid;grid-template-columns:38px minmax(0,1fr);gap:0;align-items:stretch;border:1px solid var(--line,#dbe5ef);border-radius:12px;background:#fff;overflow:hidden}#pde-resource-ai .voice-field:focus-within{border-color:rgba(18,103,216,.55);box-shadow:0 0 0 3px rgba(18,103,216,.1)}#pde-resource-ai .voice-field textarea{border:0!important;border-radius:0!important;box-shadow:none!important;padding-left:9px}#pde-resource-ai .voice-mic{width:38px;height:100%;min-height:38px;border:0;border-right:1px solid var(--line,#dbe5ef);border-radius:0;background:#f4f8fd;color:var(--blue,#1267d8);display:grid;place-items:center;padding:8px}#pde-resource-ai .voice-mic:hover, #pde-resource-ai .voice-mic:focus-visible{background:#dceaff}#pde-resource-ai .voice-mic.is-listening{background:#fff0f0;color:#c93535}#pde-resource-ai .voice-mic svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #pde-resource-ai.ai-voice-open{overflow:hidden}#pde-resource-ai .ai-voice-listener[hidden]{display:none!important} #pde-resource-ai .ai-voice-listener{position:fixed;top:var(--pde-voice-top,0px);height:var(--pde-voice-height,100dvh);left:0;right:0;z-index:10020;display:grid;place-items:center;padding:24px;background:rgba(16,30,54,.42);backdrop-filter:blur(4px);animation:ai-voice-fade .2s ease-out} #pde-resource-ai .ai-voice-listener__panel{width:min(360px,100%);min-height:360px;padding:34px 28px 30px;border:1px solid rgba(255,255,255,.72);border-radius:30px;background:#fff;color:#183153;box-shadow:0 24px 70px rgba(16,30,54,.28);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;cursor:pointer;animation:ai-voice-panel-in .28s cubic-bezier(.2,.8,.2,1)} #pde-resource-ai .ai-voice-listener__visual{position:relative;width:112px;height:112px;display:grid;place-items:center;margin-bottom:4px}#pde-resource-ai .ai-voice-listener__ring{position:absolute;inset:0;border-radius:50%;background:rgba(201,53,53,.13);animation:ai-voice-ring 1.45s ease-out infinite}#pde-resource-ai .ai-voice-listener__mic{position:relative;width:72px;height:72px;border-radius:50%;background:#c93535;color:#fff;display:grid;place-items:center;box-shadow:0 10px 28px rgba(201,53,53,.32)}#pde-resource-ai .ai-voice-listener__mic svg{width:34px;height:34px}#pde-resource-ai .ai-voice-listener__bars{height:30px;display:flex;align-items:center;gap:5px;margin:2px 0 4px}#pde-resource-ai .ai-voice-listener__bars i{width:4px;height:10px;border-radius:999px;background:var(--ai-blue,var(--blue,#1267d8));animation:ai-voice-wave .85s ease-in-out infinite alternate}#pde-resource-ai .ai-voice-listener__bars i:nth-child(2), #pde-resource-ai .ai-voice-listener__bars i:nth-child(4){animation-delay:-.35s}#pde-resource-ai .ai-voice-listener__bars i:nth-child(3){animation-delay:-.6s}#pde-resource-ai .ai-voice-listener__panel strong{font-size:1.32rem;line-height:1.2}#pde-resource-ai .ai-voice-listener__panel small{margin-top:5px;color:#65758b;font-size:.84rem}#pde-resource-ai .ai-voice-listener.is-processing .ai-voice-listener__panel{cursor:wait}#pde-resource-ai .ai-voice-listener.is-processing .ai-voice-listener__ring{border:4px solid rgba(38,99,235,.15);border-top-color:var(--ai-blue,var(--blue,#1267d8));background:transparent;animation:ai-voice-spin .85s linear infinite}#pde-resource-ai .ai-voice-listener.is-processing .ai-voice-listener__mic{background:var(--ai-blue,var(--blue,#1267d8));box-shadow:0 10px 28px rgba(38,99,235,.28)}#pde-resource-ai .ai-voice-listener.is-processing .ai-voice-listener__bars{visibility:hidden} @keyframes ai-voice-fade{from{opacity:0}}@keyframes ai-voice-panel-in{from{opacity:0;transform:translateY(12px) scale(.96)}}@keyframes ai-voice-ring{0%{transform:scale(.72);opacity:.95}100%{transform:scale(1.22);opacity:0}}@keyframes ai-voice-wave{from{height:8px;opacity:.55}to{height:28px;opacity:1}}@keyframes ai-voice-spin{to{transform:rotate(360deg)}} @media(prefers-reduced-motion:reduce){#pde-resource-ai .ai-voice-listener{animation-duration:140ms}#pde-resource-ai .ai-voice-listener__panel{animation-duration:140ms}#pde-resource-ai .ai-voice-listener__ring{animation:ai-voice-ring-reduced 2.4s ease-out infinite}#pde-resource-ai .ai-voice-listener__bars i{animation:ai-voice-wave-reduced 1.5s ease-in-out infinite alternate}#pde-resource-ai .ai-voice-listener.is-processing .ai-voice-listener__ring{animation:ai-voice-spin 1.6s linear infinite}}@keyframes ai-voice-ring-reduced{0%{transform:scale(.88);opacity:.62}100%{transform:scale(1.08);opacity:0}}@keyframes ai-voice-wave-reduced{from{height:11px;opacity:.7}to{height:19px;opacity:.95}} #pde-resource-ai .voice-field :is(input,textarea){border:0!important;border-radius:0!important;box-shadow:none!important;padding-left:9px} #pde-resource-ai .voice-field>.voice-mic{border:0;border-right:1px solid var(--line,#dbe5ef);border-radius:0;background:#f4f8fd;color:var(--blue,#1267d8);box-shadow:none;padding:8px} #pde-resource-ai .voice-field{border-color:#dfe7f1} #pde-resource-ai .voice-field>.voice-mic{border-right-color:#dfe7f1} #pde-resource-ai .voice-field:has(.cj-ai-improve){grid-template-columns:38px minmax(0,1fr) 38px} #pde-resource-ai .voice-field>.cj-ai-improve{width:38px;min-height:38px;border:0;border-left:1px solid #dbe5ef;border-radius:0;background:#f7f4ff;color:#7654c8!important;display:grid;place-items:center;padding:5px;line-height:1;transition:background .15s ease,color .15s ease} #pde-resource-ai .cj-ai-improve__icon{width:28px;height:28px;display:block;overflow:visible} #pde-resource-ai .voice-field>.cj-ai-improve .cj-ai-improve__icon{color:#7654c8!important;fill:#7654c8!important;stroke:none} #pde-resource-ai .voice-field>.cj-ai-improve:hover, #pde-resource-ai .voice-field>.cj-ai-improve:focus-visible{background:#eee7ff;color:#7654c8!important} #pde-resource-ai .cj-ai-improve:focus-visible{outline:3px solid rgba(118,84,200,.25);outline-offset:-3px} #pde-resource-ai .voice-field>.cj-ai-improve.is-loading{cursor:wait;color:#7654c8!important} #pde-resource-ai .cj-ai-improve.is-loading .cj-ai-improve__icon{animation:cj-ai-spin .8s linear infinite} #pde-resource-ai .voice-field>.cj-ai-improve.is-error{background:#f7f4ff;color:#7654c8!important;font-size:.72rem} #pde-resource-ai .optional-fields label.wide .voice-field>.cj-ai-improve{border:0;border-left:1px solid var(--line,#dbe5ef);border-radius:0!important} @keyframes cj-ai-spin{to{transform:rotate(360deg)}} @media(prefers-reduced-motion:reduce){#pde-resource-ai .cj-ai-improve.is-loading .cj-ai-improve__icon{animation:none}} #pde-resource-ai .ai-voice-listener__visual{display:grid!important;visibility:visible!important;opacity:1!important}#pde-resource-ai .ai-voice-listener__ring{display:block!important;visibility:visible!important}#pde-resource-ai .ai-voice-listener__mic{display:grid!important;visibility:visible!important;opacity:1!important}#pde-resource-ai .ai-voice-listener__bars{display:flex!important;visibility:visible!important;opacity:1!important}#pde-resource-ai .ai-voice-listener__bars i{display:block!important;visibility:visible!important;opacity:1!important}#pde-resource-ai .ai-voice-listener.is-processing .ai-voice-listener__bars{visibility:hidden!important} /* pde-resource-ai-index-block-1.css */ #pde-resource-ai .ai-mic { width: 42px; min-width: 42px; height: 42px; margin: 0 2px; padding: 9px; border: 0; border-radius: 50%; background: transparent; color: var(--ai-blue); display: inline-flex; align-items: center; justify-content: center; } #pde-resource-ai .ai-composer { grid-template-columns: minmax(0, 1fr) auto auto !important; } #pde-resource-ai .ai-mic:hover, #pde-resource-ai .ai-mic:focus-visible { background: var(--ai-soft); } #pde-resource-ai .ai-mic.is-listening { color: #c93535; background: #fff0f0; } /* pde-resource-ui-pde-resource-design.css */ /* PDE resources: shared screen chrome, based on Nouveau livre. * Keep tool layouts, pedagogical colours and print/export styles local. */ @media screen { #pde-resource-ai .pde-resource-ui { color-scheme: light; --pde-ui-ink: #17324d; --pde-ui-muted: #71839b; --pde-ui-line: #e4edf5; --pde-ui-accent: #0798b3; --pde-ui-pale: #edf8fb; --pde-ui-background: #fff; color: var(--pde-ui-ink); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.65; background: var(--pde-ui-background); } #pde-resource-ai .pde-resource-ui.pde-resource-white, #pde-resource-ai .pde-resource-ui.is-embed { background: #fff; } #pde-resource-ai .pde-resource-ui :where(input, textarea, select, button) { font-family: inherit; } #pde-resource-ai .pde-resource-ui :where(h1, h2, h3) { line-height: 1.4; } #pde-resource-ai .pde-resource-ui :where(h1) { font-weight: 650; letter-spacing: -.025em; } #pde-resource-ai .pde-resource-ui :where(h2, h3) { font-weight: 650; } #pde-resource-ai .pde-resource-ui :where(a) { color: var(--pde-ui-accent); text-underline-offset: 3px; } #pde-resource-ai .pde-resource-ui :is(.card, .panel, .box, .section-card, .tool-card, .form-card, .result-card, .modal-content, .dialog-card) { background: #fff; border-color: var(--pde-ui-line); border-radius: 20px; box-shadow: 0 6px 24px #17324d05; } #pde-resource-ai .pde-resource-ui :is(.hint, .help, .description, .subtitle, .muted) { color: var(--pde-ui-muted); } #pde-resource-ai .pde-resource-ui :is(input:not([type]), input[type="text"], input[type="email"], input[type="url"], input[type="search"], input[type="number"], input[type="password"], input[type="date"], input[type="time"], textarea, select) { color: var(--pde-ui-ink); background-color: #fcfdff; border-color: #cddfe8; border-radius: 9px; } #pde-resource-ai .pde-resource-ui :is(input, textarea, select):focus-visible { outline: none !important; outline-offset: 0 !important; border-color: var(--pde-ui-accent); } #pde-resource-ai .pde-resource-ui :is(.btn-primary, .button-primary, .primary-button, .button.primary, .btn.primary, button.primary, input[type="submit"]):not(.danger):not(.error):not(.warning) { color: #fff; background: #0798b3; border-color: var(--pde-ui-accent); border-radius: 9px; box-shadow: none; font-weight: 650; } #pde-resource-ai .pde-resource-ui :is(.btn-primary, .button-primary, .primary-button, .button.primary, .btn.primary, button.primary, input[type="submit"]):not(:disabled):hover { background: #078ca6; } #pde-resource-ai .pde-resource-ui :is(.btn-secondary, .button-secondary, .secondary-button, .button.secondary, .btn.secondary) { color: var(--pde-ui-accent); background: #fff; border-color: var(--pde-ui-line); border-radius: 9px; box-shadow: none; } #pde-resource-ai .pde-resource-ui :is(.btn-secondary, .button-secondary, .secondary-button, .button.secondary, .btn.secondary):not(:disabled):hover { background: var(--pde-ui-pale); } #pde-resource-ai .pde-resource-ui :is(button, a, summary):focus-visible { outline: 3px solid #10a4bd; outline-offset: 4px; } #pde-resource-ai .pde-resource-ui :where(button:disabled, input:disabled, select:disabled) { cursor: default; } #pde-resource-ai .pde-resource-ui :where(table) { border-color: var(--pde-ui-line); } #pde-resource-ai .pde-resource-ui :where(th) { color: var(--pde-ui-ink); background-color: var(--pde-ui-pale); } #pde-resource-ai .pde-resource-ui :where(hr) { border-color: var(--pde-ui-line); } #pde-resource-ai .pde-resource-ui :is(.pde-bulletins-app, .pde-dictees-app, .pde-voyage, .pde-ex, .pde-aesh, .pde-fiche, .pde-mot-familles, .pde-pm, .pde-read, .peda) { font-family: inherit; } #pde-resource-ai .pde-resource-ui :is(.rd-secondary, .pm-secondary, .peda-secondary, .ex-secondary, .aesh-secondary) { background: var(--pde-ui-pale); color: var(--pde-ui-accent); } #pde-resource-ai #pde-quiz-page.pde-resource-ui .pde-santa-card { color: var(--pde-ui-ink); background: #fff; border: 1px solid var(--pde-ui-line); border-radius: 20px; box-shadow: 0 6px 24px #17324d05; } #pde-resource-ai #pde-quiz-page.pde-resource-ui :is(.pde-santa-title, .pde-santa-subtitle) { color: var(--pde-ui-ink); } #pde-resource-ai #pde-quiz-page.pde-resource-ui .pde-santa-text { color: var(--pde-ui-muted); } #pde-resource-ai #pde-quiz-page.pde-resource-ui .pde-santa-btn { background: #0798b3; color: #fff; border-radius: 9px; box-shadow: none; } #pde-resource-ai .pde-resource-ui :is(.rd-primary, .pm-primary, .peda-primary, .ex-primary, .aesh-primary, .pde-bulletins-primary, .pde-dictees-primary):not(:disabled):hover { background: #078ca6 !important; } @media (max-width: 600px) { #pde-resource-ai .pde-resource-ui :is(.card, .panel, .box, .section-card, .tool-card, .form-card, .result-card, .modal-content, .dialog-card) { border-radius: 15px; } #pde-resource-ai .pde-resource-ui :is(.btn-primary, .button-primary, .primary-button, .btn-secondary, .button-secondary, .secondary-button) { min-height: 44px; } } @media (prefers-reduced-motion: reduce) { #pde-resource-ai .pde-resource-ui :is(button, input, select, textarea) { transition: none; } } } /* White canvas for standalone tools and embedded tool roots. */ @media screen { #pde-resource-ai:has(> #pde-resource-ai.pde-resource-ui), #pde-resource-ai.pde-resource-ui, #pde-resource-ai .pde-resource-ui:not(body) { background: #fff !important; } } /* Assistant IA : hauteur stable dans la page WordPress hôte. */ #pde-resource-ai .ai-shell, #pde-resource-ai .ai-chat { min-height: min(760px, 100dvh); } #pde-resource-ai .ai-composer { position: fixed !important; top: auto !important; bottom: 0 !important; transform: none !important; margin-top: 0 !important; } #pde-resource-ai .ai-jump-bottom { position: fixed !important; top: auto !important; bottom: 82px !important; transform: translateX(-50%) !important; margin: 0 !important; } @media (max-width: 820px) { #pde-resource-ai .ai-shell, #pde-resource-ai .ai-chat { min-height: min(620px, 100dvh); } } /* Keep the assistant composer compact on first load. */ #pde-resource-ai .ai-composer textarea { box-sizing: border-box; height: 42px; min-height: 42px !important; max-height: 120px !important; } /* Compact single-line composer, including the voice control. */ #pde-resource-ai .ai-composer { min-height: 48px !important; grid-template-columns: minmax(0, 1fr) auto auto !important; column-gap: 8px !important; row-gap: 0 !important; } #pde-resource-ai .ai-composer > .screen-reader-text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; } #pde-resource-ai .ai-composer-voice-field { grid-template-columns: 34px minmax(0, 1fr) !important; align-items: center !important; align-self: center !important; margin: 0 !important; } #pde-resource-ai .ai-composer-voice-field .voice-mic { width: 34px !important; min-width: 34px !important; height: 42px !important; min-height: 42px !important; padding: 8px !important; align-items: center !important; justify-items: center !important; } #pde-resource-ai .ai-composer-voice-field .voice-mic svg { width: 18px !important; height: 18px !important; } #pde-resource-ai .ai-composer > .ai-attach { grid-column: 2 !important; } #pde-resource-ai .ai-composer > .ai-send { grid-column: 3 !important; } /* Cancel the WordPress textarea spacing inside the compact composer. */ #pde-resource-ai .ai-composer textarea { margin: 0 !important; } /* Fill the microphone segment up to the composer's rounded inner edge. */ #pde-resource-ai .ai-composer { overflow: hidden !important; } #pde-resource-ai .ai-composer-voice-field { align-self: stretch !important; border-radius: 21px 0 0 21px !important; } #pde-resource-ai .ai-composer-voice-field .voice-mic { height: auto !important; min-height: 46px !important; align-self: stretch !important; border-radius: 21px 0 0 21px !important; }