@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-cyrillic-ext-400-normal-g30qAdWV.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-400-normal-Dsrv2Tcn.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-cyrillic-400-normal-DZqxrq2p.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-400-normal-BTotfTJu.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-greek-400-normal-_efipK4i.woff2)format("woff2"),url(/assets/ibm-plex-sans-greek-400-normal-D9ESIMu3.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-vietnamese-400-normal-DG4YqDda.woff2)format("woff2"),url(/assets/ibm-plex-sans-vietnamese-400-normal-fK1oJ5dG.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-ext-400-normal-C5H60-Va.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-ext-400-normal-RBey6euL.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-cyrillic-ext-500-normal-Cs5J6C77.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-500-normal-DB5PtV2g.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-cyrillic-500-normal-CocWQlwt.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-500-normal-ByOcLdNv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-greek-500-normal-JMMifIXV.woff2)format("woff2"),url(/assets/ibm-plex-sans-greek-500-normal-CuWXN6rf.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-vietnamese-500-normal-e4dixQRQ.woff2)format("woff2"),url(/assets/ibm-plex-sans-vietnamese-500-normal-BEb3_waV.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-ext-500-normal-DakdToA3.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-ext-500-normal-D0aIdm-b.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-cyrillic-ext-600-normal-DUMzJB7m.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-600-normal-Bz0x94Yp.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-cyrillic-600-normal-71GNu3SW.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-600-normal-BGq0mW3O.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-greek-600-normal-DzTrcv_p.woff2)format("woff2"),url(/assets/ibm-plex-sans-greek-600-normal-D-CqTdkO.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-vietnamese-600-normal-DpPYBSTl.woff2)format("woff2"),url(/assets/ibm-plex-sans-vietnamese-600-normal-DgdngZtN.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-ext-600-normal-DOrvGEcy.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-ext-600-normal-DIrixKbi.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-V-xxqcpd.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-9HEixskS.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-600-normal-CTOM6hUh.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-600-normal-fLZuRloM.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-vietnamese-600-normal-D2EvbN8M.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-600-normal-iLQfcSjf.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-ext-600-normal-D38SheWl.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-600-normal-DmB0ttJJ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fraunces-vietnamese-400-normal-CvGt0Ybw.woff2)format("woff2"),url(/assets/fraunces-vietnamese-400-normal-B65MOf9T.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fraunces-latin-ext-400-normal-D8gbi3Gu.woff2)format("woff2"),url(/assets/fraunces-latin-ext-400-normal-UihxqfOe.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fraunces-latin-400-normal-6IfK1voy.woff2)format("woff2"),url(/assets/fraunces-latin-400-normal-NUPT2cO8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fraunces-vietnamese-500-normal-GOH_-EGq.woff2)format("woff2"),url(/assets/fraunces-vietnamese-500-normal-B-KbxExq.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fraunces-latin-ext-500-normal-Z5DV8IzT.woff2)format("woff2"),url(/assets/fraunces-latin-ext-500-normal-BMcFk1Xs.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fraunces-latin-500-normal-DnGCNyPD.woff2)format("woff2"),url(/assets/fraunces-latin-500-normal-BTR4KCeb.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-vietnamese-600-normal-BjlAJixd.woff2)format("woff2"),url(/assets/fraunces-vietnamese-600-normal-DlAl5EAR.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-latin-ext-600-normal-BtzmzP0X.woff2)format("woff2"),url(/assets/fraunces-latin-ext-600-normal-B0Dy4lqi.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-latin-600-normal-BFCDtZfi.woff2)format("woff2"),url(/assets/fraunces-latin-600-normal-DL5QCzvS.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-vietnamese-700-normal-DH94m5DZ.woff2)format("woff2"),url(/assets/fraunces-vietnamese-700-normal-DxawQjq2.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-latin-ext-700-normal-CanUGppC.woff2)format("woff2"),url(/assets/fraunces-latin-ext-700-normal-DuBstVeD.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-latin-700-normal-CEOla-zY.woff2)format("woff2"),url(/assets/fraunces-latin-700-normal-DTjk5d1Q.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-primary:#0a1628;--bg-secondary:#0e2743;--bg-tertiary:#163a5e;--bg-card:#102f52;--bg-inset:#081121;--border:#1e5a8a;--border-soft:#ffffff0f;--border-hairline:#ffffff14;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#86a6c9;--text-parchment:#eee6d3;--accent-primary:#ffc20e;--accent-cyan:#ffc20e;--accent-amber:#f59e0b;--accent-green:#10b981;--accent-red:#ef4444;--accent-primary-soft:#ffc20e1f;--lh-cobalt:#00427a;--lh-blaze:#ffc20e;--shadow-card:0 1px 0 #ffffff0a inset, 0 10px 30px -18px #0009;--shadow-lift:0 1px 0 #ffffff0f inset, 0 20px 40px -20px #000000b3;--font-display:"Fraunces", "Iowan Old Style", "Palatino", Georgia, serif;--font-sans:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "Consolas", "Monaco", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--topbar-height:56px;--sidebar-width:260px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;height:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border)}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}::selection{color:var(--text-primary);background:#ffc20e4d}a{color:var(--accent-cyan);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md)}input:focus,textarea:focus,select:focus{border-color:var(--accent-cyan);outline:none}.transparent-preview{background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.app-layout{grid-template-rows:var(--topbar-height) 1fr;grid-template-columns:100%;width:100vw;max-width:100%;height:100vh;display:grid;overflow:hidden}.app-body{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-width:0;display:grid;overflow:hidden}@media (max-width:767px){.app-body{grid-template-columns:minmax(0,1fr)}}.topbar{height:var(--topbar-height);padding:0 var(--space-lg);border-bottom:1px solid var(--border-hairline);z-index:100;background:linear-gradient(#0b1d37 0%,#0a1628 100%);justify-content:space-between;align-items:center;display:flex;position:relative}.topbar:after{content:"";opacity:.45;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffc20e59 20% 80%,#0000 100%);height:1px;position:absolute;bottom:-1px;left:0;right:0}.topbar-left{align-items:baseline;gap:14px;display:flex}.topbar-menu-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);justify-content:center;align-self:center;align-items:center;display:flex}.topbar-menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.topbar-logo{font-family:var(--font-display);letter-spacing:-.01em;font-variation-settings:"opsz" 36, "SOFT" 40;color:var(--text-parchment);cursor:pointer;font-size:22px;font-weight:600;line-height:1}.topbar-logo-mark{color:var(--accent-primary);letter-spacing:.005em;font-weight:700}.topbar-right{align-items:center;display:flex}.topbar-badge{letter-spacing:.04em;color:var(--accent-green);white-space:nowrap;background:#10b9811a;border:1px solid #10b9814d;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:500;display:flex}.sidebar{background:var(--bg-inset);border-right:1px solid var(--border-hairline);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden auto}.sidebar-brand{border-bottom:1px solid var(--border-hairline);flex-shrink:0;align-items:center;gap:12px;padding:18px 18px 16px;display:flex}.sidebar-brand-mark{background:linear-gradient(135deg, var(--lh-cobalt) 0%, #0a2844 100%);width:34px;height:34px;color:var(--accent-primary);font-family:var(--font-display);border:1px solid #ffc20e40;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:700;line-height:1;display:flex;box-shadow:inset 0 1px #ffffff0f,0 4px 10px -4px #0009}.sidebar-brand-text{flex-direction:column;min-width:0;line-height:1.1;display:flex}.sidebar-brand-kicker{font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);font-size:9px;font-weight:700}.sidebar-brand-name{font-family:var(--font-display);color:var(--text-parchment);letter-spacing:-.005em;margin-top:2px;font-size:15px;font-weight:600}@media (max-width:767px){.sidebar{top:var(--topbar-height);width:var(--sidebar-width);z-index:200;transition:transform .2s;position:fixed;bottom:0;left:0;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-backdrop{top:0;bottom:0;left:0;right:0;top:var(--topbar-height);z-index:199;background:#00000080;position:fixed}}@media (min-width:768px){.sidebar-backdrop{display:none}}.sidebar-scroll{flex:1;padding:10px 0 12px;overflow:hidden auto}.sidebar-category{margin-bottom:1px}.sidebar-category-header{width:100%;padding:9px var(--space-md);text-align:left;color:var(--text-secondary);border-radius:0;align-items:center;gap:10px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-category-header:hover{color:var(--text-parchment);background:#ffffff08}.sidebar-category-icon{flex-shrink:0;font-size:16px}.sidebar-category-label{flex:1}.sidebar-category-count{color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums;background:#ffffff0a;border-radius:10px;min-width:20px;padding:1px 6px;font-size:10px;font-weight:600}.sidebar-tool-list{margin:0;padding:2px 0 6px;list-style:none}.sidebar-tool-item{width:100%;padding:5px var(--space-md) 5px 42px;text-align:left;color:var(--text-muted);font-size:12.5px;transition:all .15s;display:block;position:relative}.sidebar-tool-item:before{content:"";opacity:.35;background:currentColor;border-radius:50%;width:2px;height:2px;position:absolute;top:50%;left:26px;transform:translateY(-50%)}.sidebar-tool-item:hover{color:var(--text-parchment);background:#ffffff08}.sidebar-tool-item--active{color:var(--accent-primary);background:var(--accent-primary-soft);font-weight:500}.sidebar-tool-item--active:before{background:var(--accent-primary);opacity:1;border-radius:0 2px 2px 0;width:4px;height:14px;left:0}.sidebar-more-toggle{width:100%;padding:10px var(--space-md);text-align:left;text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted);border-top:1px solid var(--border-hairline);align-items:center;gap:10px;margin-top:6px;font-size:10px;font-weight:700;transition:all .15s;display:flex}.sidebar-more-toggle:hover{color:var(--text-parchment);background:#ffffff08}.sidebar-divider{background:var(--border-hairline);height:1px;margin:10px var(--space-md) 8px}.sidebar-sister{border-top:1px solid var(--border-hairline);flex-shrink:0;padding:10px 14px}.sidebar-sister-link{border:1px solid var(--border-hairline);border-radius:var(--radius-md);background:#ffffff05;padding:10px 28px 10px 12px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:block;position:relative}.sidebar-sister-link:hover{background:#d53a3a0f;border-color:#d53a3a73;text-decoration:none;transform:translateY(-1px)}.sidebar-sister-wordmark{font-family:var(--font-display);font-variation-settings:"opsz" 36;align-items:baseline;gap:4px;font-size:18px;font-weight:600;line-height:1;display:flex}.sidebar-sister-rs{color:#e25555;letter-spacing:-.01em;font-style:italic}.sidebar-sister-toolkit{color:var(--text-parchment);font-weight:500}.sidebar-sister-sub{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-top:4px;font-size:10px;font-weight:600;display:block}.sidebar-sister-icon{color:var(--text-muted);transition:transform .15s,color .15s;position:absolute;top:10px;right:10px}.sidebar-sister-link:hover .sidebar-sister-icon{color:#d53a3a;transform:translate(2px,-2px)}.sidebar-cta{border-top:1px solid var(--border-hairline);background:linear-gradient(#ffc20e08 0%,#ffc20e14 100%);flex-shrink:0;padding:12px 14px 14px}.sidebar-cta-card{color:#0a1628;background:linear-gradient(135deg,#ffc20e 0%,#f2a80a 100%);border-radius:8px;padding:12px 14px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff4d,0 8px 18px -8px #ffc20e80}.sidebar-cta-card:hover{text-decoration:none;transform:translateY(-1px);box-shadow:inset 0 1px #fff6,0 12px 22px -8px #ffc20e99}.sidebar-cta-kicker{font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;color:#0a16288c;margin-bottom:3px;font-size:9px;font-weight:700;display:block}.sidebar-cta-title{font-family:var(--font-display);color:#0a1628;letter-spacing:-.005em;justify-content:space-between;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.sidebar-cta-title svg{flex-shrink:0;transition:transform .15s}.sidebar-cta-card:hover .sidebar-cta-title svg{transform:translate(2px)}.main-content{padding:var(--space-xl);min-width:0;height:100%;overflow:hidden auto}@media (max-width:767px){.main-content{padding:var(--space-md)}.tool-page{max-width:100%}}.tool-page{max-width:960px;margin:0 auto}.tool-header{padding-bottom:var(--space-lg);margin-bottom:var(--space-xl);border-bottom:1px solid var(--border-hairline);position:relative}.tool-header-kicker{font-family:var(--font-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--accent-primary);align-items:center;gap:10px;margin-bottom:14px;font-size:10px;font-weight:700;display:inline-flex}.tool-header-kicker:before{content:"";opacity:.7;background:currentColor;width:20px;height:1px}.tool-header-emoji{letter-spacing:0;filter:saturate(1.15);font-size:13px}.tool-title{font-family:var(--font-display);font-variation-settings:"opsz" 72, "SOFT" 40;letter-spacing:-.02em;color:var(--text-parchment);margin:0;font-size:40px;font-weight:500;line-height:1.05}.tool-header-lede{font-family:var(--font-sans);color:var(--text-secondary);max-width:680px;margin:12px 0 0;font-size:15px;line-height:1.55}@media (max-width:767px){.tool-header{padding-bottom:var(--space-md);margin-bottom:var(--space-lg)}.tool-header-kicker{margin-bottom:10px}.tool-title{font-size:26px}.tool-header-lede{margin-top:8px;font-size:14px}}.tool-loading{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-2xl);color:var(--text-muted);flex-direction:column;display:flex}.tool-loading-spinner{border:3px solid var(--bg-tertiary);border-top-color:var(--accent-cyan);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tool-placeholder{text-align:center;padding:var(--space-2xl)}.tool-placeholder-text{color:var(--text-muted);margin-top:var(--space-md)}.info-card{background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:14px var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.info-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffc20e59 50%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.info-card-badges{flex-wrap:wrap;gap:8px;display:flex}.info-card-badge{font-family:var(--font-sans);letter-spacing:.02em;color:var(--text-parchment);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:6px;padding:4px 11px;font-size:11px;font-weight:500;display:inline-flex}.info-card-badge:first-letter{color:var(--accent-primary)}.dropzone-wrapper{margin-bottom:var(--space-lg)}.dropzone{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-2xl) var(--space-lg);border:2px dashed var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary);cursor:pointer;flex-direction:column;min-height:160px;transition:all .2s;display:flex}.dropzone:hover{border-color:var(--text-muted);background:#1e293bcc}.dropzone--active{border-color:var(--accent-cyan);background:#ffc20e0d;border-style:solid}.dropzone-icon{color:var(--text-muted)}.dropzone--active .dropzone-icon{color:var(--accent-cyan)}.dropzone-label{color:var(--text-primary);font-size:15px;font-weight:600}.dropzone-label--mobile{display:none}.dropzone-sublabel{color:var(--text-muted);font-size:12px}.dropzone-input{display:none}.dropzone-error{color:var(--accent-red);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:#ef44441a;font-size:13px}.dropzone-warning{color:var(--accent-amber);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:#f59e0b1a;font-size:13px}.action-button{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:12px var(--space-lg);background:var(--accent-cyan);color:#0f172a;border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:15px;font-weight:600;transition:all .15s;display:flex}.action-button:hover:not(:disabled){background:#ffd040}.action-button:disabled{opacity:.4;cursor:not-allowed}.action-button--loading{opacity:.7;cursor:wait}.action-button-spinner{animation:.8s linear infinite spin}.result-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.result-panel-preview{margin-bottom:var(--space-md);border-radius:var(--radius-sm);overflow:hidden}.result-panel-info{margin-bottom:var(--space-md)}.result-panel-filename{font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;font-size:14px}.result-panel-sizes{color:var(--text-secondary);align-items:center;gap:var(--space-sm);margin-top:4px;font-size:13px;display:flex}.result-panel-change{border-radius:10px;padding:1px 8px;font-size:12px;font-weight:600}.result-panel-change--good{color:var(--accent-green);background:#10b98126}.result-panel-change--bad{color:var(--accent-amber);background:#f59e0b26}.result-panel-actions{gap:var(--space-md);align-items:center;display:flex}.result-panel-download{align-items:center;gap:var(--space-sm);padding:10px var(--space-lg);background:var(--accent-green);color:#0f172a;border-radius:var(--radius-md);font-size:14px;font-weight:600;transition:background .15s;display:flex}.result-panel-download:hover{background:#34d399}.result-panel-startover{align-items:center;gap:var(--space-sm);padding:10px var(--space-lg);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;transition:all .15s;display:flex}.result-panel-startover:hover{border-color:var(--text-muted);color:var(--text-secondary)}.error-card{background:var(--bg-secondary);border-left:3px solid var(--accent-red);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg)}.error-card--encrypted{border-left-color:var(--accent-amber)}.error-card-header{align-items:center;gap:var(--space-sm);color:var(--accent-red);margin-bottom:var(--space-sm);display:flex}.error-card--encrypted .error-card-header{color:var(--accent-amber)}.error-card-message{color:var(--text-secondary);font-size:14px;line-height:1.6}.error-card-link{color:var(--accent-cyan);cursor:pointer;font-weight:500;text-decoration:underline}.tool-tabs{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-lg);gap:2px;width:-moz-fit-content;width:fit-content;padding:3px;display:flex}.tool-tab{color:var(--text-muted);border-radius:var(--radius-sm);white-space:nowrap;padding:8px 20px;font-size:13px;font-weight:500;transition:all .15s}.tool-tab:hover{color:var(--text-primary)}.tool-tab--active{background:var(--accent-cyan);color:#0f172a}.tool-options{gap:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.tool-option-row{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.tool-option-label{color:var(--text-secondary);min-width:100px;font-size:13px;font-weight:500}.tool-option-select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;padding:6px 12px;font-size:13px}.tool-option-select:focus{border-color:var(--accent-cyan);outline:none}.tool-textarea{width:100%;min-height:200px;padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);resize:vertical;font-size:13px;line-height:1.6}.tool-textarea:focus{border-color:var(--accent-cyan);outline:none}.tool-textarea::placeholder{color:var(--text-muted)}.tool-copy-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.tool-copy-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.tool-copy-btn--copied{border-color:var(--accent-green);color:var(--accent-green)}.tool-stats{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.tool-stat{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);text-align:center}.tool-stat-value{font-family:var(--font-mono);color:var(--accent-cyan);font-size:24px;font-weight:600}.tool-stat-label{color:var(--text-muted);margin-top:2px;font-size:12px}.tool-toggle{align-items:center;gap:var(--space-sm);cursor:pointer;color:var(--text-secondary);font-size:13px;display:flex}.tool-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-cyan);cursor:pointer}.tool-slider{width:100%;accent-color:var(--accent-cyan);cursor:pointer}.tool-file-preview{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-lg);display:flex}.tool-file-preview img{border-radius:var(--radius-sm);object-fit:contain;max-height:80px}.tool-file-name{font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;font-size:14px}.tool-file-size{color:var(--text-muted);font-size:13px}.tool-file-remove{color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;align-items:center;gap:4px;margin-left:auto;padding:6px 12px;font-size:12px;transition:all .15s;display:flex}.tool-file-remove:hover{border-color:var(--accent-red);color:var(--accent-red);background:#ef44441a}.tool-thumbnail-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.tool-thumbnail-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s;position:relative;overflow:hidden}.tool-thumbnail-card:hover{border-color:var(--text-muted)}.tool-thumbnail-card--selected{border-color:var(--accent-cyan);box-shadow:0 0 0 1px var(--accent-cyan)}.tool-thumbnail-card img{width:100%;display:block}.tool-thumbnail-label{text-align:center;color:var(--text-muted);background:var(--bg-primary);padding:4px;font-size:11px}.tool-split{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}@media (max-width:700px){.tool-split{grid-template-columns:1fr}}.tool-split-pane{gap:var(--space-sm);flex-direction:column;display:flex}.tool-split-label{color:var(--text-secondary);font-size:13px;font-weight:500}.homepage{max-width:960px;margin:0 auto}.homepage-hero{margin-bottom:var(--space-2xl);border:1px solid var(--border-hairline);box-shadow:var(--shadow-card);text-align:left;background:radial-gradient(at 85% 20%,#ffc20e14 0%,#0000 55%),radial-gradient(at 15% 85%,#1e5a8a59 0%,#0000 55%),linear-gradient(135deg,#0e2743 0%,#081627 100%);border-radius:18px;padding:44px 44px 40px;position:relative;overflow:hidden}.homepage-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:32px 32px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(at 70% 30%,#000 0%,#0000 75%);mask-image:radial-gradient(at 70% 30%,#000 0%,#0000 75%)}.homepage-hero-kicker{font-family:var(--font-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--accent-primary);align-items:center;gap:10px;margin-bottom:22px;font-size:10px;font-weight:700;display:inline-flex;position:relative}.homepage-hero-kicker:before{content:"";opacity:.7;background:currentColor;width:24px;height:1px}.homepage-hero-serial{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.1em;margin-left:6px;font-size:10px;font-weight:400}.homepage-title{font-family:var(--font-display);font-variation-settings:"opsz" 96, "SOFT" 40;letter-spacing:-.025em;color:var(--text-parchment);max-width:640px;margin:0 0 10px;font-size:64px;font-weight:500;line-height:1.02;position:relative}.homepage-title em{color:var(--accent-primary);font-variation-settings:"opsz" 96, "SOFT" 100;font-style:italic;font-weight:400}.homepage-tagline{font-family:var(--font-sans);color:var(--text-secondary);max-width:560px;margin:0 0 24px;font-size:16px;line-height:1.55;position:relative}.homepage-hero--split{gap:var(--space-xl);grid-template-columns:1.15fr 1fr;align-items:center;display:grid}.homepage-hero--split .homepage-title{font-size:46px}.homepage-hero--compact{grid-template-columns:1fr;padding:32px 36px 28px}.homepage-hero--compact .homepage-title{font-size:36px}.homepage-hero-copy{min-width:0;position:relative}.homepage-hero-ctas{align-items:center;gap:var(--space-md);margin-top:var(--space-lg);display:flex}.homepage-hero-cta{background:var(--accent-primary);color:#0a1628;font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;border:none;padding:11px 20px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s}.homepage-hero-cta:hover{transform:translateY(-1px);box-shadow:0 6px 18px -6px #ffc20e80}.homepage-hero-cta2{color:var(--text-parchment);font-family:var(--font-sans);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:8px 4px;font-size:13.5px;-webkit-text-decoration:underline #ffffff4d;text-decoration:underline #ffffff4d}.homepage-hero-cta2:hover{-webkit-text-decoration-color:var(--accent-primary);text-decoration-color:var(--accent-primary)}.homepage-diagram{background:var(--bg-inset);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);min-width:0;padding:30px 18px 16px;position:relative}.homepage-diagram-live{font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent-green);font-size:9px;position:absolute;top:10px;right:12px}.homepage-diagram-row{justify-content:space-between;align-items:flex-start;display:flex}.homepage-diagram-node{text-align:center;flex-shrink:0;width:84px}.homepage-diagram-icon{background:var(--bg-tertiary);border:1px solid var(--border);width:46px;height:46px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;margin:0 auto 7px;display:flex}.homepage-diagram-node--device .homepage-diagram-icon{color:var(--accent-primary);background:#ffc20e1f;border-color:#ffc20e80;box-shadow:0 0 24px #ffc20e26}.homepage-diagram-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:10px;display:block}.homepage-diagram-node--device .homepage-diagram-label{color:var(--accent-primary)}.homepage-diagram-wire{flex:1;width:auto;min-width:0;height:8px;margin:19px 6px 0;overflow:visible}.homepage-diagram-wire line{stroke:var(--accent-primary);stroke-width:2px;stroke-dasharray:6 6;stroke-dashoffset:120px;animation:.9s ease-out .3s forwards homepage-wire-draw}.homepage-diagram-wire--second line{animation-delay:1.1s}@keyframes homepage-wire-draw{to{stroke-dashoffset:0}}.homepage-diagram-cloud{margin-top:var(--space-md);border-top:1px dashed #ffffff1a;justify-content:center;align-items:center;gap:10px;padding-top:12px;display:flex}.homepage-diagram-cloud-icon{background:var(--bg-secondary);width:38px;height:38px;color:var(--text-muted);border:1px solid #ef444473;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.homepage-diagram-strike{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.homepage-diagram-strike line{stroke:var(--accent-red);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:46;stroke-dashoffset:46px;animation:.5s ease-out 2s forwards homepage-wire-draw}.homepage-diagram-cloud-label{font-family:var(--font-sans);color:#f0a7a7;font-size:11.5px}.homepage-stats{margin:0 0 var(--space-2xl);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);background:var(--bg-secondary);padding:0;list-style:none;display:flex;overflow:hidden}.homepage-stat{text-align:center;border-right:1px solid var(--border-soft);flex:1;padding:20px 8px}.homepage-stat:last-child{border-right:none}.homepage-stat b{font-family:var(--font-display);color:var(--text-parchment);margin-bottom:6px;font-size:32px;font-weight:600;line-height:1;display:block}.homepage-stat-accent{color:var(--accent-primary)}.homepage-stat span{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);font-size:10px}.homepage-bento{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.homepage-tile{background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);padding:var(--space-md);text-align:left;cursor:pointer;min-height:110px;font-family:var(--font-sans);color:var(--text-primary);flex-direction:column;align-items:flex-start;gap:5px;transition:transform .15s,border-color .15s;display:flex;position:relative}.homepage-tile:hover{border-color:#ffc20e66;transform:translateY(-2px)}.homepage-tile-emoji{font-size:20px}.homepage-tile-name{font-family:var(--font-sans);color:var(--text-primary);margin:0;font-size:13.5px;font-weight:600}.homepage-tile-blurb{color:var(--text-secondary);margin:0;font-size:11.5px;line-height:1.45}.homepage-tile--wide{grid-column:span 2}.homepage-tile--edu{cursor:default;background:linear-gradient(150deg,#ffc20e1a,#ffc20e08);border-color:#ffc20e4d}.homepage-tile--edu:hover{border-color:#ffc20e4d;transform:none}.homepage-tile--edu .homepage-tile-blurb{color:var(--text-primary)}.homepage-tile--edu a{color:var(--accent-primary);text-underline-offset:2px;text-decoration:underline}.homepage-tile-tag{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent-primary);font-size:8.5px;position:absolute;top:12px;right:12px}.homepage-tile--proof{background:var(--bg-inset);cursor:default;border-color:#ffffff1f}.homepage-tile--proof:hover{border-color:#ffffff1f;transform:none}.homepage-proof-rows{flex-direction:column;gap:7px;margin:4px 0 0;padding:0;list-style:none;display:flex}.homepage-proof-row{color:var(--text-secondary);align-items:baseline;gap:9px;font-size:11.5px;line-height:1.4;display:flex}.homepage-proof-row a{color:var(--text-parchment);text-underline-offset:2px;-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40}.homepage-proof-row a:hover{-webkit-text-decoration-color:var(--accent-primary);text-decoration-color:var(--accent-primary)}.homepage-proof-no{font-family:var(--font-mono);color:var(--accent-primary);flex-shrink:0;font-size:9.5px}.homepage-steps{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.homepage-step{background:var(--bg-secondary);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);padding:18px 16px}.homepage-step-n{font-family:var(--font-display);color:var(--accent-primary);font-size:28px;font-style:italic;line-height:1}.homepage-step h3{font-family:var(--font-sans);color:var(--text-parchment);margin:8px 0 5px;font-size:14px;font-weight:600}.homepage-step p{color:var(--text-secondary);margin:0;font-size:11.5px;line-height:1.5}.homepage-challenge{border-radius:var(--radius-lg);color:var(--text-primary);background:#ffc20e0d;border:1px dashed #ffc20e73;align-items:center;gap:12px;margin:12px 0 0;padding:14px 18px;font-size:12.5px;line-height:1.5;display:flex}.homepage-challenge-emoji{flex-shrink:0;font-size:20px}.homepage-challenge strong{color:var(--text-parchment)}.homepage-challenge a{color:var(--accent-primary);text-underline-offset:2px;text-decoration:underline}.homepage-foot{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-soft);color:var(--text-muted);text-align:center;font-size:11.5px}.homepage-foot kbd{font-family:var(--font-mono);color:var(--text-parchment);border:1px solid var(--border-hairline);background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:10.5px}.homepage-foot a{color:var(--text-secondary);text-underline-offset:2px;text-decoration:underline}.homepage-foot a:hover{color:var(--text-parchment)}#homepage-bento:focus,#homepage-how:focus{outline:none}.homepage-hero-cta:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.homepage-hero-cta2:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.homepage-tile:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.homepage-diagram-wire line,.homepage-diagram-strike line{stroke-dashoffset:0;animation:none}.homepage-tile,.homepage-hero-cta{transition:none}.homepage-tile:hover,.homepage-hero-cta:hover{transform:none}}.homepage-section{margin-bottom:44px}.homepage-section-title{font-family:var(--font-display);font-variation-settings:"opsz" 36, "SOFT" 40;letter-spacing:-.01em;color:var(--text-parchment);text-transform:none;align-items:baseline;gap:12px;margin-bottom:18px;font-size:22px;font-weight:500;display:flex}.homepage-section-title:after{content:"";background:linear-gradient(90deg, var(--border-hairline) 0%, transparent 100%);flex:1;height:1px}.homepage-section-title-count{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:400}.homepage-resources-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.homepage-resource-card{background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:12px;align-items:flex-start;gap:14px;padding:18px 20px;text-decoration:none;transition:all .18s;display:flex;position:relative;overflow:hidden}.homepage-resource-card:before{content:"";background:var(--accent-primary);transform-origin:top;width:3px;height:100%;transition:transform .2s;position:absolute;top:0;left:0;transform:scaleY(0)}.homepage-resource-card:hover{box-shadow:var(--shadow-card);background:#153454;border-color:#ffc20e40;text-decoration:none;transform:translateY(-1px)}.homepage-resource-card:hover:before{transform:scaleY(1)}.homepage-resource-icon{width:38px;height:38px;color:var(--accent-primary);background:linear-gradient(135deg,#ffc20e24 0%,#ffc20e0f 100%);border:1px solid #ffc20e33;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.homepage-resource-body{flex:1;min-width:0}.homepage-resource-title{font-family:var(--font-display);letter-spacing:-.005em;color:var(--text-parchment);margin-bottom:4px;font-size:16px;font-weight:600;line-height:1.25}.homepage-resource-desc{color:var(--text-secondary);font-size:12px;line-height:1.55}.homepage-resource-arrow{color:var(--text-muted);flex-shrink:0;margin-top:12px;transition:transform .2s,color .15s}.homepage-resource-card:hover .homepage-resource-arrow{color:var(--accent-primary);transform:translate(4px)}.homepage-cat-list{flex-direction:column;gap:6px;display:flex}.homepage-cat-item{background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:10px;transition:all .18s;overflow:hidden}.homepage-cat-item--open{background:#12304f;border-color:#ffc20e40}.homepage-cat-header{text-align:left;cursor:pointer;width:100%;color:var(--text-parchment);background:0 0;align-items:center;gap:12px;padding:13px 16px;transition:background .15s;display:flex}.homepage-cat-header:hover{background:#ffffff08}.homepage-cat-emoji{flex-shrink:0;font-size:17px}.homepage-cat-label{font-family:var(--font-display);letter-spacing:-.005em;flex:1;font-size:15px;font-weight:500}.homepage-cat-count{font-family:var(--font-mono);color:var(--text-secondary);font-variant-numeric:tabular-nums;background:#ffffff0a;border-radius:10px;padding:2px 8px;font-size:10px}.homepage-cat-item--open .homepage-cat-header{border-bottom:1px solid var(--border-hairline)}.homepage-cat-tools{flex-wrap:wrap;gap:6px;padding:14px 16px;display:flex}.homepage-cat-tool{color:var(--text-secondary);border:1px solid var(--border-hairline);cursor:pointer;background:#ffffff08;border-radius:6px;padding:5px 11px;font-size:12.5px;transition:all .15s}.homepage-cat-tool:hover{color:var(--accent-primary);background:#ffc20e14;border-color:#ffc20e59}@media (max-width:1023px){.homepage-bento{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.homepage-title{font-size:36px}.homepage-resources-grid{grid-template-columns:1fr}}.merge-file-grid{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.merge-file-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.merge-file-card:hover{border-color:var(--text-muted)}.merge-file-card--encrypted{border-color:var(--accent-amber);opacity:.7}.merge-file-order{z-index:2;background:var(--accent-cyan);color:#0a1628;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;line-height:1;display:flex;position:absolute;top:6px;left:6px}.merge-file-remove{z-index:2;border-radius:var(--radius-sm);width:22px;height:22px;color:var(--text-muted);background:#0a1628b3;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:5px;right:5px}.merge-file-remove:hover{color:var(--accent-red);background:#ef444433}.merge-file-drag-handle{cursor:grab;touch-action:none;padding:var(--space-xs);flex-direction:column;align-items:center;gap:4px;display:flex}.merge-file-drag-handle:active{cursor:grabbing}.merge-file-thumb-wrap{border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.merge-file-thumbnail{object-fit:contain;width:100%;height:100%;display:block}.merge-file-thumb-placeholder{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.merge-file-grip-icon{color:var(--text-muted);flex-shrink:0}.merge-file-info{padding:4px var(--space-xs) var(--space-xs);min-width:0}.merge-file-name{font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.merge-file-meta{color:var(--text-muted);margin-top:1px;font-size:10px}.merge-file-encrypted{color:var(--accent-amber);align-items:center;gap:3px;margin-top:2px;font-size:10px;display:flex}.split-tabs{margin-bottom:var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.split-tab{padding:var(--space-sm) var(--space-md);color:var(--text-muted);border-radius:var(--radius-sm);text-align:center;flex:1;font-size:13px;font-weight:500;transition:all .15s}.split-tab:hover{color:var(--text-secondary)}.split-tab--active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 1px 3px #0003}.split-range-input-wrapper{margin-bottom:var(--space-lg)}.split-range-label{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:13px;display:block}.split-range-input{width:100%;padding:10px var(--space-md);font-family:var(--font-mono);font-size:14px}.split-range-error{color:var(--accent-red);margin-top:var(--space-sm);font-size:12px}.split-every-description{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:13px}.thumbnail-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.thumbnail-card{align-items:center;gap:var(--space-xs);padding:var(--space-sm);background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);flex-direction:column;transition:border-color .15s;display:flex}.thumbnail-card--selected{border-color:var(--accent-cyan);background:#ffc20e0d}.thumbnail-image{border-radius:var(--radius-sm);width:100%;height:auto;display:block}.thumbnail-placeholder{aspect-ratio:3/4;background:var(--bg-tertiary);border-radius:var(--radius-sm);width:100%}.thumbnail-label{font-size:11px;font-family:var(--font-mono);color:var(--text-muted)}.compress-preview{padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.compress-preview-top{align-items:center;gap:var(--space-lg);display:flex}.compress-thumbnail{border-radius:var(--radius-sm);border:1px solid var(--border);max-width:100%;height:auto;margin-bottom:var(--space-md);transition:max-height .15s;display:block}.compress-file-name{font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;font-size:14px}.compress-file-size{color:var(--text-muted);margin-top:4px;font-size:13px}.rotate-toolbar{gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.rotate-toolbar-btn{padding:var(--space-sm) var(--space-md);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-weight:500;transition:all .15s}.rotate-toolbar-btn:hover{border-color:var(--text-muted);color:var(--text-primary);background:var(--bg-tertiary)}.rotate-page-card{padding:var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;align-items:center;transition:border-color .15s;display:flex}.rotate-page-card:hover{border-color:var(--text-muted)}.rotate-page-drag-handle{color:var(--text-muted);cursor:grab;border-radius:var(--radius-sm);margin-bottom:var(--space-xs);touch-action:none;justify-content:center;align-self:flex-start;align-items:center;padding:2px;display:flex}.rotate-page-drag-handle:hover{color:var(--text-secondary);background:var(--bg-tertiary)}.rotate-page-drag-handle:active{cursor:grabbing}.rotate-page-thumb-wrapper{aspect-ratio:3/4;border-radius:var(--radius-sm);background:var(--bg-tertiary);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.rotate-page-thumbnail{max-width:100%;max-height:100%;transition:transform .2s}.rotate-page-footer{width:100%;margin-top:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.rotate-page-label{font-size:11px;font-family:var(--font-mono);color:var(--text-muted)}.rotate-page-btn{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);justify-content:center;align-items:center;transition:all .15s;display:flex}.rotate-page-btn:hover{color:var(--accent-cyan);background:#ffc20e1a}.zip-file-list{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-lg);overflow:hidden}.zip-file-list-header{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.zip-file-list-title{color:var(--text-primary);font-size:13px;font-weight:500}.zip-file-list-total{font-size:12px;font-family:var(--font-mono);color:var(--text-muted)}.zip-file-item{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;transition:background .1s;display:flex}.zip-file-item:last-child{border-bottom:none}.zip-file-item:hover{background:#3341554d}.zip-file-item-info{align-items:center;gap:var(--space-md);flex:1;min-width:0;display:flex}.zip-file-item-name{font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.zip-file-item-size{color:var(--text-muted);font-size:12px;font-family:var(--font-mono);flex-shrink:0}.zip-file-item-remove{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);margin-left:var(--space-sm);flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.zip-file-item-remove:hover{color:var(--accent-red);background:#ef44441a}.zip-result-summary{padding:var(--space-sm) 0}.zip-result-count{color:var(--text-secondary);font-size:14px}.extract-container{margin-bottom:var(--space-lg)}.extract-summary{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-md);color:var(--accent-cyan);display:flex}.extract-summary-text{flex:1}.extract-summary-filename{font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;font-size:14px}.extract-summary-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.extract-encrypted-warning{padding:var(--space-sm) var(--space-md);border-left:3px solid var(--accent-amber);border-radius:var(--radius-sm);color:var(--accent-amber);margin-bottom:var(--space-md);background:#f59e0b1a;font-size:13px}.extract-file-table{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-lg);overflow:hidden}.extract-file-table-header{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;grid-template-columns:1fr 100px 160px 48px;font-size:11px;font-weight:600;display:grid}.extract-file-row{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);grid-template-columns:1fr 100px 160px 48px;align-items:center;font-size:13px;transition:background .1s;display:grid}.extract-file-row:last-child{border-bottom:none}.extract-file-row:hover{background:#3341554d}.extract-file-row--encrypted{opacity:.5}.extract-file-name{font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.extract-col-size{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.extract-col-date{color:var(--text-muted);font-size:12px}.extract-col-action{text-align:center}.extract-download-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.extract-download-btn:hover{color:var(--accent-cyan);background:#ffc20e1a}.extract-encrypted-badge{color:var(--accent-amber);font-size:10px;font-weight:500}.extract-actions{gap:var(--space-md);margin-top:var(--space-md);align-items:center;display:flex}.extract-empty{text-align:center;padding:var(--space-xl);color:var(--text-muted)}.extract-empty .result-panel-startover{margin-top:var(--space-md)}@media (max-width:767px){.extract-file-table-header,.extract-file-row{grid-template-columns:1fr 80px 48px}.extract-col-date{display:none}}.analyser-container{margin-bottom:var(--space-lg)}.analyser-summary{padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.analyser-summary-count{color:var(--text-primary);font-size:14px;font-weight:500}.analyser-summary-total{font-size:14px;font-family:var(--font-mono);color:var(--accent-cyan);font-weight:600}.analyser-legend{gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.analyser-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.analyser-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.analyser-table{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-lg);overflow:hidden}.analyser-table-header{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;grid-template-columns:1fr 90px 100px 160px;font-size:11px;font-weight:600;display:grid}.analyser-row{border-bottom:1px solid var(--border);transition:background .1s}.analyser-row:last-child{border-bottom:none}.analyser-row:hover{background:#3341554d}.analyser-row-main{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);grid-template-columns:1fr 90px 100px 160px;align-items:center;font-size:13px;display:grid}.analyser-file-name{font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.analyser-col-type{font-size:12px}.analyser-type-badge{border-radius:10px;padding:1px 8px;font-size:11px;font-weight:500;display:inline-block}.analyser-col-size{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.analyser-col-date{color:var(--text-muted);font-size:12px}.analyser-bar-track{background:var(--bg-tertiary);height:4px;margin:0 var(--space-md) var(--space-sm);border-radius:2px;overflow:hidden}.analyser-bar-fill{border-radius:2px;min-width:2px;height:100%;transition:width .3s}.analyser-actions{gap:var(--space-md);display:flex}@media (max-width:767px){.analyser-table-header,.analyser-row-main{grid-template-columns:1fr 80px 80px}.analyser-col-date{display:none}}.text-tool-textarea{width:100%;min-height:120px;padding:var(--space-md);font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);resize:vertical;margin-bottom:var(--space-lg);font-size:14px;line-height:1.6}.text-tool-textarea:focus{border-color:var(--accent-cyan);outline:none}.text-tool-textarea::placeholder{color:var(--text-muted)}.word-counter-stats{gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.word-counter-stat{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:2px;display:flex}.word-counter-stat--wide{grid-column:span 2}.word-counter-stat-value{font-family:var(--font-mono);color:var(--text-primary);font-size:20px;font-weight:600}.word-counter-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.strip-metadata-preview{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.strip-metadata-file-info{margin-bottom:var(--space-md)}.strip-metadata-file-name{font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;font-size:14px}.strip-metadata-file-size{color:var(--text-muted);margin-top:2px;font-size:13px}.strip-metadata-file-type{color:var(--text-muted);margin-top:2px;font-size:12px}.strip-metadata-note{color:var(--text-secondary);margin-top:var(--space-sm);font-size:13px;line-height:1.5}.metadata-table-section{margin-bottom:var(--space-md)}.metadata-table-label{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:13px;font-weight:600}.metadata-table-empty{color:var(--text-muted);font-size:13px;font-style:italic}.metadata-table{border-collapse:collapse;width:100%}.metadata-table td{padding:6px var(--space-md);border-bottom:1px solid var(--border);font-size:13px}.metadata-table-key{color:var(--text-muted);white-space:nowrap;text-transform:capitalize;width:160px}.metadata-table-value{color:var(--text-primary);font-family:var(--font-mono);word-break:break-all;font-size:12px}.metadata-comparison{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.metadata-stripped-status{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;display:flex}.metadata-stripped-badge{border-radius:12px;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.metadata-stripped-badge--success{color:var(--accent-green);background:#10b98126}.metadata-stripped-note{color:var(--text-secondary);font-size:13px}.hash-algorithm-selector{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.hash-algorithm-label{color:var(--text-secondary);font-size:13px;font-weight:500}.hash-algorithm-select{padding:6px var(--space-md);min-width:200px;font-size:13px}.hash-algorithm-warning{width:100%;color:var(--accent-amber);margin-top:var(--space-xs);font-size:12px}.hash-file-list{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.hash-file-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);display:flex}.hash-file-name{font-family:var(--font-mono);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.hash-file-size{color:var(--text-muted);white-space:nowrap;font-size:12px}.hash-results{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.hash-results-title{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:var(--space-md);font-size:15px;font-weight:600}.hash-result-row{padding:var(--space-md) 0;border-bottom:1px solid var(--border)}.hash-result-row:last-of-type{border-bottom:none}.hash-result-file{align-items:center;gap:var(--space-sm);color:var(--text-muted);margin-bottom:var(--space-sm);display:flex}.hash-result-filename{color:var(--text-primary);font-size:13px}.hash-result-size{color:var(--text-muted);font-size:12px}.hash-result-hash-row{align-items:flex-start;gap:var(--space-sm);display:flex}.hash-result-hash{font-family:var(--font-mono);color:var(--accent-cyan);word-break:break-all;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);flex:1;font-size:13px;line-height:1.6}.hash-copy-btn{color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.hash-copy-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.hash-compare-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border)}.hash-compare-label{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:13px;font-weight:500;display:block}.hash-compare-input{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:13px}.hash-compare-result{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:13px;font-weight:500;display:flex}.hash-compare-result--match{color:var(--accent-green);background:#10b9811a}.hash-compare-result--mismatch{color:var(--accent-red);background:#ef44441a}.magic-byte-result{margin-top:var(--space-md)}.magic-byte-status{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:14px;font-weight:500;display:flex}.magic-byte-status--match{color:var(--accent-green);background:#10b9811a;border:1px solid #10b9814d}.magic-byte-status--mismatch{color:var(--accent-amber);background:#f59e0b1a;border:1px solid #f59e0b4d}.magic-byte-details{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.magic-byte-note{color:var(--text-muted);margin-bottom:var(--space-lg);font-size:13px;font-style:italic}.magic-byte-hex-section{margin-bottom:var(--space-md)}.magic-byte-hex-title{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:13px;font-weight:600}.magic-byte-hex-dump{font-family:var(--font-mono);color:var(--accent-cyan);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);white-space:pre;font-size:12px;line-height:1.8;overflow-x:auto}.encrypt-input-section{margin-bottom:var(--space-md)}.encrypt-label{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:13px;font-weight:500;display:block}.encrypt-password-section{margin-bottom:var(--space-lg)}.encrypt-password-input{width:100%;padding:10px var(--space-md);font-size:14px}.password-strength{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.password-strength-bar{flex:1;gap:3px;max-width:200px;display:flex}.password-strength-segment{background:var(--bg-tertiary);border-radius:2px;flex:1;height:4px;transition:background .2s}.password-strength-label{white-space:nowrap;font-size:12px;font-weight:500}.encrypt-output-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.encrypt-output-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.encrypt-output-text{font-family:var(--font-mono);color:var(--accent-cyan);background:var(--bg-tertiary);padding:var(--space-md);border-radius:var(--radius-sm);word-break:break-all;white-space:pre-wrap;max-height:300px;font-size:13px;line-height:1.6;overflow-y:auto}.qr-input-section{margin-bottom:var(--space-md)}.qr-options{gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.qr-option-group{gap:var(--space-xs);flex-direction:column;display:flex}.qr-option-label{color:var(--text-muted);font-size:12px;font-weight:500}.qr-option-select{padding:6px var(--space-md);min-width:140px;font-size:13px}.qr-color-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);cursor:pointer;width:40px;height:32px;padding:2px}.qr-preview-section{align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.qr-preview-wrapper{padding:var(--space-md);border-radius:var(--radius-md);background:#fff;display:inline-block}.qr-preview-image{image-rendering:pixelated;display:block}.qr-placeholder-text{text-align:center;color:var(--text-muted);padding:var(--space-xl) 0;font-size:14px}.password-option-section{margin-bottom:var(--space-lg)}.password-option-label{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:13px;display:block}.password-option-label strong{color:var(--text-primary);font-family:var(--font-mono)}.password-slider{-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border:none;border-radius:3px;outline:none;width:100%;height:6px;padding:0}.password-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-cyan);cursor:pointer;border:2px solid var(--bg-primary);border-radius:50%;width:18px;height:18px}.password-slider::-moz-range-thumb{background:var(--accent-cyan);cursor:pointer;border:2px solid var(--bg-primary);border-radius:50%;width:18px;height:18px}.password-slider-labels{color:var(--text-muted);justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.password-checkboxes{gap:var(--space-sm) var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.password-checkbox{align-items:center;gap:var(--space-sm);color:var(--text-secondary);cursor:pointer;font-size:13px;display:flex}.password-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-cyan);cursor:pointer}.password-strength-preview{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);display:flex}.password-results{gap:var(--space-sm);flex-direction:column;display:flex}.password-row{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);display:flex}.password-row-index{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);flex-shrink:0;width:28px}.password-row-value{font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;flex:1;font-size:15px;line-height:1.5}.text-tool-textarea--mono{font-family:var(--font-mono);font-size:13px}.text-tool-options{gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.text-tool-toggle{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.text-tool-toggle input[type=checkbox],.text-tool-toggle input[type=radio]{accent-color:var(--accent-cyan);cursor:pointer;width:16px;height:16px}.text-tool-summary{padding:var(--space-sm) var(--space-md);border-left:3px solid var(--accent-cyan);border-radius:var(--radius-sm);color:var(--text-secondary);margin-bottom:var(--space-lg);background:#ffc20e14;font-size:13px}.text-tool-copy-btn{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.text-tool-copy-btn:hover{border-color:var(--text-muted);color:var(--text-primary);background:var(--bg-tertiary)}.text-tool-file-btn{color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.text-tool-file-btn:hover{border-color:var(--accent-cyan);background:#ffc20e0d}.find-replace-controls{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.find-replace-fields{gap:var(--space-md);margin-bottom:var(--space-md);display:flex}@media (max-width:600px){.find-replace-fields{flex-direction:column}}.find-replace-field{flex:1}.find-replace-label{color:var(--text-muted);margin-bottom:var(--space-xs);font-size:12px;font-weight:500;display:block}.find-replace-input{width:100%;padding:8px var(--space-md);font-size:14px}.find-replace-options{gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.find-replace-actions{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.find-replace-match-count{font-family:var(--font-mono);color:var(--accent-cyan);font-size:13px}.find-replace-output{margin-bottom:var(--space-lg)}.find-replace-output-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.find-replace-output-title{color:var(--text-secondary);font-size:13px;font-weight:500}.text-diff-inputs{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}@media (max-width:767px){.text-diff-inputs{grid-template-columns:1fr}}.text-diff-input-col{flex-direction:column;display:flex}.text-diff-input-col .text-tool-textarea{flex:1;margin-bottom:0}.text-diff-label{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:13px;font-weight:500;display:block}.text-diff-result{margin-bottom:var(--space-lg)}.text-diff-summary{gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.text-diff-stat{font-family:var(--font-mono);border-radius:12px;padding:2px 10px;font-size:13px}.text-diff-stat--added{color:var(--accent-green);background:#10b98126}.text-diff-stat--removed{color:var(--accent-red);background:#ef444426}.text-diff-stat--changed{color:var(--accent-amber);background:#f59e0b26}.text-diff-stat--unchanged{background:var(--bg-tertiary);color:var(--text-muted)}.text-diff-output{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);max-height:500px;font-family:var(--font-mono);font-size:13px;line-height:1.6;overflow:auto}.text-diff-line{padding:1px var(--space-md);border-left:3px solid #0000;display:flex}.text-diff-line--added{border-left-color:var(--accent-green);background:#10b9811a}.text-diff-line--removed{border-left-color:var(--accent-red);background:#ef44441a}.text-diff-line--equal{color:var(--text-muted)}.text-diff-line-prefix{width:20px;color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0}.text-diff-line--added .text-diff-line-prefix{color:var(--accent-green)}.text-diff-line--removed .text-diff-line-prefix{color:var(--accent-red)}.text-diff-line-text{white-space:pre-wrap;word-break:break-all}.csv-diff-upload{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.csv-diff-or{color:var(--text-muted);font-size:12px}.csv-diff-filename{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.csv-diff-result{margin-bottom:var(--space-lg)}.csv-diff-table-wrapper{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);max-height:500px;overflow:auto}.csv-diff-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:12px}.csv-diff-table th{background:var(--bg-tertiary);text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 10px;font-weight:500;position:sticky;top:0}.csv-diff-table td{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #4755694d;max-width:200px;padding:4px 10px;overflow:hidden}.csv-diff-row-num{text-align:center;width:40px;font-size:11px;color:var(--text-muted)!important}.csv-diff-row--added td{background:#10b98114}.csv-diff-row--removed td{background:#ef444414}.csv-diff-cell--changed{background:#f59e0b1f!important}.csv-diff-cell-change{flex-direction:column;gap:2px;display:flex}.csv-diff-cell-old{color:var(--accent-red);font-size:11px;text-decoration:line-through}.csv-diff-cell-new{color:var(--accent-green);font-size:11px}.json-formatter-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.json-formatter-indent{align-items:center;gap:var(--space-sm);display:flex}.json-formatter-select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:6px 10px;font-size:13px}.json-formatter-buttons{gap:var(--space-sm);display:flex}.json-formatter-output{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);max-height:500px;font-family:var(--font-mono);margin-bottom:var(--space-lg);font-size:13px;line-height:1.6;overflow:auto}.json-formatter-line{gap:var(--space-md);display:flex}.json-formatter-line-num{text-align:right;width:36px;color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:12px}.json-formatter-line-content{white-space:pre-wrap;word-break:break-all}.json-formatter-valid{padding:var(--space-sm) var(--space-md);border-left:3px solid var(--accent-green);border-radius:var(--radius-sm);color:var(--accent-green);margin-bottom:var(--space-lg);background:#10b9811a;font-size:14px;font-weight:500}.json-key{color:#7dd3fc}.json-string{color:#86efac}.json-number{color:#fbbf24}.json-boolean{color:#c084fc}.json-null{color:var(--text-muted);font-style:italic}.json-bracket{color:var(--text-secondary)}.json-colon{color:var(--text-muted)}.csv-encoding-panel{margin-bottom:var(--space-lg)}.csv-encoding-info{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.csv-encoding-title{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:var(--space-md);word-break:break-all;font-size:14px}.csv-encoding-detail{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.csv-encoding-label{color:var(--text-muted);font-size:13px}.csv-encoding-value{font-family:var(--font-mono);border-radius:10px;padding:2px 8px;font-size:13px}.csv-encoding-value--ok{color:var(--accent-green);background:#10b98126}.csv-encoding-value--warning{color:var(--accent-amber);background:#f59e0b26}.csv-encoding-explanation{color:var(--text-secondary);margin-top:var(--space-sm);font-size:13px;line-height:1.6}.csv-encoding-preview{background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--accent-cyan);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);overflow-x:auto}.csv-encoding-preview-title{color:var(--accent-cyan);margin-bottom:var(--space-sm);font-size:13px;font-weight:500}.csv-encoding-preview-table{font-family:var(--font-mono);font-size:12px}.csv-encoding-preview-row{gap:var(--space-md);border-bottom:1px solid #47556933;padding:2px 0;display:flex}.csv-encoding-preview-num{text-align:right;width:24px;color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0}.csv-encoding-preview-text{white-space:pre;color:var(--text-secondary)}.base64-file-upload{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.unit-converter-tabs{margin-bottom:var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);flex-wrap:wrap;gap:4px;padding:3px;display:flex}.unit-converter-tab{padding:6px var(--space-md);color:var(--text-muted);border-radius:var(--radius-sm);white-space:nowrap;font-size:12px;font-weight:500;transition:all .15s}.unit-converter-tab:hover{color:var(--text-secondary)}.unit-converter-tab--active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 1px 3px #0003}.unit-converter-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.unit-converter-row{align-items:flex-end;gap:var(--space-md);display:flex}@media (max-width:600px){.unit-converter-row{flex-direction:column;align-items:stretch}}.unit-converter-field{gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.unit-converter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.unit-converter-input{width:100%;padding:10px var(--space-md);font-family:var(--font-mono);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:18px;font-weight:600}.unit-converter-input:focus{border-color:var(--accent-cyan);outline:none}.unit-converter-select{width:100%;padding:8px var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px}.unit-converter-swap{width:40px;height:40px;color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border);margin-bottom:var(--space-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;transition:all .15s;display:flex}.unit-converter-swap:hover{color:var(--accent-cyan);border-color:var(--accent-cyan);background:#ffc20e0d}.unit-converter-formula{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border);text-align:center}.unit-converter-formula-text{font-family:var(--font-mono);color:var(--accent-cyan);font-size:14px}.date-diff-tabs{margin-bottom:var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.date-diff-tab{padding:var(--space-sm) var(--space-md);color:var(--text-muted);border-radius:var(--radius-sm);text-align:center;flex:1;font-size:13px;font-weight:500;transition:all .15s}.date-diff-tab:hover{color:var(--text-secondary)}.date-diff-tab--active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 1px 3px #0003}.date-diff-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.date-diff-inputs{gap:var(--space-lg);margin-bottom:var(--space-lg);display:flex}@media (max-width:600px){.date-diff-inputs{flex-direction:column}}.date-diff-field{gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.date-diff-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.date-diff-input-row{gap:var(--space-sm);align-items:center;display:flex}.date-diff-date-input{padding:8px var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);flex:1;font-size:14px}.date-diff-date-input:focus{border-color:var(--accent-cyan);outline:none}.date-diff-today-btn{color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;padding:8px 12px;font-size:12px;font-weight:500;transition:all .15s}.date-diff-today-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.date-diff-select{padding:8px var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);min-width:120px;font-size:14px}.date-diff-number-input{padding:8px var(--space-md);font-size:14px;font-family:var(--font-mono);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);flex:1;min-width:100px}.date-diff-number-input:focus{border-color:var(--accent-cyan);outline:none}.date-diff-days-label{color:var(--text-muted);white-space:nowrap;font-size:13px}.date-diff-results{border-top:1px solid var(--border);padding-top:var(--space-lg)}.date-diff-note{color:var(--accent-amber);margin-bottom:var(--space-md);font-size:13px}.date-diff-summary{margin-bottom:var(--space-lg)}.date-diff-summary-main{font-family:var(--font-mono);color:var(--accent-cyan);font-size:22px;font-weight:600}.date-diff-grid{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:500px){.date-diff-grid{grid-template-columns:repeat(2,1fr)}}.date-diff-stat{padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:2px;display:flex}.date-diff-stat-value{font-family:var(--font-mono);color:var(--text-primary);font-size:18px;font-weight:600}.date-diff-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.date-diff-result-date{align-items:center;gap:var(--space-sm);text-align:center;flex-direction:column;display:flex}.date-diff-result-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.date-diff-result-value{color:var(--text-primary);font-size:20px;font-weight:600}.date-diff-result-iso{font-family:var(--font-mono);color:var(--accent-cyan);font-size:14px}.timestamp-tabs{margin-bottom:var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.timestamp-tab{padding:var(--space-sm) var(--space-md);color:var(--text-muted);border-radius:var(--radius-sm);text-align:center;flex:1;font-size:13px;font-weight:500;transition:all .15s}.timestamp-tab:hover{color:var(--text-secondary)}.timestamp-tab--active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 1px 3px #0003}.timestamp-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.timestamp-input-group{margin-bottom:var(--space-lg)}.timestamp-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm);font-size:12px;font-weight:500;display:block}.timestamp-input-row{gap:var(--space-sm);align-items:center;display:flex}.timestamp-input{padding:10px var(--space-md);font-family:var(--font-mono);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);flex:1;font-size:14px}.timestamp-input:focus{border-color:var(--accent-cyan);outline:none}.timestamp-now-btn{color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s}.timestamp-now-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.timestamp-detected{margin-top:var(--space-sm);color:var(--accent-cyan);background:#ffc20e1a;border-radius:12px;padding:2px 10px;font-size:12px;display:inline-block}.timestamp-results{border-top:1px solid var(--border);padding-top:var(--space-md);flex-direction:column;gap:2px;display:flex}.timestamp-result-row{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:background .1s;display:flex}.timestamp-result-row:hover{background:var(--bg-tertiary)}.timestamp-result-label{color:var(--text-muted);flex-shrink:0;min-width:110px;font-size:12px;font-weight:500}.timestamp-result-value-row{align-items:center;gap:var(--space-sm);flex:1;min-width:0;display:flex}.timestamp-result-value{font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;font-size:13px}.timestamp-copy-btn{width:28px;height:28px;color:var(--text-muted);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.timestamp-copy-btn:hover{color:var(--accent-cyan);background:#ffc20e1a}.filesize-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.filesize-input-group{margin-bottom:var(--space-lg)}.filesize-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm);font-size:12px;font-weight:500;display:block}.filesize-input-row{gap:var(--space-sm);align-items:center;display:flex}.filesize-input{padding:10px var(--space-md);font-family:var(--font-mono);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);flex:1;min-width:0;font-size:18px;font-weight:600}.filesize-input:focus{border-color:var(--accent-cyan);outline:none}.filesize-select{padding:10px var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);min-width:160px;font-size:14px}.filesize-results{gap:var(--space-lg);border-top:1px solid var(--border);padding-top:var(--space-lg);flex-direction:column;display:flex}.filesize-results-section{gap:var(--space-sm);flex-direction:column;display:flex}.filesize-results-title{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:13px;font-weight:600}.filesize-results-grid{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:600px){.filesize-results-grid{grid-template-columns:repeat(2,1fr)}}.filesize-result-item{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid #0000;flex-direction:column;gap:2px;transition:border-color .15s;display:flex}.filesize-result-item--active{border-color:var(--accent-cyan);background:#ffc20e0d}.filesize-result-value{font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;font-size:14px;font-weight:600}.filesize-result-unit{color:var(--text-muted);font-size:11px}.regex-tester-panel{gap:var(--space-md);flex-direction:column;display:flex}.regex-tester-input-group{gap:var(--space-sm);flex-direction:column;display:flex}.regex-tester-label{align-items:center;gap:var(--space-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500;display:flex}.regex-tester-match-count{font-family:var(--font-mono);color:var(--accent-cyan);text-transform:none;letter-spacing:0;background:#ffc20e1a;border-radius:10px;padding:1px 8px;font-size:12px}.regex-tester-pattern-row{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:0;display:flex;overflow:hidden}.regex-tester-pattern-row:focus-within{border-color:var(--accent-cyan)}.regex-tester-delim{font-family:var(--font-mono);color:var(--text-muted);padding:0 var(--space-sm);flex-shrink:0;font-size:16px}.regex-tester-pattern-input{font-family:var(--font-mono);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px 0;font-size:15px}.regex-tester-flags{gap:var(--space-sm) var(--space-lg);flex-wrap:wrap;display:flex}.regex-tester-flag{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.regex-tester-flag input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-cyan);cursor:pointer}.regex-tester-flag-code{font-family:var(--font-mono);color:var(--accent-cyan);font-size:14px;font-weight:600}.regex-tester-flag-label{color:var(--text-muted);font-size:12px}.regex-tester-presets{gap:var(--space-sm);flex-direction:column;display:flex}.regex-tester-presets-label{color:var(--text-muted);font-size:12px;font-weight:500}.regex-tester-presets-list{gap:var(--space-xs);flex-wrap:wrap;display:flex}.regex-tester-preset-btn{color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);white-space:nowrap;border-radius:12px;padding:4px 10px;font-size:12px;transition:all .15s}.regex-tester-preset-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#ffc20e0d}.regex-tester-textarea{width:100%;min-height:120px;padding:var(--space-md);font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);resize:vertical;font-size:14px;line-height:1.6}.regex-tester-textarea:focus{border-color:var(--accent-cyan);outline:none}.regex-tester-textarea::placeholder{color:var(--text-muted)}.regex-tester-highlighted{padding:var(--space-md);font-family:var(--font-mono);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-all;max-height:300px;color:var(--text-primary);font-size:14px;line-height:1.8;overflow-y:auto}.regex-tester-highlight{color:var(--accent-cyan);background:#ffc20e40;border-radius:2px;padding:1px 0}.regex-tester-matches{gap:var(--space-sm);flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.regex-tester-match-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md)}.regex-tester-match-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);display:flex}.regex-tester-match-num{color:var(--accent-cyan);font-size:12px;font-weight:600}.regex-tester-match-index{color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.regex-tester-match-copy{width:24px;height:24px;color:var(--text-muted);border-radius:var(--radius-sm);justify-content:center;align-items:center;margin-left:auto;transition:all .15s;display:flex}.regex-tester-match-copy:hover{color:var(--accent-cyan);background:#ffc20e1a}.regex-tester-match-value{font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;font-size:13px}.regex-tester-match-groups{margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--border);flex-direction:column;gap:2px;display:flex}.regex-tester-match-group{align-items:baseline;gap:var(--space-sm);font-size:12px;display:flex}.regex-tester-group-label{color:var(--text-muted);white-space:nowrap;font-size:11px}.regex-tester-group-value{font-family:var(--font-mono);color:var(--text-secondary);font-size:12px}.regex-tester-no-match{text-align:center;padding:var(--space-lg);color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px}.jwt-panel{gap:var(--space-md);flex-direction:column;display:flex}.jwt-input-group{gap:var(--space-sm);flex-direction:column;display:flex}.jwt-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.jwt-textarea{width:100%;min-height:100px;padding:var(--space-md);font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);resize:vertical;word-break:break-all;font-size:13px;line-height:1.6}.jwt-textarea:focus{border-color:var(--accent-cyan);outline:none}.jwt-textarea::placeholder{color:var(--text-muted);word-break:break-all;font-size:12px}.jwt-raw{font-family:var(--font-mono);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);word-break:break-all;font-size:12px;line-height:1.6;overflow-x:auto}.jwt-raw-header{color:#f97316}.jwt-raw-payload{color:#a78bfa}.jwt-raw-signature{color:#34d399}.jwt-raw-dot{color:var(--text-muted)}.jwt-expiration{align-items:center;display:flex}.jwt-exp-badge{border-radius:12px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.jwt-exp-badge--valid{color:var(--accent-green);background:#10b98126}.jwt-exp-badge--expired{color:var(--accent-red);background:#ef444426}.jwt-exp-badge--noexp{background:var(--bg-tertiary);color:var(--text-muted)}.jwt-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.jwt-section--header{border-left:3px solid #f97316}.jwt-section--payload{border-left:3px solid #a78bfa}.jwt-section--signature{border-left:3px solid #34d399}.jwt-section-header{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.jwt-section-title{color:var(--text-primary);font-size:13px;font-weight:600}.jwt-section-copy{width:28px;height:28px;color:var(--text-muted);border-radius:var(--radius-sm);justify-content:center;align-items:center;transition:all .15s;display:flex}.jwt-section-copy:hover{color:var(--accent-cyan);background:#ffc20e1a}.jwt-section-code{padding:var(--space-md);font-family:var(--font-mono);color:var(--text-primary);white-space:pre-wrap;word-break:break-all;margin:0;font-size:13px;line-height:1.6;overflow-x:auto}.jwt-timestamp-annotation{color:var(--text-muted);font-size:11px;font-style:italic}.jwt-sig-hex{color:var(--accent-green);word-break:break-all}.jwt-sig-note{padding:var(--space-sm) var(--space-md);color:var(--text-muted);border-top:1px solid var(--border);font-size:12px;font-style:italic}.colour-converter-panel{gap:var(--space-lg);flex-direction:column;display:flex}.colour-input-group{gap:var(--space-sm);flex-direction:column;display:flex}.colour-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.colour-input-row{gap:var(--space-sm);align-items:center;display:flex}.colour-picker{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);cursor:pointer;flex-shrink:0;width:44px;height:44px;padding:2px}.colour-picker::-webkit-color-swatch-wrapper{padding:0}.colour-picker::-webkit-color-swatch{border:none;border-radius:2px}.colour-text-input{padding:10px var(--space-md);font-family:var(--font-mono);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);flex:1;font-size:14px}.colour-text-input:focus{border-color:var(--accent-cyan);outline:none}.colour-text-input::placeholder{color:var(--text-muted);font-size:12px}.colour-alpha-row{align-items:center;gap:var(--space-md);margin-top:var(--space-sm);display:flex}.colour-alpha-label{color:var(--text-secondary);white-space:nowrap;min-width:100px;font-size:13px}.colour-alpha-slider{-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border:none;border-radius:3px;outline:none;flex:1;height:6px;padding:0}.colour-alpha-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-cyan);cursor:pointer;border:2px solid var(--bg-primary);border-radius:50%;width:16px;height:16px}.colour-alpha-slider::-moz-range-thumb{background:var(--accent-cyan);cursor:pointer;border:2px solid var(--bg-primary);border-radius:50%;width:16px;height:16px}.colour-no-parse{text-align:center;padding:var(--space-lg);color:var(--accent-amber);border-radius:var(--radius-md);background:#f59e0b14;border:1px solid #f59e0b33;font-size:13px}.colour-preview-section{gap:var(--space-md);align-items:stretch;display:flex}.colour-preview-swatch{border-radius:var(--radius-md);border:1px solid var(--border);flex:1;min-height:120px}.colour-preview-swatch--checker{background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;position:relative}.colour-preview-swatch--checker:after{content:"";border-radius:inherit;position:absolute;top:0;bottom:0;left:0;right:0}.colour-formats{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:2px;display:flex;overflow:hidden}.colour-format-row{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);transition:background .1s;display:flex}.colour-format-row:hover{background:var(--bg-tertiary)}.colour-format-label{color:var(--text-muted);flex-shrink:0;min-width:40px;font-size:12px;font-weight:600}.colour-format-value-row{align-items:center;gap:var(--space-sm);flex:1;min-width:0;display:flex}.colour-format-value{font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;font-size:14px}.colour-copy-btn{width:28px;height:28px;color:var(--text-muted);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.colour-copy-btn:hover{color:var(--accent-cyan);background:#ffc20e1a}.colour-details{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md)}.colour-detail-grid{gap:var(--space-sm);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:500px){.colour-detail-grid{grid-template-columns:repeat(2,1fr)}}.colour-detail-item{padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:2px;display:flex}.colour-detail-label{color:var(--text-muted);font-size:11px}.colour-detail-value{font-family:var(--font-mono);color:var(--text-primary);font-size:14px;font-weight:600}.htw{max-width:820px;padding-bottom:var(--space-2xl);margin:0 auto}.htw-hero{text-align:center;padding:var(--space-xl) 0 var(--space-xl);margin-bottom:var(--space-xl);border-bottom:1px solid var(--border-hairline)}.htw-kicker{font-family:var(--font-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--accent-primary);align-items:center;gap:10px;margin-bottom:18px;font-size:10px;font-weight:700;display:inline-flex}.htw-kicker:before,.htw-kicker:after{content:"";opacity:.7;background:currentColor;width:20px;height:1px}.htw-title{font-family:var(--font-display);font-variation-settings:"opsz" 72, "SOFT" 40;letter-spacing:-.02em;color:var(--text-parchment);margin-bottom:14px;font-size:44px;font-weight:500;line-height:1.05}.htw-subtitle{font-family:var(--font-sans);color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:16px;line-height:1.55}.htw-section{margin-bottom:var(--space-2xl)}.htw-section-title{font-family:var(--font-display);font-variation-settings:"opsz" 36, "SOFT" 40;letter-spacing:-.01em;color:var(--text-parchment);align-items:baseline;gap:12px;margin-bottom:14px;font-size:22px;font-weight:500;display:flex}.htw-section-title:after{content:"";background:linear-gradient(90deg, var(--border-hairline) 0%, transparent 100%);flex:1;height:1px}@media (max-width:767px){.htw-title{font-size:32px}}.htw-section-intro{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:15px;line-height:1.7}.htw-promise{gap:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-lg);background:#ffc20e0f;border:1px solid #ffc20e33;align-items:flex-start;display:flex}.htw-promise svg{color:var(--accent-cyan);flex-shrink:0;margin-top:2px}.htw-promise h2{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:18px;font-weight:600}.htw-promise p{color:var(--text-secondary);font-size:15px;line-height:1.7}.htw-diagram{align-items:center;gap:var(--space-sm);flex-direction:column;max-width:560px;margin:0 auto;display:flex}.htw-diagram-step{align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);display:flex}.htw-diagram-step-number{background:var(--accent-cyan);color:#0a1628;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:700;line-height:1;display:flex}.htw-diagram-step-text{color:var(--text-primary);font-size:15px;line-height:1.5}.htw-diagram-arrow{color:var(--text-muted);flex-shrink:0}.htw-diagram-badge{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--accent-green);background:#10b9811a;border:1px solid #10b9814d;font-size:14px;display:flex}.htw-comparison{gap:var(--space-md);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}@media (max-width:700px){.htw-comparison{grid-template-columns:1fr}.htw-comparison-arrow{justify-self:center;transform:rotate(90deg)}}.htw-comparison-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg)}.htw-comparison-card--bad{border-color:#ef44444d}.htw-comparison-card--good{border-color:#10b9814d}.htw-comparison-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.htw-comparison-card--bad .htw-comparison-header{color:#f87171}.htw-comparison-card--good .htw-comparison-header{color:var(--accent-green)}.htw-comparison-header h3{font-size:16px;font-weight:600}.htw-comparison-steps{counter-reset:steps;margin:0 0 var(--space-md) 0;padding:0;list-style:none}.htw-comparison-steps li{counter-increment:steps;color:var(--text-secondary);padding:6px 0 6px 32px;font-size:14px;line-height:1.5;position:relative}.htw-comparison-steps li:before{content:counter(steps);background:var(--bg-tertiary);width:22px;height:22px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;position:absolute;left:0}.htw-comparison-verdict{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--accent-red);background:#ef444414;font-size:13px;font-weight:500;display:flex}.htw-comparison-verdict--good{color:var(--accent-green);background:#10b98114}.htw-comparison-arrow{color:var(--text-muted)}.htw-verify-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:700px){.htw-verify-grid{grid-template-columns:1fr}}.htw-verify-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg)}.htw-verify-icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--accent-cyan);margin-bottom:var(--space-md);background:#ffc20e1a;justify-content:center;align-items:center;display:flex}.htw-verify-card h3{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:15px;font-weight:600}.htw-verify-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.htw-compliance-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (max-width:600px){.htw-compliance-grid{grid-template-columns:1fr}}.htw-compliance-card{gap:var(--space-md);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:flex-start;display:flex}.htw-compliance-card svg{color:var(--accent-cyan);flex-shrink:0;margin-top:2px}.htw-compliance-card h3{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.htw-compliance-card p{color:var(--text-secondary);font-size:13px;line-height:1.6}.htw-compliance-card--link{cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s}.htw-compliance-card--link:hover{border-color:var(--accent-primary);background:var(--bg-tertiary)}.htw-compliance-card--link:hover h3{color:var(--accent-primary)}.htw-netsilence{gap:var(--space-md);margin-top:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-lg);background:#10b9810f;border:1px solid #10b98159;align-items:flex-start;display:flex}.htw-netsilence svg{color:var(--accent-green);flex-shrink:0;margin-top:2px}.htw-netsilence strong{color:var(--text-primary);margin-bottom:4px;font-size:14px;display:block}.htw-netsilence p{color:var(--text-secondary);font-size:13px;line-height:1.6}.htw-netsilence--active{background:#f59e0b0f;border-color:#f59e0b66}.htw-netsilence--active svg{color:var(--accent-amber)}.htw-cleardata-btn{margin-top:var(--space-sm);font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.htw-cleardata-btn:hover{border-color:var(--accent-primary)}.htw-cleardata-btn--danger{background:#ef44441f;border-color:#ef444480}.htw-cleardata-btn--danger:hover{border-color:var(--accent-red);background:#ef444433}.htw-cleardata-btn--ghost{background:0 0}.htw-cleardata-confirm{margin-top:var(--space-sm);padding:var(--space-md);background:var(--bg-inset);border:1px solid var(--border-hairline);border-radius:var(--radius-md)}.htw-cleardata-confirm p{color:var(--text-secondary);font-size:12.5px;line-height:1.55}.htw-cleardata-confirm p svg{color:var(--accent-amber);vertical-align:-2px;margin-right:4px}.htw-cleardata-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.htw-timeline{padding:var(--space-sm) 0 var(--space-sm) 0;margin:var(--space-md) 0 0 0;list-style:none;position:relative}.htw-timeline:before{content:"";background:linear-gradient(#ffc20e00 0%,#ffc20e73 12%,#ffc20ea6 50%,#ffc20e73 88%,#ffc20e00 100%);border-radius:1px;width:2px;position:absolute;top:12px;bottom:12px;left:19px}.htw-timeline-item{padding:0 0 var(--space-lg) 56px;min-height:40px;position:relative}.htw-timeline-item:last-child{padding-bottom:0}.htw-timeline-node{background:var(--bg-card);border:2px solid var(--accent-primary);width:40px;height:40px;color:var(--accent-primary);box-shadow:0 0 0 4px var(--bg-primary), 0 0 16px #ffc20e33;z-index:2;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s,background .2s;display:flex;position:absolute;top:0;left:0}.htw-timeline-item:hover .htw-timeline-node{box-shadow:0 0 0 4px var(--bg-primary), 0 0 24px #ffc20e73;background:#ffc20e14;transform:scale(1.08)}.htw-timeline-item--era .htw-timeline-node{border-color:var(--border);color:var(--text-secondary);box-shadow:0 0 0 4px var(--bg-primary), 0 0 8px #0006}.htw-timeline-item--era:hover .htw-timeline-node{box-shadow:0 0 0 4px var(--bg-primary), 0 0 16px #ffffff14;background:var(--bg-tertiary)}.htw-timeline-node--now{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--bg-primary), 0 0 24px #ffc20e8c}.htw-timeline-item--now:hover .htw-timeline-node--now{background:var(--accent-primary);box-shadow:0 0 0 4px var(--bg-primary), 0 0 32px #ffc20ebf}.htw-timeline-content{background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-card);transition:transform .2s,border-color .2s;position:relative}.htw-timeline-item:hover .htw-timeline-content{border-color:#ffc20e40;transform:translate(2px)}.htw-timeline-content:before{content:"";background:var(--bg-card);border-left:1px solid var(--border-hairline);border-bottom:1px solid var(--border-hairline);width:12px;height:12px;transition:border-color .2s;position:absolute;top:16px;left:-7px;transform:rotate(45deg)}.htw-timeline-item:hover .htw-timeline-content:before{border-color:#ffc20e40}.htw-timeline-year{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:var(--space-sm);background:#ffc20e14;border:1px solid #ffc20e40;border-radius:3px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.htw-timeline-item--era .htw-timeline-year{color:var(--text-secondary);border-color:var(--border-hairline);background:#ffffff0a}.htw-timeline-year--now{color:var(--bg-primary);background:var(--accent-primary);border-color:var(--accent-primary)}.htw-timeline-title{font-family:var(--font-display);color:var(--text-parchment);letter-spacing:-.01em;margin:0 0 6px;font-size:18px;font-weight:500}.htw-timeline-body{color:var(--text-secondary);margin:0;font-size:14.5px;line-height:1.6}.htw-timeline-tech{margin-top:var(--space-sm);font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;border-top:1px dashed var(--border-hairline);padding-top:6px;font-size:11px;display:inline-block}@media (max-width:640px){.htw-timeline:before{left:15px}.htw-timeline-item{padding-left:44px}.htw-timeline-node{width:32px;height:32px}.htw-timeline-node svg{width:14px;height:14px}.htw-timeline-content{padding:var(--space-md)}.htw-timeline-title{font-size:16px}.htw-timeline-body{font-size:14px}}@media (prefers-reduced-motion:reduce){.htw-timeline-node,.htw-timeline-content,.htw-timeline-content:before{transition:none}.htw-timeline-item:hover .htw-timeline-node,.htw-timeline-item:hover .htw-timeline-content{transform:none}}.htw-link{color:var(--accent-cyan);text-underline-offset:3px;text-decoration:underline}.htw-link:hover{opacity:.85}.htw-subsection-title{color:var(--text-primary);margin:var(--space-xl) 0 var(--space-sm);font-size:17px;font-weight:600}.htw-security-callout{border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);background:#ffc20e0f;border:1px solid #ffc20e40}.htw-security-callout-header{align-items:center;gap:var(--space-sm);color:var(--accent-cyan);margin-bottom:var(--space-md);font-size:15px;display:flex}.htw-security-essentials{gap:var(--space-sm);counter-reset:essentials;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.htw-security-essentials li{align-items:flex-start;gap:var(--space-sm);color:var(--text-secondary);counter-increment:essentials;font-size:14px;display:flex}.htw-security-essentials li svg{color:var(--accent-cyan);flex-shrink:0;margin-top:2px}.htw-security-essentials li span strong{color:var(--text-primary)}.htw-encrypt-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.htw-encrypt-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.htw-encrypt-card-header{align-items:center;gap:var(--space-sm);color:var(--accent-cyan);display:flex}.htw-encrypt-card-header h4{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.htw-encrypt-steps{padding-left:var(--space-lg);flex-direction:column;gap:6px;margin:0;display:flex}.htw-encrypt-steps li{color:var(--text-secondary);font-size:13px;line-height:1.5}.htw-encrypt-steps li code{font-family:var(--font-mono);background:var(--bg-tertiary);color:var(--accent-cyan);border-radius:3px;padding:1px 5px;font-size:12px}.htw-encrypt-steps li strong{color:var(--text-primary)}.htw-encrypt-tip{align-items:flex-start;gap:var(--space-xs);color:var(--accent-green);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);background:#10b98114;margin-top:auto;font-size:12px;display:flex}.htw-encrypt-tip svg{flex-shrink:0;margin-top:1px}.htw-device-grid{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.htw-device-card{gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);align-items:flex-start;display:flex}.htw-device-card svg{color:var(--accent-cyan);flex-shrink:0;margin-top:2px}.htw-device-card h4{color:var(--text-primary);margin:0 0 4px;font-size:14px;font-weight:600}.htw-device-card p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.htw-ai-warning{gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin-top:var(--space-xl);background:#ef444414;border:1px solid #ef44444d;align-items:flex-start;display:flex}.htw-ai-warning svg{color:#ef4444;flex-shrink:0;margin-top:2px}.htw-ai-warning strong{color:#ef4444;margin-bottom:var(--space-xs);font-size:14px;display:block}.htw-ai-warning p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.htw-faq{flex-direction:column;gap:2px;display:flex}.htw-faq-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.htw-faq-item summary{padding:var(--space-md) var(--space-lg);color:var(--text-primary);cursor:pointer;align-items:center;gap:var(--space-sm);font-size:15px;font-weight:500;list-style:none;display:flex}.htw-faq-item summary::-webkit-details-marker{display:none}.htw-faq-item summary:before{content:"+";font-family:var(--font-mono);color:var(--accent-cyan);flex-shrink:0;width:20px;font-size:18px;font-weight:600}.htw-faq-item[open] summary:before{content:"−"}.htw-faq-item summary:hover{background:var(--bg-tertiary)}.htw-faq-item p{padding:0 var(--space-lg) var(--space-lg) 44px;color:var(--text-secondary);font-size:14px;line-height:1.7}.tap{max-width:860px;margin:0 auto}.tap-hero{text-align:center;padding:var(--space-xl) 0 var(--space-lg)}.tap-hero-agencies{justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.tap-agency-badge{letter-spacing:.05em;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.tap-agency-badge--cihr{color:#f87171;background:#dc262626;border:1px solid #dc26264d}.tap-agency-badge--nserc{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f64d}.tap-agency-badge--sshrc{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.tap-agency-sep{color:var(--text-muted);font-size:18px}.tap-title{font-family:var(--font-display);font-variation-settings:"opsz" 72, "SOFT" 40;letter-spacing:-.02em;color:var(--text-parchment);margin-bottom:14px;font-size:40px;font-weight:500;line-height:1.1}.tap-subtitle{font-family:var(--font-sans);color:var(--text-secondary);max-width:620px;margin:0 auto var(--space-md);font-size:16px;line-height:1.6}@media (max-width:767px){.tap-title{font-size:30px}}.tap-source-link{color:var(--accent-cyan);border:1px solid #ffc20e4d;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:13px;transition:background .15s;display:inline-flex}.tap-source-link:hover{background:#ffc20e14}.tap-section{margin-bottom:var(--space-2xl)}.tap-section-title{font-family:var(--font-display);font-variation-settings:"opsz" 36, "SOFT" 40;letter-spacing:-.01em;color:var(--text-parchment);align-items:baseline;gap:12px;margin-bottom:14px;font-size:22px;font-weight:500;display:flex}.tap-section-title:after{content:"";background:linear-gradient(90deg, var(--border-hairline) 0%, transparent 100%);flex:1;height:1px}.tap-section-intro{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:14px;line-height:1.7}.tap-inline-link{color:var(--accent-cyan);text-underline-offset:3px;align-items:center;gap:3px;text-decoration:underline;display:inline-flex}.tap-what-is{gap:var(--space-xl);grid-template-columns:1fr auto;align-items:start;display:grid}@media (max-width:640px){.tap-what-is{grid-template-columns:1fr}}.tap-what-is-text h2{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:20px;font-weight:600}.tap-what-is-text p{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:14px;line-height:1.7}.tap-not-open-data{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);margin-top:var(--space-md);background:#ffc20e0f;border:1px solid #ffc20e33;align-items:flex-start;font-size:13px;display:flex}.tap-not-open-data svg{color:var(--accent-cyan);flex-shrink:0;margin-top:1px}.tap-not-open-data strong{color:var(--text-primary)}.tap-three-pillars{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.tap-pillar{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);width:200px;display:flex}.tap-pillar svg{color:var(--accent-cyan);flex-shrink:0}.tap-pillar div{flex-direction:column;display:flex}.tap-pillar strong{color:var(--text-primary);font-size:13px}.tap-pillar span{color:var(--text-muted);font-size:11px}.tap-pillar-arrow{color:var(--text-muted)}.tap-fair-grid{gap:var(--space-sm);flex-direction:column;display:flex}.tap-fair-card{align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--fair-color,var(--accent-cyan));border-radius:var(--radius-md);text-align:left;cursor:pointer;width:100%;transition:border-color .15s,background .15s;display:flex}.tap-fair-card--open{background:var(--bg-tertiary)}.tap-fair-card:hover{border-color:var(--fair-color,var(--accent-cyan))}.tap-fair-letter{background:var(--fair-color,var(--accent-cyan));color:#0a1628;width:36px;height:36px;font-size:18px;font-weight:800;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tap-fair-body{flex:1;min-width:0}.tap-fair-header{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.tap-fair-header svg{color:var(--fair-color,var(--accent-cyan));flex-shrink:0}.tap-fair-header strong{color:var(--text-primary);font-size:15px}.tap-fair-plain{color:var(--text-secondary);flex:1;font-size:13px}.tap-fair-chevron{color:var(--text-muted);flex-shrink:0;margin-left:auto;transition:transform .2s}.tap-fair-chevron--open{transform:rotate(180deg)}.tap-fair-details{margin:var(--space-sm) 0 0;flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.tap-fair-details li{align-items:flex-start;gap:var(--space-xs);color:var(--text-secondary);font-size:13px;line-height:1.5;display:flex}.tap-fair-details li svg{color:var(--fair-color,var(--accent-cyan));flex-shrink:0;margin-top:1px}.tap-role-tabs{gap:var(--space-xs);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.tap-role-tab{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:13px;transition:all .15s;display:flex}.tap-role-tab:hover{border-color:var(--text-muted);color:var(--text-primary)}.tap-role-tab--active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#ffc20e1a}.tap-role-tab svg{flex-shrink:0}.tap-role-content{gap:var(--space-sm);flex-direction:column;display:flex}.tap-obligation{align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);display:flex}.tap-obligation--required{border-left:3px solid var(--accent-cyan)}.tap-obligation-icon--req{color:var(--accent-cyan);flex-shrink:0;margin-top:2px}.tap-obligation-icon--rec{color:var(--accent-green);flex-shrink:0;margin-top:2px}.tap-obligation-badge{letter-spacing:.06em;color:var(--accent-cyan);background:#ffc20e26;border-radius:10px;margin-bottom:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.tap-obligation-badge--rec{color:var(--accent-green);background:#10b9811f}.tap-obligation p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.tap-dmp-list{flex-direction:column;gap:2px;display:flex}.tap-dmp-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.tap-dmp-header{align-items:center;gap:var(--space-md);padding:var(--space-md);text-align:left;cursor:pointer;width:100%;transition:background .15s;display:flex}.tap-dmp-header:hover{background:var(--bg-tertiary)}.tap-dmp-num{background:var(--accent-cyan);color:#0a1628;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.tap-dmp-title{color:var(--text-primary);flex:1;font-size:14px;font-weight:600}.tap-dmp-chevron{color:var(--text-muted);transition:transform .2s}.tap-dmp-chevron--open{transform:rotate(180deg)}.tap-dmp-items{padding:0 var(--space-md) var(--space-md) var(--space-md);gap:var(--space-sm);flex-direction:column;margin:0;list-style:none;display:flex}.tap-dmp-items li{align-items:flex-start;gap:var(--space-sm);color:var(--text-secondary);font-size:13px;line-height:1.5;display:flex}.tap-dmp-checkbox{border:1.5px solid var(--border);background:var(--bg-tertiary);border-radius:3px;flex-shrink:0;width:16px;height:16px;margin-top:1px}.fc{margin-bottom:var(--space-xl);flex-direction:column;align-items:center;width:100%;max-width:680px;margin-left:auto;margin-right:auto;display:flex}.fc-diamond-wrap{justify-content:center;width:100%;margin:4px 0;display:flex}.fc-diamond{clip-path:polygon(32px 0%,calc(100% - 32px) 0%,100% 50%,calc(100% - 32px) 100%,32px 100%,0% 50%);background:var(--accent-cyan);flex-shrink:0;align-items:stretch;width:300px;padding:2px;display:flex}.fc-diamond span{clip-path:polygon(30px 0%,calc(100% - 30px) 0%,100% 50%,calc(100% - 30px) 100%,30px 100%,0% 50%);background:var(--bg-secondary);color:var(--text-primary);text-align:center;flex:1;justify-content:center;align-items:center;padding:14px 52px;font-size:12px;font-weight:600;line-height:1.5;display:flex;transform:none}.fc-branch-row{align-items:flex-start;gap:0;width:100%;display:flex}.fc-yes-col{flex-direction:column;flex:0 0 50%;align-items:center;display:flex}.fc-no-col{flex:1;align-items:center;padding-top:18px;display:flex}.fc-line-v{background:var(--border);flex-shrink:0;width:2px;height:24px}.fc-line-h{background:var(--border);flex:0 0 20px;height:2px}.fc-label{letter-spacing:.08em;border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.fc-label--yes{color:var(--accent-green);background:#10b98126}.fc-label--no{color:#f87171;background:#ef44441a;margin:0 6px}.fc-outcome{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);flex:1;font-size:13px;display:flex}.fc-outcome span{flex-shrink:0;margin-top:2px;font-size:20px;line-height:1}.fc-outcome strong{color:var(--text-primary);margin-bottom:3px;font-size:13px;display:block}.fc-outcome p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.fc-outcome--stop{background:#ef444414;border:1px solid #ef444440}.fc-outcome--wait{background:#fbbf2414;border:1px solid #fbbf2440}.fc-outcome--restricted{background:#a855f714;border:1px solid #a855f740}.fc-outcome--open{background:#3b82f614;border:1px solid #3b82f640}.fc-split-row{gap:var(--space-md);width:100%;display:flex}.fc-split-col{flex-direction:column;flex:1;align-items:center;display:flex}.fc-split-col .fc-outcome{width:100%}.fc-merge-line{width:100%;padding:0 calc(25% + var(--space-md)/2);justify-content:center;display:flex}.fc-merge-line-inner{background:var(--border);width:2px;height:24px}.fc-action{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border:2px solid var(--accent-green);border-radius:var(--radius-md);background:#10b98114;width:100%;display:flex}.fc-action svg{color:var(--accent-green);flex-shrink:0;margin-top:2px}.fc-action strong{color:var(--text-primary);margin-bottom:4px;font-size:14px;display:block}.fc-action p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}@media (max-width:580px){.fc-diamond{width:240px}.fc-diamond span{padding:12px 42px;font-size:11px}.fc-branch-row{flex-direction:column;align-items:center}.fc-yes-col{flex:none}.fc-no-col{flex-direction:column;align-items:center;padding-top:0}.fc-line-h{display:none}.fc-split-row{flex-direction:column}}.drac{max-width:900px;margin:0 auto}.drac-hero{text-align:center;padding:var(--space-xl) 0 var(--space-xl);border-bottom:1px solid var(--border-hairline);margin-bottom:var(--space-xl)}.drac-hero-logo{font-family:var(--font-sans);color:var(--accent-primary);letter-spacing:.24em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:18px;font-size:10px;font-weight:700;display:inline-flex}.drac-hero-logo:before{content:"";opacity:.7;background:currentColor;width:20px;height:1px}.drac-hero-logo svg{color:var(--accent-primary)}.drac-title{font-family:var(--font-display);font-variation-settings:"opsz" 72, "SOFT" 40;letter-spacing:-.02em;color:var(--text-parchment);margin-bottom:14px;font-size:40px;font-weight:500;line-height:1.1}.drac-subtitle{font-family:var(--font-sans);color:var(--text-secondary);max-width:620px;margin:0 auto var(--space-lg);font-size:16px;line-height:1.6}@media (max-width:767px){.drac-title{font-size:30px}}.drac-stats{justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.drac-stat{flex-direction:column;align-items:center;display:flex}.drac-stat strong{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1}.drac-stat span{color:var(--text-muted);margin-top:3px;font-size:11px}.drac-stat-div{background:var(--border);width:1px;height:32px}.drac-hero-link{color:var(--accent-cyan);border:1px solid #ffc20e4d;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:13px;transition:background .15s;display:inline-flex}.drac-hero-link:hover{background:#ffc20e14}.drac-tabs{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-xl);flex-wrap:wrap;gap:2px;padding:3px;display:flex}.drac-tab{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;flex:1;justify-content:center;font-size:13px;transition:all .15s;display:flex}.drac-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.drac-tab--active{background:var(--bg-tertiary);color:var(--accent-cyan);font-weight:600}.drac-content-intro{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:14px;line-height:1.7}.drac-subsection-title{font-family:var(--font-display);font-variation-settings:"opsz" 36, "SOFT" 40;letter-spacing:-.01em;color:var(--text-parchment);margin:var(--space-xl) 0 14px;align-items:baseline;gap:12px;font-size:20px;font-weight:500;display:flex}.drac-subsection-title:after{content:"";background:linear-gradient(90deg, var(--border-hairline) 0%, transparent 100%);flex:1;height:1px}.drac-concepts-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.drac-concept-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);flex-direction:column;gap:6px;display:flex}.drac-concept-icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--accent-cyan);background:#ffc20e1a;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.drac-concept-card h4{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.drac-concept-card p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.drac-concept-card code.drac-concept-code{font-family:var(--font-mono);background:var(--bg-tertiary);color:var(--accent-cyan);border-radius:var(--radius-sm);white-space:pre;margin-top:4px;padding:6px 10px;font-size:11px;display:block}.drac-concept-list{color:var(--text-secondary);flex-direction:column;gap:4px;margin:4px 0 0;padding-left:16px;font-size:13px;display:flex}.drac-concept-list li{line-height:1.5}.drac-concept-link{color:var(--accent-cyan);align-items:center;gap:4px;margin-top:4px;font-size:12px;text-decoration:none;display:inline-flex}.drac-concept-link:hover{text-decoration:underline}.drac-inline-link{color:var(--accent-cyan);text-underline-offset:3px;align-items:center;gap:3px;text-decoration:underline;display:inline-flex}.drac-rdm-grid{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.drac-rdm-card{background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--tool-color,var(--accent-cyan));border-radius:var(--radius-md);transition:border-color .15s;overflow:hidden}.drac-rdm-card--open{background:var(--bg-tertiary)}.drac-rdm-card-header{align-items:center;gap:var(--space-md);padding:var(--space-md);text-align:left;cursor:pointer;width:100%;transition:background .15s;display:flex}.drac-rdm-card-header:hover{background:#ffffff05}.drac-rdm-icon{border-radius:var(--radius-md);background:var(--bg-tertiary);width:40px;height:40px;color:var(--tool-color,var(--accent-cyan));flex-shrink:0;justify-content:center;align-items:center;display:flex}.drac-rdm-header-text{flex:1;min-width:0}.drac-rdm-header-text strong{color:var(--text-primary);font-size:15px;display:block}.drac-rdm-header-text span{color:var(--text-secondary);font-size:12px}.drac-rdm-stat{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);flex-shrink:0}.drac-rdm-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.drac-rdm-chevron--open{transform:rotate(180deg)}.drac-rdm-body{padding:0 var(--space-md) var(--space-md);border-top:1px solid var(--border);padding-top:var(--space-md);margin-top:0}.drac-rdm-desc{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:13px;line-height:1.7}.drac-rdm-tags{gap:var(--space-xs);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.drac-rdm-tag{color:var(--accent-cyan);background:#ffc20e1a;border:1px solid #ffc20e33;border-radius:10px;padding:2px 8px;font-size:11px}.drac-rdm-details{margin-bottom:var(--space-md)}.drac-rdm-details h4{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-xs);font-size:12px;font-weight:600}.drac-rdm-details ul{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.drac-rdm-details li{align-items:flex-start;gap:var(--space-xs);color:var(--text-secondary);font-size:13px;line-height:1.5;display:flex}.drac-rdm-details li svg{color:var(--accent-green);flex-shrink:0;margin-top:1px}.drac-rdm-best-for{align-items:flex-start;gap:var(--space-xs);color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);margin-top:var(--space-sm);font-size:12px;display:flex}.drac-rdm-best-for svg{color:var(--accent-cyan);flex-shrink:0;margin-top:1px}.drac-rdm-link{color:var(--tool-color,var(--accent-cyan));border:1px solid var(--tool-color,var(--accent-cyan));border-radius:var(--radius-sm);opacity:.9;align-items:center;gap:5px;padding:5px 12px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.drac-rdm-link:hover{opacity:1;background:#ffffff0d}.drac-lifecycle{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.drac-lifecycle h3{color:var(--text-primary);margin-bottom:var(--space-md);font-size:14px;font-weight:600}.drac-lifecycle-flow{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.drac-lifecycle-step{align-items:center;gap:var(--space-xs);display:flex}.drac-lifecycle-node{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--lc-color,var(--border));border-top:3px solid var(--lc-color,var(--accent-cyan));border-radius:var(--radius-md);flex-direction:column;align-items:center;min-width:120px;display:flex}.drac-lifecycle-stage{color:var(--lc-color,var(--text-muted));text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.drac-lifecycle-tool{color:var(--text-primary);text-align:center;margin-top:3px;font-size:12px;line-height:1.3}.drac-lifecycle-arrow{color:var(--text-muted);flex-shrink:0}.drac-access-tiers{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}@media (max-width:640px){.drac-access-tiers{grid-template-columns:1fr}}.drac-tier-card{background:var(--bg-secondary);border:1px solid var(--border);border-top:3px solid var(--tier-color,var(--accent-cyan));border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.drac-tier-header{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.drac-tier-badge{color:var(--tier-color,var(--accent-cyan));border:1px solid var(--tier-color,var(--accent-cyan));background:#ffffff0d;border-radius:10px;flex-shrink:0;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:flex}.drac-tier-header strong{color:var(--text-primary);font-size:14px}.drac-tier-card>p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.drac-tier-includes{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.drac-tier-includes li{align-items:flex-start;gap:var(--space-xs);color:var(--text-secondary);font-size:12px;line-height:1.5;display:flex}.drac-tier-includes li svg{color:var(--tier-color,var(--accent-green));flex-shrink:0;margin-top:1px}.drac-tier-ideal{color:var(--text-muted);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-top:auto;font-size:12px}.drac-tier-ideal strong{color:var(--text-secondary)}.drac-tier-link{color:var(--tier-color,var(--accent-cyan));align-items:center;gap:5px;font-size:12px;display:inline-flex}.drac-tier-link:hover{text-decoration:underline}.drac-systems-list{flex-direction:column;gap:2px;display:flex}.drac-system-row{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.drac-system-row--open{background:var(--bg-tertiary)}.drac-system-header{align-items:center;gap:var(--space-md);padding:var(--space-md);text-align:left;cursor:pointer;width:100%;transition:background .15s;display:flex}.drac-system-header:hover{background:#ffffff05}.drac-system-name-wrap{align-items:center;gap:var(--space-xs);flex-shrink:0;min-width:140px;display:flex}.drac-system-name{color:var(--text-primary);font-size:14px;font-family:var(--font-mono)}.drac-system-badge{border-radius:8px;padding:2px 6px;font-size:10px;font-weight:700}.drac-system-badge--new{color:var(--accent-green);background:#10b98126}.drac-system-type{border-radius:8px;padding:2px 7px;font-size:10px}.drac-system-type--hpc{color:#60a5fa;background:#3b82f61f}.drac-system-type--cloud{color:#c084fc;background:#a855f71f}.drac-system-type--ai{color:#34d399;background:#10b9811f}.drac-system-type--quantum{color:#fcd34d;background:#fbbf241f}.drac-system-operator{color:var(--text-muted);flex:1;font-size:12px}.drac-system-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.drac-system-chevron--open{transform:rotate(90deg)}.drac-system-body{padding:0 var(--space-md) var(--space-md);border-top:1px solid var(--border);padding-top:var(--space-sm)}.drac-system-specs{align-items:center;gap:var(--space-xs);color:var(--accent-cyan);font-size:12px;font-family:var(--font-mono);margin-bottom:var(--space-xs);display:flex}.drac-system-body p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.drac-arc-note{align-items:flex-start;gap:var(--space-sm);color:var(--text-secondary);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:var(--space-lg);font-size:13px;display:flex}.drac-arc-note svg{color:var(--accent-cyan);flex-shrink:0;margin-top:1px}.drac-arc-note p{margin:0;line-height:1.6}.drac-sensitive-callout{border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);background:#fbbf240f;border:1px solid #fbbf2440}.drac-sensitive-header{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs);display:flex}.drac-sensitive-header svg{color:var(--accent-cyan);flex-shrink:0}.drac-sensitive-header strong{color:var(--text-primary);font-size:14px}.drac-sensitive-callout p{color:var(--text-secondary);margin:0 0 var(--space-xs);font-size:13px;line-height:1.6}.drac-software-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.drac-software-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.drac-software-card--highlight{border-color:var(--accent-cyan);background:#ffc20e0a}.drac-software-icon{border-radius:var(--radius-sm);background:var(--bg-tertiary);width:36px;height:36px;color:var(--accent-cyan);justify-content:center;align-items:center;display:flex}.drac-software-card h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.drac-software-card p{color:var(--text-secondary);flex:1;margin:0;font-size:13px;line-height:1.6}.drac-software-link{color:var(--accent-cyan);align-items:center;gap:4px;margin-top:auto;font-size:12px;display:inline-flex}.drac-software-link:hover{text-decoration:underline}.drac-software-strategy{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.drac-software-strategy h3{color:var(--text-primary);margin-bottom:var(--space-md);font-size:15px;font-weight:600}.drac-strategy-pillars{gap:var(--space-sm);flex-direction:column;display:flex}.drac-strategy-pillar{align-items:flex-start;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex}.drac-strategy-num{background:var(--accent-cyan);color:#0a1628;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.drac-strategy-pillar strong{color:var(--text-primary);font-size:13px;display:block}.drac-strategy-pillar p{color:var(--text-secondary);margin:3px 0 0;font-size:12px;line-height:1.5}.drac-start-steps{margin-bottom:var(--space-xl);flex-direction:column;gap:0;display:flex;position:relative}.drac-start-step{gap:var(--space-md);padding:var(--space-md) 0;display:flex;position:relative}.drac-start-step:not(:last-child):after{content:"";background:var(--border);width:2px;position:absolute;top:52px;bottom:0;left:17px}.drac-start-num{background:var(--accent-cyan);color:#0a1628;z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex;position:relative}.drac-start-body{padding-bottom:var(--space-md);flex:1}.drac-start-body strong{color:var(--text-primary);margin-bottom:4px;font-size:14px;display:block}.drac-start-body p{color:var(--text-secondary);margin:0 0 var(--space-sm);font-size:13px;line-height:1.6}.drac-start-link{color:var(--accent-cyan);border:1px solid #ffc20e4d;border-radius:10px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;transition:background .15s;display:inline-flex}.drac-start-link:hover{background:#ffc20e14}.drac-eligibility{margin-bottom:var(--space-xl)}.drac-eligibility h3{color:var(--text-primary);margin-bottom:var(--space-md);font-size:15px;font-weight:600}.drac-eligibility-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.drac-elig-card{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:#10b9810f;border:1px solid #10b98133;display:flex}.drac-elig-card svg{color:var(--accent-green);flex-shrink:0;margin-top:2px}.drac-elig-card strong{color:var(--text-primary);margin-bottom:3px;font-size:13px;display:block}.drac-elig-card p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.drac-contact{gap:var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.drac-contact-item{flex-direction:column;gap:4px;display:flex}.drac-contact-item strong{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.tap-repos{margin-top:var(--space-lg)}.tap-repos-title{color:var(--text-primary);margin-bottom:var(--space-md);font-size:16px;font-weight:600}.tap-repo-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.tap-repo-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);flex-direction:column;gap:4px;display:flex}.tap-repo-card strong{color:var(--text-primary);font-size:13px}.tap-repo-card p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.tap-repo-type{letter-spacing:.05em;color:var(--accent-cyan);background:#ffc20e1a;border-radius:10px;align-self:flex-start;padding:2px 7px;font-size:10px;font-weight:700}.tap-repo-badge--featured{letter-spacing:.05em;text-transform:uppercase;background:var(--accent-primary);color:#0a1628;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.tap-matrix{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.tap-matrix-card{background:var(--bg-card);border:1px solid var(--border-hairline);border-top:3px solid var(--matrix-accent,var(--accent-primary));border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-card)}.tap-matrix-card--cihr{--matrix-accent:#f87171}.tap-matrix-card--nserc{--matrix-accent:#60a5fa}.tap-matrix-card--sshrc{--matrix-accent:#34d399}.tap-matrix-head{align-items:center;gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-hairline);margin-bottom:var(--space-sm);display:flex}.tap-matrix-disciplines{color:var(--text-secondary);font-size:12px;font-weight:500}.tap-matrix-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tap-matrix-list li{align-items:flex-start;gap:8px;display:flex}.tap-matrix-icon{flex-shrink:0;margin-top:3px}.tap-matrix-icon--done{color:var(--accent-green)}.tap-matrix-icon--active{color:var(--accent-amber)}.tap-matrix-icon--pending{color:var(--text-muted)}.tap-matrix-list strong{color:var(--text-primary);margin-bottom:2px;font-size:12px;display:block}.tap-matrix-list p{color:var(--text-secondary);margin:0;font-size:12.5px;line-height:1.55}.tap-matrix-footnote{color:var(--text-muted);padding:var(--space-sm) var(--space-md);border-left:2px solid var(--border-hairline);border-radius:var(--radius-sm);background:#ffffff05;align-items:flex-start;gap:8px;margin:0;font-size:12.5px;display:flex}.tap-matrix-footnote svg{color:var(--text-muted);flex-shrink:0;margin-top:2px}.tap-indigenous{border-radius:var(--radius-lg);padding:var(--space-lg);background:#a855f70f;border:1px solid #a855f740}.tap-indigenous-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);color:#c084fc;display:flex}.tap-indigenous-header h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.tap-indigenous>p{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:14px;line-height:1.7}.tap-indigenous-grid{gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.tap-indigenous-subtitle{font-family:var(--font-display);color:#c084fc;margin:var(--space-lg) 0 var(--space-sm);letter-spacing:-.01em;font-size:16px;font-weight:600}.tap-indigenous-subtitle:first-of-type{margin-top:0}.tap-indigenous-card{border-radius:var(--radius-md);padding:var(--space-md);background:#a855f70f;border:1px solid #a855f72e}.tap-indigenous-card>strong{color:var(--text-primary);margin-bottom:6px;font-size:13px;display:block}.tap-indigenous-card p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.tap-indigenous-card p strong{color:var(--text-primary)}.tap-indigenous-note{color:#c084fc;border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);background:#a855f714;margin:0;font-size:13px}.gai-cards{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.gai-card{background:var(--bg-card);border:1px solid var(--border-hairline);border-top:3px solid var(--gai-accent,var(--accent-primary));border-radius:var(--radius-md);padding:var(--space-md) var(--space-md) var(--space-lg);box-shadow:var(--shadow-card);gap:var(--space-sm);flex-direction:column;display:flex}.gai-card-head{align-items:center;gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-hairline);color:var(--gai-accent,var(--accent-primary));display:flex}.gai-card-head strong{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:17px;font-weight:600;display:block}.gai-card-head span{color:var(--text-secondary);font-size:12px}.gai-card-desc{color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.65}.gai-card-bullets{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.gai-card-bullets li{color:var(--text-secondary);gap:8px;font-size:12.5px;line-height:1.55;display:flex}.gai-card-bullets svg{color:var(--gai-accent,var(--accent-primary));flex-shrink:0;margin-top:3px}.gai-card-bullets a{color:var(--text-primary);-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40}.gai-card-bullets a:hover{-webkit-text-decoration-color:var(--accent-primary);text-decoration-color:var(--accent-primary)}.gai-card-actions{gap:var(--space-sm);padding-top:var(--space-sm);flex-wrap:wrap;margin-top:auto;display:flex}.gai-card-cta{background:var(--gai-accent,var(--accent-primary));color:#0a1628;border-radius:var(--radius-sm);align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.gai-card-cta:hover{transform:translateY(-1px);box-shadow:0 6px 18px -8px #0009}.gai-card-secondary{color:var(--text-secondary);align-items:center;gap:4px;padding:8px 0;font-size:12.5px;text-decoration:none;display:inline-flex}.gai-card-secondary:hover{color:var(--text-primary);text-decoration:underline}.gai-steps{gap:var(--space-sm);counter-reset:gai-step;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.gai-steps>li{gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:var(--radius-md);display:flex}.gai-step-num{width:32px;height:32px;color:var(--accent-primary);font-family:var(--font-mono);background:#ffc20e26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.gai-steps strong{color:var(--text-primary);margin-bottom:4px;font-size:14px;display:block}.gai-steps p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.gai-ethics-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.gai-ethics-card{background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.gai-ethics-card strong{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:15px;font-weight:600}.gai-ethics-card p{color:var(--text-secondary);flex:1;margin:0;font-size:13px;line-height:1.6}.gai-ethics-card a{color:var(--accent-primary);align-items:center;gap:4px;font-size:12.5px;text-decoration:none;display:inline-flex}.gai-ethics-card a:hover{text-decoration:underline}.tap-edi{border-radius:var(--radius-lg);padding:var(--space-lg);background:#14b8a60f;border:1px solid #14b8a640}.tap-edi-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);color:#5eead4;display:flex}.tap-edi-header h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.tap-edi>p{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:14px;line-height:1.7}.tap-edi-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.tap-edi-card{border-radius:var(--radius-md);padding:var(--space-md);background:#14b8a60f;border:1px solid #14b8a62e}.tap-edi-card strong{color:var(--text-primary);margin-bottom:6px;font-size:13px;display:block}.tap-edi-card p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.tap-timeline{flex-direction:column;gap:0;display:flex;position:relative}.tap-timeline-item{gap:var(--space-md);padding:var(--space-md) 0;display:flex;position:relative}.tap-timeline-item:not(:last-child):after{content:"";background:var(--border);width:2px;position:absolute;top:50px;bottom:0;left:17px}.tap-timeline-marker{z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.tap-timeline-item--done .tap-timeline-marker{color:var(--accent-green);background:#10b98126}.tap-timeline-item--active .tap-timeline-marker{color:var(--accent-cyan);background:#ffc20e26}.tap-timeline-item--pending .tap-timeline-marker{background:var(--bg-tertiary);color:var(--text-muted)}.tap-timeline-content{padding-bottom:var(--space-md);flex:1}.tap-timeline-badge{letter-spacing:.06em;border-radius:10px;margin-bottom:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.tap-timeline-badge--done{color:var(--accent-green);background:#10b98126}.tap-timeline-badge--active{color:var(--accent-cyan);background:#ffc20e26}.tap-timeline-badge--pending{background:var(--bg-tertiary);color:var(--text-muted)}.tap-timeline-content strong{color:var(--text-primary);font-size:14px;display:block}.tap-timeline-date{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);margin:2px 0 4px;display:block}.tap-timeline-content p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.tap-faq{flex-direction:column;gap:2px;display:flex}.tap-faq-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.tap-faq-question{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md);text-align:left;width:100%;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;line-height:1.5;transition:background .15s;display:flex}.tap-faq-question:hover{background:var(--bg-tertiary)}.tap-faq-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.tap-faq-chevron--open{transform:rotate(90deg)}.tap-faq-answer{padding:0 var(--space-md) var(--space-md);color:var(--text-secondary);border-top:1px solid var(--border);padding-top:var(--space-sm);margin:0;font-size:13px;line-height:1.7}.tap-cta{align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-lg);background:#ffc20e0f;border:1px solid #ffc20e33;display:flex}.tap-cta svg{color:var(--accent-cyan);flex-shrink:0;margin-top:2px}.tap-cta strong{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:15px;display:block}.tap-cta p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.topbar-htw-link{color:var(--text-secondary);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:12.5px;font-weight:500;text-decoration:none;transition:all .18s;display:flex}.topbar-htw-link:hover{color:var(--text-parchment);background:#ffffff0d;text-decoration:none}.topbar-htw-link--active{color:var(--accent-primary);background:var(--accent-primary-soft)}.sidebar-htw-link{width:100%;padding:8px var(--space-md);color:var(--text-secondary);border-top:none;align-items:center;gap:10px;margin-top:0;font-size:12.5px;font-weight:500;transition:all .15s;display:flex;position:relative}.sidebar-htw-link:hover{color:var(--text-parchment);background:#ffffff08;text-decoration:none}.sidebar-htw-link--active{color:var(--accent-primary);background:var(--accent-primary-soft)}.sidebar-htw-link--active:before{content:"";background:var(--accent-primary);border-radius:0 2px 2px 0;width:4px;height:14px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-section-label{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);padding:12px var(--space-md) 6px;font-size:10px;font-weight:700}.reorder-mode-tabs{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-lg);gap:2px;width:-moz-fit-content;width:fit-content;padding:3px;display:flex}.reorder-mode-tab{color:var(--text-muted);border-radius:var(--radius-sm);white-space:nowrap;padding:8px 20px;font-size:13px;font-weight:500;transition:all .15s}.reorder-mode-tab:hover{color:var(--text-primary)}.reorder-mode-tab--active{background:var(--accent-cyan);color:#0f172a}.reorder-toolbar{gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.reorder-toolbar-btn{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.reorder-toolbar-btn:hover:not(:disabled){border-color:var(--text-muted);color:var(--text-primary)}.reorder-toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.reorder-hint{color:var(--text-muted);margin-bottom:var(--space-md);font-size:12px}.reorder-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.reorder-card{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.reorder-card:hover{border-color:var(--text-muted)}.reorder-card--selected{border-color:var(--accent-cyan);box-shadow:0 0 0 1px var(--accent-cyan)}.reorder-card-thumb{aspect-ratio:3/4;object-fit:contain;background:#fff;width:100%;padding:4px;display:block}.reorder-card-placeholder{aspect-ratio:3/4;background:var(--bg-tertiary);width:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:12px;display:flex}.reorder-card-badge-original{color:#fff;background:#0009;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:6px;left:6px}.reorder-card-badge-position{text-align:center;color:var(--text-secondary);background:var(--bg-primary);padding:6px;font-size:12px;font-weight:600;display:block}.reorder-message{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;margin-bottom:var(--space-lg)}.reorder-message p{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:14px}.reorder-startover-btn{color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 20px;font-size:13px}.reorder-startover-btn:hover{border-color:var(--text-muted)}.reorder-manual{margin-bottom:var(--space-lg)}.reorder-manual-label{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:13px;display:block}.reorder-manual-input{width:100%;padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);resize:vertical;margin-bottom:var(--space-sm);font-size:14px}.reorder-manual-input:focus{border-color:var(--accent-cyan);outline:none}.reorder-manual-error{color:var(--accent-red);margin-bottom:var(--space-sm);font-size:12px}.zoom-controls{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.zoom-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.zoom-btn:hover:not(:disabled){border-color:var(--accent-cyan);color:var(--accent-cyan)}.zoom-btn:disabled{opacity:.3;cursor:not-allowed}.zoom-label{color:var(--text-muted);text-align:center;min-width:40px;font-size:12px;font-family:var(--font-mono)}.sign-disclaimer{color:var(--text-muted);margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border-left:3px solid var(--accent-amber);background:#f59e0b14;font-size:12px;font-style:italic}.sign-steps-indicator{gap:var(--space-lg);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border);display:flex}.sign-step-dot{color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}.sign-step-dot--active{color:#0f172a;background:var(--accent-cyan);border-color:var(--accent-cyan)}.sign-step-dot--done{color:var(--accent-green);border-color:var(--accent-green)}.sign-section-title{color:var(--text-primary);margin-bottom:var(--space-md);font-size:16px;font-weight:600}.sign-section-subtitle{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:13px}.sign-mode-tabs{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-lg);gap:2px;width:-moz-fit-content;width:fit-content;padding:3px;display:flex}.sign-mode-tab{color:var(--text-muted);border-radius:var(--radius-sm);white-space:nowrap;padding:8px 20px;font-size:13px;font-weight:500;transition:all .15s}.sign-mode-tab:hover{color:var(--text-primary)}.sign-mode-tab--active{background:var(--accent-cyan);color:#0f172a}.sign-draw-wrapper{margin-bottom:var(--space-lg)}.sign-draw-controls{align-items:center;gap:var(--space-lg);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.sign-colour-label{align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:13px;display:flex}.sign-colour-label input[type=range]{width:80px;accent-color:var(--accent-cyan)}.sign-colour-label input[type=color]{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;padding:0}.sign-draw-canvas{border:2px solid var(--border);border-radius:var(--radius-md);cursor:crosshair;touch-action:none;background-color:#fff;background-image:linear-gradient(45deg,#e0e0e0 25%,#0000 25%),linear-gradient(-45deg,#e0e0e0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e0e0e0 75%),linear-gradient(-45deg,#0000 75%,#e0e0e0 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;width:100%;max-width:500px;height:auto}.sign-clear-btn{margin-top:var(--space-sm);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 16px;font-size:12px;display:inline-block}.sign-clear-btn:hover{border-color:var(--accent-red);color:var(--accent-red)}.sign-type-input{width:100%;max-width:500px;padding:10px var(--space-md);margin-bottom:var(--space-md);font-size:16px}.sign-type-controls{gap:var(--space-lg);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.sign-type-label{align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:13px;display:flex}.sign-type-preview{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:#fff;background-image:linear-gradient(45deg,#e0e0e0 25%,#0000 25%),linear-gradient(-45deg,#e0e0e0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e0e0e0 75%),linear-gradient(-45deg,#0000 75%,#e0e0e0 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;width:100%;max-width:500px;height:auto}.sign-upload-wrapper{margin-bottom:var(--space-lg)}.sign-upload-input{margin-bottom:var(--space-md)}.sign-upload-preview{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;max-height:100px;padding:4px}.sign-sig-preview{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-lg);display:flex}.sign-sig-preview--compact{padding:var(--space-sm) var(--space-md)}.sign-sig-preview-label{color:var(--text-secondary);white-space:nowrap;font-size:13px}.sign-sig-preview-img{border-radius:var(--radius-sm);border:1px solid var(--border);background-color:#fff;background-image:linear-gradient(45deg,#e0e0e0 25%,#0000 25%),linear-gradient(-45deg,#e0e0e0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e0e0e0 75%),linear-gradient(-45deg,#0000 75%,#e0e0e0 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;max-width:200px;max-height:60px;padding:4px}.sign-next-btn{align-items:center;gap:var(--space-sm);background:var(--accent-cyan);color:#0f172a;border-radius:var(--radius-md);margin-top:var(--space-md);padding:10px 24px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.sign-next-btn:hover:not(:disabled){background:#ffd040}.sign-next-btn:disabled{opacity:.4;cursor:not-allowed}.sign-back-btn{color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 16px;font-size:13px}.sign-back-btn:hover{border-color:var(--text-muted);color:var(--text-secondary)}.sign-step-nav{align-items:center;gap:var(--space-md);margin-top:var(--space-lg);display:flex}.sign-page-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.sign-page-card{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s;position:relative;overflow:hidden}.sign-page-card:hover{border-color:var(--text-muted)}.sign-page-card--selected{border-color:var(--accent-cyan);box-shadow:0 0 0 1px var(--accent-cyan)}.sign-page-thumb{width:100%;display:block}.sign-page-placeholder{aspect-ratio:3/4;background:var(--bg-tertiary);width:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:12px;display:flex}.sign-page-num{text-align:center;color:var(--text-muted);background:var(--bg-primary);padding:4px;font-size:12px;display:block}.sign-size-control{margin-bottom:var(--space-md)}.sign-size-control label{align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:13px;display:flex}.sign-size-control input[type=range]{max-width:200px;accent-color:var(--accent-cyan);flex:1}.sign-placement-container{border:2px solid var(--border);border-radius:var(--radius-md);cursor:crosshair;margin-bottom:var(--space-lg);max-width:100%;display:inline-block;position:relative;overflow:hidden}.sign-placement-page{width:100%;display:block}.sign-placement-sig{pointer-events:none;opacity:.85;position:absolute}.sign-transform-box{pointer-events:none;border:2px dashed var(--accent-cyan);box-sizing:border-box;position:absolute}.sign-transform-img{opacity:.85;background:0 0;width:100%;height:auto;display:block}.sign-resize-handle{background:var(--accent-cyan);pointer-events:auto;cursor:nwse-resize;z-index:10;border:2px solid #fff;border-radius:2px;width:14px;height:14px;position:absolute;box-shadow:0 1px 3px #0006}.sign-resize-handle--tl{cursor:nwse-resize;top:-7px;left:-7px}.sign-resize-handle--tr{cursor:nesw-resize;top:-7px;right:-7px}.sign-resize-handle--bl{cursor:nesw-resize;bottom:-7px;left:-7px}.sign-resize-handle--br{cursor:nwse-resize;bottom:-7px;right:-7px}.sign-placement-hint{padding:var(--space-xl);text-align:center;background:var(--bg-secondary);border:2px dashed var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.sign-placement-hint p{color:var(--text-muted);font-size:14px}.dc-page{max-width:780px;margin:0 auto}.dc-welcome-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl)}.dc-welcome-card h2{color:var(--text-primary);margin-bottom:var(--space-md);font-size:20px;font-weight:600}.dc-welcome-card p{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:14px;line-height:1.7}.dc-tier-preview{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.dc-tier-card{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border-left:4px solid}.dc-welcome-notes{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-xl)}.dc-welcome-notes p{margin-bottom:var(--space-sm);font-size:13px;font-weight:600}.dc-welcome-notes ul{color:var(--text-secondary);padding-left:20px;font-size:13px;line-height:1.8;list-style:outside}.dc-progress{margin-bottom:var(--space-xl);flex-wrap:wrap;justify-content:center;align-items:center;gap:0;display:flex}.dc-progress-item{align-items:center;display:flex}.dc-progress-line{background:var(--bg-tertiary);width:24px;height:2px;margin:0 2px}.dc-progress-line--done{background:var(--accent-green)}.dc-progress-dot{background:var(--bg-tertiary);width:28px;height:28px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.dc-progress-dot--active{background:var(--accent-primary);color:#0a1628}.dc-progress-dot--done{background:var(--accent-green);color:#fff}.dc-progress-text{text-align:center;width:100%;color:var(--text-muted);margin-top:var(--space-sm);font-size:12px}@media (max-width:600px){.dc-progress-item:not(:nth-child(-n+5)){display:none}.dc-progress-line{width:16px}}.dc-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg);animation:.25s dc-fadein}@keyframes dc-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dc-card-header{margin-bottom:var(--space-lg)}.dc-step-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);margin-bottom:var(--space-sm);background:#ffc20e1a;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.dc-question-title{color:var(--text-primary);margin-bottom:var(--space-sm);outline:none;font-size:20px;font-weight:600;line-height:1.4}.dc-question-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.dc-tooltip-wrapper{margin-bottom:var(--space-lg)}.dc-tooltip-toggle{color:var(--accent-primary);align-items:center;gap:6px;padding:4px 0;font-size:13px;display:flex}.dc-tooltip-toggle:hover{text-decoration:underline}.dc-tooltip-content{margin-top:var(--space-sm);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);border-left:3px solid var(--accent-primary);font-size:13px;line-height:1.7}.dc-options{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.dc-option{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);text-align:left;cursor:pointer;border:2px solid #0000;transition:all .15s;display:flex}.dc-option:hover{border-color:var(--border)}.dc-option--selected{border-color:var(--accent-primary);background:#ffc20e0f}.dc-option-indicator{border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;transition:all .15s;display:flex}.dc-option-indicator--check{border-radius:4px}.dc-option--selected .dc-option-indicator{border-color:var(--accent-primary);background:var(--accent-primary);color:#0a1628}.dc-option-label{color:var(--text-primary);font-size:14px;line-height:1.5}.dc-checkbox-hint{color:var(--text-muted);margin-bottom:var(--space-md);font-size:12px;font-style:italic}.dc-nav{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.dc-nav-back{color:var(--text-muted);border-radius:var(--radius-md);align-items:center;gap:4px;padding:8px 16px;font-size:14px;transition:all .15s;display:flex}.dc-nav-back:hover{color:var(--text-primary);background:var(--bg-tertiary)}.dc-nav-next{background:var(--accent-primary);color:#0a1628;border-radius:var(--radius-md);align-items:center;gap:6px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.dc-nav-next:hover:not(:disabled){background:#ffd040}.dc-nav-next:disabled{opacity:.4;cursor:not-allowed}.dc-result-heading{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-lg);font-size:16px;font-weight:500}.dc-result-badge{align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-2xl);border-radius:var(--radius-lg);text-align:center;margin-bottom:var(--space-xl);border:2px solid;flex-direction:column;display:flex}.dc-result-label{font-size:28px;font-weight:700;font-family:var(--font-mono)}.dc-result-def{color:var(--text-secondary);max-width:500px;font-size:14px;line-height:1.6}.dc-controls{margin-bottom:var(--space-xl)}.dc-section-title{font-family:var(--font-display);font-variation-settings:"opsz" 36, "SOFT" 40;letter-spacing:-.01em;color:var(--text-parchment);align-items:baseline;gap:12px;margin-bottom:14px;font-size:20px;font-weight:500;display:flex}.dc-section-title:after{content:"";background:linear-gradient(90deg, var(--border-hairline) 0%, transparent 100%);flex:1;height:1px}.dc-section-desc{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:14px;line-height:1.6}.dc-controls-group{margin-bottom:var(--space-lg)}.dc-controls-heading{color:var(--accent-primary);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border);font-size:14px;font-weight:600}.dc-controls-list{flex-direction:column;gap:1px;display:flex}.dc-controls-row{gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-sm);grid-template-columns:180px 1fr;font-size:13px;display:grid}.dc-controls-row:nth-child(odd){background:var(--bg-tertiary)}.dc-controls-label{color:var(--text-secondary);font-weight:500}.dc-controls-value{color:var(--text-primary);line-height:1.5}@media (max-width:600px){.dc-controls-row{grid-template-columns:1fr;gap:2px}.dc-controls-label{font-size:12px;font-weight:600}}.dc-warnings{border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl);background:#f59e0b0f;border:1px solid #f59e0b4d}.dc-warnings-list{padding:0;list-style:none}.dc-warnings-list li{color:var(--text-secondary);margin-bottom:var(--space-sm);padding-left:20px;font-size:14px;line-height:1.7;position:relative}.dc-warnings-list li:before{content:"⚠";position:absolute;left:0}.dc-answers{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-xl);overflow:hidden}.dc-answers-toggle{width:100%;padding:var(--space-md) var(--space-lg);color:var(--text-primary);text-align:left;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.dc-answers-toggle:hover{background:var(--bg-tertiary)}.dc-answers-list{padding:0 var(--space-lg) var(--space-lg)}.dc-answers-row{gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--bg-tertiary);grid-template-columns:1fr 1fr;font-size:13px;display:grid}.dc-answers-question{color:var(--text-muted)}.dc-answers-value{color:var(--text-primary)}@media (max-width:600px){.dc-answers-row{grid-template-columns:1fr;gap:2px}}.dc-actions{gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.dc-action-btn{border-radius:var(--radius-md);align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.dc-action-btn--primary{background:var(--accent-primary);color:#0a1628}.dc-action-btn--primary:hover{background:#ffd040}.dc-action-btn--secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.dc-action-btn--secondary:hover{border-color:var(--text-muted)}.dc-action-btn--ghost{color:var(--text-muted);border:1px solid var(--border)}.dc-action-btn--ghost:hover{color:var(--text-primary);border-color:var(--text-muted)}.dc-disclaimer{color:var(--text-muted);text-align:center;padding:var(--space-lg) 0;border-top:1px solid var(--border);font-size:12px}.dc-disclaimer a{color:var(--accent-primary)}.dc-print-header{display:none}@media print{.topbar,.sidebar,.sidebar-backdrop{display:none!important}.app-layout,.app-body{display:block!important}.main-content{height:auto!important;overflow:visible!important}html,body,#root,.app-layout,.app-body,.main-content,.dc-page,.dc-print-area{color:#111!important;background:#fff!important;height:auto!important;max-height:none!important;overflow:visible!important}.dc-print-header{color:#333;border-bottom:2px solid #333;justify-content:space-between;margin-bottom:24px;padding-bottom:8px;font-size:12px;display:flex!important}.dc-result-heading{color:#333!important}.dc-result-badge{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact;background:#fff!important;border-width:3px!important;margin-bottom:16px!important;padding:16px 24px!important}.dc-result-label{font-size:22px!important}.dc-result-def{color:#444!important;font-size:12px!important}.dc-result-badge svg{width:32px!important;height:32px!important}.dc-warnings{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact;background:#fffbeb!important;border-color:#d97706!important;margin-bottom:12px!important;padding:10px 14px!important}.dc-warnings .dc-section-title{color:#92400e!important;font-size:13px!important}.dc-warnings-list li{color:#333!important;margin-bottom:2px!important;font-size:11px!important;line-height:1.5!important}.dc-controls{margin-bottom:12px!important}.dc-section-title{margin-bottom:4px!important;font-size:14px!important}.dc-section-desc{margin-bottom:8px!important;font-size:11px!important}.dc-controls-group{break-inside:avoid;margin-bottom:8px!important}.dc-controls-heading{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact;color:#00427a!important;border-bottom-color:#ccc!important;margin-bottom:2px!important;padding-bottom:2px!important;font-size:12px!important}.dc-controls-row{border-bottom:1px solid #eee;background:#fff!important;gap:8px!important;padding:3px 8px!important;font-size:11px!important}.dc-controls-row:nth-child(odd){-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact;background:#f5f5f5!important}.dc-controls-label{color:#333!important;min-width:130px!important}.dc-controls-value{color:#111!important}.dc-actions{display:none!important}.dc-answers{break-inside:avoid;background:#fff!important;border-color:#ccc!important}.dc-answers-toggle{color:#111!important;font-size:13px!important}.dc-answers-toggle svg{display:none!important}.dc-answers-list{display:block!important}.dc-answers-row{border-bottom-color:#eee!important;padding:3px 0!important;font-size:11px!important}.dc-answers-question{color:#555!important}.dc-answers-value{color:#111!important}.dc-disclaimer{color:#666!important;border-top-color:#ccc!important;padding:8px 0!important;font-size:10px!important}.dc-disclaimer a{color:#00427a!important}.dc-result-heading{margin-bottom:10px!important;font-size:14px!important}}.sc-page{max-width:1340px;padding-bottom:var(--space-2xl);margin:0 auto}.sc-layout{gap:var(--space-xl);grid-template-columns:1fr 400px;align-items:start;display:grid}.sc-left{gap:var(--space-lg);flex-direction:column;min-width:0;display:flex}.sc-right{min-width:0}.sc-sticky{top:var(--space-md);max-height:calc(100vh - var(--topbar-height,56px) - 40px);gap:var(--space-md);flex-direction:column;padding-right:4px;display:flex;position:sticky;overflow-y:auto}.sc-section{flex-direction:column;display:flex}.sc-section-header{cursor:pointer;-webkit-user-select:none;user-select:none}.sc-section-title{font-family:var(--font-display);font-variation-settings:"opsz" 36, "SOFT" 40;letter-spacing:-.005em;color:var(--text-parchment);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);font-size:18px;font-weight:500;display:flex}.sc-scenarios-grid{gap:var(--space-sm);margin-bottom:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(155px,1fr));display:grid}.sc-scenario-card{padding:var(--space-sm) var(--space-xs,6px);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:4px;transition:border-color .15s,background .15s;display:flex}.sc-scenario-card:hover{border-color:var(--accent-cyan);background:#22d3ee0a}.sc-scenario-card--active{border-color:var(--accent-cyan);background:#22d3ee14}.sc-scenario-icon{font-size:22px;line-height:1}.sc-scenario-name{color:var(--text-primary);font-size:12px;font-weight:600;line-height:1.3}.sc-scenario-desc{color:var(--text-muted);font-size:10px;line-height:1.3}.sc-getting-started{background:var(--bg-secondary);border:1px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);text-align:center}.sc-getting-started-btn{background:var(--accent-cyan);color:#0f172a;border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.sc-getting-started-btn:hover{background:#22d3ee}.sc-setup-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.sc-setup-item{flex-direction:column;gap:6px;display:flex}.sc-setup-item--full{grid-column:1/-1}.sc-setup-label{color:var(--text-secondary);font-size:13px}.sc-slider-row{align-items:center;gap:var(--space-sm);display:flex}.sc-slider{-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);cursor:pointer;border-radius:3px;outline:none;flex:1;height:6px}.sc-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-cyan);cursor:pointer;border:2px solid var(--bg-primary);width:16px;height:16px;box-shadow:0 0 0 1px var(--accent-cyan);border-radius:50%}.sc-slider::-moz-range-thumb{background:var(--accent-cyan);cursor:pointer;border:2px solid var(--bg-primary);width:16px;height:16px;box-shadow:0 0 0 1px var(--accent-cyan);border-radius:50%}.sc-slider-value{font-family:var(--font-mono);color:var(--accent-cyan);text-align:right;min-width:50px;font-size:13px;font-weight:600}.sc-checkbox-label{align-items:center;gap:var(--space-sm);color:var(--text-secondary);cursor:pointer;font-size:13px;display:flex}.sc-checkbox{width:16px;height:16px;accent-color:var(--accent-cyan);cursor:pointer}.sc-search-wrapper{margin-bottom:var(--space-sm);position:relative}.sc-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sc-search-input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:9px 36px 9px 38px;font-size:13px}.sc-search-input:focus{border-color:var(--accent-cyan)}.sc-search-input::placeholder{color:var(--text-muted)}.sc-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:18px;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.sc-search-clear:hover{color:var(--text-primary)}.sc-categories{flex-direction:column;gap:2px;display:flex}.sc-category{border-radius:var(--radius-md);overflow:hidden}.sc-category-header{align-items:center;gap:var(--space-sm);width:100%;padding:10px var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);text-align:left;cursor:pointer;font-size:13px;font-weight:500;transition:background .15s;display:flex}.sc-category-header:hover{background:var(--bg-tertiary)}.sc-category--active>.sc-category-header{border-color:#22d3ee4d}.sc-category-icon{flex-shrink:0;font-size:16px}.sc-category-label{flex:1;min-width:0}.sc-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.sc-badge--sensitive{color:#f87171;background:#ef44441f}.sc-badge--has-data{color:var(--accent-cyan);background:#22d3ee1f}.sc-category-body{padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none}.sc-file-row{align-items:center;gap:var(--space-sm);border-bottom:1px solid var(--bg-tertiary);padding:8px 0;display:flex}.sc-file-row:last-child{border-bottom:none}.sc-file-info{flex:1;min-width:0}.sc-file-label{color:var(--text-secondary);font-size:13px;font-weight:500;display:block}.sc-file-tooltip{color:var(--text-muted);font-size:11px;line-height:1.3;display:block}.sc-file-inputs{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.sc-input-group{flex-direction:column;gap:2px;display:flex}.sc-input-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.sc-input{width:80px;font-family:var(--font-mono);text-align:right;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;padding:5px 8px;font-size:13px;transition:border-color .15s}.sc-input:focus{border-color:var(--accent-cyan)}.sc-input--size{width:90px}.sc-select{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;outline:none;min-width:100px;padding:5px 8px;font-size:12px}.sc-select:focus{border-color:var(--accent-cyan)}.sc-backup-grid{gap:var(--space-sm);grid-template-columns:repeat(4,1fr);display:grid}.sc-backup-card{padding:var(--space-md) var(--space-sm);background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:4px;transition:border-color .15s,background .15s;display:flex}.sc-backup-card:hover{border-color:var(--text-muted)}.sc-backup-card--active{border-color:var(--accent-cyan);background:#22d3ee0f}.sc-backup-icon{font-size:20px}.sc-backup-name{color:var(--text-primary);font-size:12px;font-weight:600}.sc-backup-desc{color:var(--text-muted);font-size:10px;line-height:1.3}.sc-backup-mult{font-family:var(--font-mono);color:var(--accent-cyan);font-size:18px;font-weight:700}.sc-custom-mult{align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;grid-column:1/-1;display:flex}.sc-reset-btn{justify-content:center;align-items:center;gap:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;padding:10px;font-size:13px;transition:all .15s;display:flex}.sc-reset-btn:hover{border-color:var(--accent-red);color:var(--accent-red);background:#ef44440f}.sc-summary-cards{gap:var(--space-sm);grid-template-columns:1fr 1fr 1fr;display:grid}.sc-summary-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-sm);text-align:center}.sc-summary-card--primary{background:#22d3ee0d;border-color:#22d3ee66}.sc-summary-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:10px;display:block}.sc-summary-value{font-family:var(--font-mono);color:var(--text-primary);font-size:18px;font-weight:700;display:block}.sc-summary-card--primary .sc-summary-value{color:var(--accent-cyan)}.sc-chart-wrapper{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);align-items:center;gap:var(--space-md);display:flex}.sc-chart-canvas{flex-shrink:0;display:block}.sc-chart-legend{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sc-legend-item{color:var(--text-secondary);align-items:center;gap:4px;font-size:11px;display:flex}.sc-legend-swatch{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sc-legend-label{white-space:nowrap}.sc-legend-value{font-family:var(--font-mono);color:var(--text-muted);font-size:10px}.sc-classification{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md)}.sc-classification-level{margin-bottom:var(--space-sm);font-size:16px;font-weight:700}.sc-classification-reqs{color:var(--text-secondary);padding-left:var(--space-md);margin:0;font-size:12px;line-height:1.7}.sc-classification-reqs li{margin-bottom:2px}.sc-warnings{gap:var(--space-sm);flex-direction:column;display:flex}.sc-warning{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);align-items:flex-start;gap:var(--space-sm);font-size:12px;line-height:1.5;display:flex}.sc-warning--critical{color:var(--accent-red);background:#ef44441a;border:1px solid #ef44444d}.sc-warning--warning{color:var(--accent-amber);background:#f59e0b1a;border:1px solid #f59e0b4d}.sc-warning--info{color:var(--accent-cyan);background:#22d3ee14;border:1px solid #22d3ee40}.sc-whatif{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md)}.sc-whatif-title{color:var(--text-primary);margin:0 0 var(--space-md) 0;font-size:14px;font-weight:600}.sc-whatif-cards{gap:var(--space-sm);flex-direction:column;display:flex}.sc-whatif-card{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.sc-whatif-name{color:var(--text-primary);margin-bottom:2px;font-size:12px;font-weight:600}.sc-whatif-desc{color:var(--text-muted);margin-bottom:var(--space-xs,4px);font-size:11px}.sc-whatif-result{font-family:var(--font-mono);color:var(--text-secondary);font-size:12px}.sc-whatif-savings{color:var(--accent-green);font-weight:600}.sc-whatif-increase{color:var(--accent-red);font-weight:600}.sc-recommendations{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md)}.sc-recommendations-title{color:var(--text-primary);margin:0 0 var(--space-md) 0;font-size:14px;font-weight:600}.sc-rec-card{padding:var(--space-sm) 0;border-bottom:1px solid var(--bg-tertiary)}.sc-rec-card:last-child{border-bottom:none;padding-bottom:0}.sc-rec-row{align-items:center;gap:var(--space-sm);padding:2px 0;font-size:12px;display:flex}.sc-rec-label{color:var(--text-muted);flex-shrink:0;min-width:80px}.sc-rec-recommended{color:var(--accent-green);font-weight:600}.sc-rec-savings{font-family:var(--font-mono);color:var(--accent-green);font-weight:600}.sc-rec-note{color:var(--text-muted);padding-top:2px;font-size:11px;line-height:1.4}.sc-details{margin-bottom:var(--space-sm)}.sc-details-summary{cursor:pointer;color:var(--text-muted);padding:var(--space-sm) 0;align-items:center;gap:6px;font-size:12px;font-weight:500;list-style:none;display:flex}.sc-details-summary:before{content:"u25B6";font-size:8px;transition:transform .15s}.sc-details[open] .sc-details-summary:before{transform:rotate(90deg)}.sc-details-summary::-webkit-details-marker{display:none}.sc-export{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md)}.sc-export-title{color:var(--text-primary);margin:0 0 var(--space-md) 0;font-size:14px;font-weight:600}.sc-export-buttons{gap:var(--space-sm);flex-wrap:wrap;display:flex}.sc-export-btn{border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.sc-export-btn:hover{border-color:var(--text-muted)}.sc-export-btn--primary{background:var(--accent-cyan);color:#0a1628;border-color:var(--accent-cyan)}.sc-export-btn--primary:hover{background:#67e8f9;border-color:#67e8f9}@media (max-width:960px){.sc-layout{grid-template-columns:1fr}.sc-sticky{max-height:none;position:static;overflow:visible}}@media (max-width:600px){.sc-scenarios-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.sc-setup-grid{grid-template-columns:1fr}.sc-backup-grid{grid-template-columns:repeat(2,1fr)}.sc-summary-cards{grid-template-columns:1fr}.sc-file-row{flex-direction:column;align-items:flex-start}.sc-file-inputs{flex-wrap:wrap;width:100%}}@media print{.sc-layout{display:block!important}.sc-left{display:none!important}.sc-right,.sc-sticky{max-height:none!important;position:static!important;overflow:visible!important}.sc-export,.sc-reset-btn{display:none!important}.sc-page,.sc-summary-card,.sc-chart-wrapper,.sc-classification,.sc-whatif,.sc-whatif-card,.sc-recommendations,.sc-rec-card,.sc-warning{color:#111!important;background:#fff!important;border-color:#ccc!important}.sc-summary-label,.sc-whatif-desc,.sc-rec-label,.sc-rec-note,.sc-classification-reqs{color:#555!important}.sc-summary-value,.sc-classification-level{color:#111!important}}.topbar-search-btn{border:1px solid var(--border-hairline);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;background:#ffffff08;border-radius:999px;align-items:center;gap:8px;min-width:200px;padding:6px 12px 6px 11px;font-size:12.5px;transition:all .18s;display:inline-flex}.topbar-search-btn:hover{color:var(--text-parchment);background:#ffffff0f;border-color:#ffc20e59}.topbar-search-label{display:none}@media (min-width:600px){.topbar-search-label{display:inline}}.topbar-search-kbd{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);padding:1px 4px;font-size:11px;display:none}@media (min-width:900px){.topbar-search-kbd{display:inline}}.search-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000a6;justify-content:center;align-items:flex-start;padding-top:80px;animation:.12s search-overlay-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes search-overlay-in{0%{opacity:0}to{opacity:1}}.search-modal{width:100%;max-width:580px;margin:0 var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;animation:.14s search-modal-in;display:flex;overflow:hidden;box-shadow:0 24px 64px #0009}@keyframes search-modal-in{0%{opacity:0;transform:translateY(-12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.search-input-row{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);display:flex}.search-input-icon{color:var(--text-muted);flex-shrink:0}.search-input{color:var(--text-primary);font-family:var(--font-sans);padding:var(--space-xs) 0;caret-color:var(--accent-primary);background:0 0;border:none;outline:none;flex:1;font-size:16px}.search-input::placeholder{color:var(--text-muted)}.search-close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.search-close-btn:hover{color:var(--text-primary)}.search-results-container{overscroll-behavior:contain;max-height:380px;overflow-y:auto}.search-results-label{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:11px;font-weight:600}.search-results-list{padding:0 var(--space-xs) var(--space-xs);list-style:none}.search-result{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:background .1s;display:flex}.search-result:hover,.search-result--active{background:var(--bg-tertiary)}.search-result--active{outline:none}.search-result-emoji{text-align:center;flex-shrink:0;width:24px;font-size:18px;line-height:1.4}.search-result-body{flex-direction:column;gap:2px;min-width:0;display:flex}.search-result-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.search-result--active .search-result-name{color:var(--accent-primary)}.search-result-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.search-empty{padding:var(--space-xl) var(--space-md);text-align:center;color:var(--text-muted);font-size:13px}.search-empty strong{color:var(--text-secondary)}.search-footer{gap:var(--space-md);padding:var(--space-xs) var(--space-md);border-top:1px solid var(--border);color:var(--text-muted);align-items:center;font-size:11px;display:flex}.search-footer kbd{font-family:var(--font-mono);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);margin-right:3px;padding:1px 5px;font-size:10px;display:inline-block}.homepage-recent{margin-bottom:44px}.homepage-recent-title{font-family:var(--font-display);font-variation-settings:"opsz" 36, "SOFT" 40;letter-spacing:-.005em;color:var(--text-parchment);text-transform:none;align-items:baseline;gap:12px;margin-bottom:14px;font-size:18px;font-weight:500;display:flex}.homepage-recent-title:after{content:"";background:linear-gradient(90deg, var(--border-hairline) 0%, transparent 100%);flex:1;height:1px}.homepage-recent-pills{flex-wrap:wrap;gap:8px;display:flex}.homepage-recent-pill{border:1px solid var(--border-hairline);background:var(--bg-card);color:var(--text-parchment);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;font-weight:500;transition:all .18s;display:inline-flex}.homepage-recent-pill:hover{color:var(--accent-primary);background:#ffc20e1a;border-color:#ffc20e66;transform:translateY(-1px)}.related-tools{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--border-hairline)}.related-tools-title{font-family:var(--font-display);font-variation-settings:"opsz" 36, "SOFT" 40;letter-spacing:-.01em;color:var(--text-parchment);text-transform:none;align-items:baseline;gap:12px;margin:0 0 18px;font-size:20px;font-weight:500;display:flex}.related-tools-title:after{content:"";background:linear-gradient(90deg, var(--border-hairline) 0%, transparent 100%);flex:1;height:1px}.related-tools-count{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:400}.related-tools-row{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.related-tools-card{background:var(--bg-card);border:1px solid var(--border-hairline);cursor:pointer;text-align:left;font-family:var(--font-sans);border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;transition:all .18s;display:flex;position:relative;overflow:hidden}.related-tools-card:before{content:"";background:linear-gradient(90deg,#0000 0%,#ffc20e00 50%,#0000 100%);height:1px;transition:background .2s;position:absolute;top:0;left:0;right:0}.related-tools-card:hover{box-shadow:var(--shadow-card);background:#153454;border-color:#ffc20e4d;outline:none;transform:translateY(-1px)}.related-tools-card:focus-visible{box-shadow:var(--shadow-card);background:#153454;border-color:#ffc20e4d;outline:none;transform:translateY(-1px)}.related-tools-card:hover:before{background:linear-gradient(90deg,#0000 0%,#ffc20e80 50%,#0000 100%)}.related-tools-card:focus-visible:before{background:linear-gradient(90deg,#0000 0%,#ffc20e80 50%,#0000 100%)}.related-tools-emoji{filter:saturate(1.15);font-size:1.15rem;line-height:1}.related-tools-name{font-family:var(--font-display);letter-spacing:-.005em;color:var(--text-parchment);font-size:15px;font-weight:600;line-height:1.25}.related-tools-desc{color:var(--text-secondary);font-size:12px;line-height:1.5}@keyframes tool-skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.tool-skeleton{gap:var(--space-lg);padding:var(--space-xl) 0;flex-direction:column;animation:1.6s ease-in-out infinite tool-skeleton-pulse;display:flex}.tool-skeleton-block{border-radius:var(--radius-md);background:var(--bg-secondary)}.tool-skeleton-info{padding:var(--space-lg);gap:var(--space-sm);flex-direction:column;display:flex}.tool-skeleton-line{border-radius:var(--radius-sm);background:var(--bg-tertiary);height:14px}.tool-skeleton-line--wide{width:70%}.tool-skeleton-line--medium{width:50%}.tool-skeleton-badges{gap:var(--space-sm);margin-top:var(--space-xs);display:flex}.tool-skeleton-pill{background:var(--bg-tertiary);border-radius:999px;width:72px;height:22px}.tool-skeleton-dropzone{height:180px}.tool-skeleton-button{border-radius:var(--radius-md);width:160px;height:44px}.global-drop-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0a1628e0;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.global-drop-inner{align-items:center;gap:var(--space-lg);padding:var(--space-2xl) var(--space-xl);border:3px dashed var(--accent-primary);border-radius:var(--radius-lg);text-align:center;flex-direction:column;max-width:480px;display:flex}.global-drop-icon{font-size:3rem;line-height:1}.global-drop-message{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600;line-height:1.5}.dropzone-browse-link{color:var(--accent-primary);margin-top:var(--space-xs);text-underline-offset:2px;font-size:13px;font-weight:500;text-decoration:underline}.dropzone--active .dropzone-browse-link{color:var(--accent-cyan)}.tooltip-wrapper{align-items:center;display:inline-flex;position:relative}.tooltip-bubble{z-index:1000;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);white-space:nowrap;pointer-events:none;opacity:0;padding:6px 10px;font-size:12px;transition:opacity .15s;position:absolute;box-shadow:0 4px 12px #0006}.tooltip-wrapper:hover .tooltip-bubble,.tooltip-wrapper:focus-within .tooltip-bubble{opacity:1}.tooltip-bubble--top{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip-bubble--bottom{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip-bubble--left{top:50%;right:calc(100% + 6px);transform:translateY(-50%)}.tooltip-bubble--right{top:50%;left:calc(100% + 6px);transform:translateY(-50%)}.info-card-limitations{margin-top:var(--space-md);border-top:1px solid var(--border);padding-top:var(--space-sm)}.info-card-limitations-toggle{align-items:center;gap:var(--space-sm);color:var(--accent-amber);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:4px 0;font-size:12px;font-weight:600;transition:color .15s;display:flex}.info-card-limitations-toggle:hover{color:#ffb020}.info-card-limitations-icon{flex-shrink:0;font-size:13px}.info-card-limitations-chevron{color:var(--text-muted);margin-left:auto;font-size:9px}.info-card-limitations-list{padding-left:var(--space-lg);margin-top:var(--space-sm);flex-direction:column;gap:4px;list-style:outside;display:flex}.info-card-limitations-item{color:var(--accent-amber);font-size:12px;line-height:1.5}@media (max-width:767px){.main-content{padding:12px}.tool-options{padding:var(--space-md)}.tool-option-row{flex-direction:column;align-items:flex-start}.tool-option-label{min-width:unset}.split-tabs{flex-wrap:wrap}.split-tab{flex:auto;min-width:max-content}.tool-tabs{flex-wrap:wrap;width:100%}.tool-tab{text-align:center;flex:auto}.thumbnail-grid,.tool-thumbnail-grid,.sign-page-grid,.reorder-grid{grid-template-columns:repeat(2,1fr)!important}.result-panel-actions{flex-direction:column;align-items:stretch}.result-panel-download,.result-panel-startover{text-align:center;justify-content:center}.zoom-btn{width:44px;height:44px;font-size:18px}.zoom-label{min-width:48px;font-size:13px}.topbar{padding:0 var(--space-md);gap:var(--space-sm);position:relative}.topbar-left{gap:var(--space-sm);flex-shrink:0}.topbar-logo{white-space:nowrap;font-size:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.topbar-right{flex-shrink:1;min-width:0;overflow:hidden}.topbar-htw-link,.topbar-badge,.topbar-search-btn{display:none}.homepage-grid{grid-template-columns:1fr}.homepage-title{font-size:30px}.homepage-tagline{font-size:15px}.homepage-hero--split{gap:var(--space-lg);grid-template-columns:1fr}.homepage-hero--split .homepage-title{font-size:32px}.homepage-stats{flex-wrap:wrap}.homepage-stat{border-bottom:1px solid var(--border-soft);flex:50%}.homepage-stat:nth-child(n+3){border-bottom:none}.homepage-stat:nth-child(2n){border-right:none}.homepage-bento{grid-template-columns:1fr}.homepage-tile--wide{grid-column:span 1}.homepage-steps{grid-template-columns:1fr}.sign-steps-indicator{gap:var(--space-sm);flex-wrap:wrap}.sign-step-dot{padding:4px 10px;font-size:11px}.dropzone-label--desktop{display:none}.dropzone-label--mobile{display:block}.dropzone-browse-link{display:none}.sidebar-tool-item{padding:11px var(--space-md) 11px 42px;min-height:40px;font-size:14px}.sidebar-cta,.sidebar-sister{display:none}.homepage-recent-pill{min-height:40px;padding:9px 16px;font-size:13.5px}.homepage-hero-kicker,.homepage-hero-serial,.sidebar-more-toggle,.sidebar-section-label{font-size:11px}.lud-picker-wrap,.aa-task-table-wrap,.tap-matrix,.dc-controls-table-wrap{-webkit-overflow-scrolling:touch;position:relative}.lud-picker-wrap:after,.aa-task-table-wrap:after,.dc-controls-table-wrap:after{content:"";pointer-events:none;background:linear-gradient(to right, transparent, var(--bg-primary));border-radius:0 var(--radius-md) var(--radius-md) 0;width:24px;position:absolute;top:0;bottom:0;right:0}.htw p a,.tap p a,.aa p a,.lud p a,.dc p a,.drac p a,.gai p a{margin:-2px;padding:2px}}@media (max-width:480px){.homepage-grid{grid-template-columns:1fr}.reorder-toolbar{flex-direction:column}.analyser-table-header,.analyser-row-main{grid-template-columns:1fr 70px}.analyser-col-type{display:none}}.acp-layout{gap:var(--space-xl);grid-template-columns:1fr 300px;align-items:start;display:grid}.acp-left{gap:var(--space-md);flex-direction:column;display:flex}.acp-file-info{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.acp-file-name{color:var(--text-primary);font-size:.875rem;font-family:var(--font-mono);word-break:break-all;flex:1}.acp-file-meta{color:var(--text-secondary);white-space:nowrap;font-size:.8rem}.acp-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.acp-section-title{color:var(--text-primary);margin:0 0 var(--space-xs);letter-spacing:.02em;font-size:.875rem;font-weight:600}.acp-label{color:var(--text-secondary);margin-bottom:2px;font-size:.8rem;font-weight:500}.acp-optional{color:var(--text-muted);font-weight:400}.acp-input,.acp-textarea{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:.875rem;font-family:var(--font-sans);color:var(--text-primary);resize:vertical;box-sizing:border-box;padding:7px 10px;transition:border-color .15s}.acp-input:focus,.acp-textarea:focus{border-color:var(--accent-primary);outline:none}.acp-date-row{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.acp-radio-label{color:var(--text-primary);cursor:pointer;align-items:center;gap:6px;font-size:.875rem;display:flex}.acp-date-input{max-width:180px;margin-top:4px}.acp-appearance-row{gap:var(--space-lg);flex-wrap:wrap;display:flex}.acp-appearance-group{flex-direction:column;flex:1;gap:6px;min-width:140px;display:flex}.acp-color-row{align-items:center;gap:var(--space-sm);display:flex}.acp-color-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);cursor:pointer;width:36px;height:36px;padding:2px}.acp-color-hex{font-family:var(--font-mono);color:var(--text-secondary);font-size:.8rem}.acp-color-presets{flex-wrap:wrap;gap:6px;display:flex}.acp-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;transition:transform .1s,border-color .1s}.acp-color-swatch:hover{transform:scale(1.15)}.acp-color-swatch--active{border-color:var(--accent-primary);transform:scale(1.15)}.acp-bg-buttons{gap:6px;display:flex}.acp-bg-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;flex:1;padding:6px 10px;font-size:.8rem;transition:border-color .15s,color .15s}.acp-bg-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.acp-bg-btn--active{border-color:var(--accent-primary);color:var(--accent-primary)}.acp-layout-buttons{gap:6px;display:flex}.acp-layout-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.875rem;transition:border-color .15s,color .15s;display:flex}.acp-layout-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.acp-layout-btn--active{border-color:var(--accent-primary);color:var(--accent-primary)}.acp-layout-icon{font-size:1rem;line-height:1}.acp-right{top:calc(var(--topbar-height) + var(--space-md));position:sticky}.acp-preview-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-sm);font-size:.75rem;font-weight:500}.acp-preview{aspect-ratio:8.5/11;border-radius:var(--radius-md);border:1px solid var(--border);font-family:var(--font-sans);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 16px #0006}.acp-preview-bar{flex-shrink:0;height:8px}.acp-preview-body{flex-direction:column;flex:1;justify-content:center;gap:5px;min-height:0;padding:12% 8%;display:flex}.acp-preview-body--centered{text-align:center;align-items:center}.acp-preview-body--left{text-align:left;align-items:flex-start}.acp-preview-left-ruled{border-left:10px solid;flex:1;min-height:0;display:flex}.acp-preview-title{word-break:break-word;margin:0;font-size:clamp(.7rem,2vw,1rem);font-weight:700;line-height:1.2}.acp-preview-placeholder{opacity:.25;font-style:italic}.acp-preview-subtitle{opacity:.85;margin:0;font-size:clamp(.55rem,1.5vw,.75rem)}.acp-preview-rule{border:none;border-top:1px solid;align-self:center;width:60%;margin:4px 0}.acp-preview-rule--left{align-self:flex-start;width:80%}.acp-preview-meta-block{flex-direction:column;gap:2px;display:flex}.acp-preview-meta{margin:0;font-size:clamp(.45rem,1.2vw,.65rem)}@media (max-width:900px){.acp-layout{grid-template-columns:1fr}.acp-right{order:-1;position:static}.acp-preview{max-width:320px;margin:0 auto}}.pi-summary{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;margin-bottom:var(--space-md);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.pi-summary-text{color:var(--text-secondary);font-size:.9rem}.pi-units-toggle{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.pi-units-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:3px 10px;font-size:.8rem;transition:background .15s,color .15s}.pi-units-btn--active{background:var(--accent-primary);color:#000;font-weight:600}.pi-page-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.pi-page-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm);text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.pi-page-thumbnail{aspect-ratio:.707;object-fit:contain;border-radius:var(--radius-sm);background:var(--bg-tertiary);width:100%}.pi-page-thumbnail--placeholder{background:var(--bg-tertiary)}.pi-page-number{color:var(--text-muted);margin-top:4px;font-size:.75rem}.pi-page-dims{color:var(--text-primary);font-size:.8rem;font-family:var(--font-mono)}.pi-page-badge{border-radius:99px;padding:2px 6px;font-size:.7rem;font-weight:600}.pi-page-badge--exact{background:var(--accent-primary);color:#000}.pi-page-badge--close{background:var(--accent-amber);color:#000}.pi-page-badge--custom{background:var(--bg-tertiary);color:var(--text-muted)}.pi-page-rotation{color:var(--text-muted);font-size:.7rem}.pi-resize-panel{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-xl);overflow:hidden}.pi-resize-toggle{background:var(--bg-secondary);width:100%;color:var(--text-primary);cursor:pointer;padding:var(--space-sm) var(--space-md);text-align:left;border:none;font-size:.9rem;font-weight:600;transition:background .15s}.pi-resize-toggle:hover{background:var(--bg-tertiary)}.pi-resize-body{padding:var(--space-md);gap:var(--space-md);border-top:1px solid var(--border);flex-direction:column;display:flex}.pi-resize-row{gap:var(--space-md);align-items:flex-start;display:flex}.pi-resize-label{min-width:100px;color:var(--text-secondary);padding-top:6px;font-size:.85rem}.pi-resize-controls{gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.pi-custom-dims{align-items:center;gap:var(--space-sm);margin-top:4px;display:flex}.pi-dim-input{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);width:80px;color:var(--text-primary);font-size:.85rem;font-family:var(--font-sans);padding:4px 8px}.pi-dim-sep,.pi-dim-unit{color:var(--text-secondary);font-size:.85rem}.pi-resize-method{flex-direction:column;gap:6px;display:flex}.pi-method-option{cursor:pointer;align-items:baseline;gap:6px;display:flex}.pi-method-label{color:var(--text-primary);min-width:48px;font-size:.85rem}.pi-method-desc{color:var(--text-muted);font-size:.8rem}.pi-resize-range{flex-direction:column;gap:6px;display:flex}.pi-range-option{color:var(--text-primary);cursor:pointer;align-items:center;gap:6px;font-size:.85rem;display:flex}.pi-range-input-group{margin-top:4px}.pi-range-input{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;max-width:280px;color:var(--text-primary);font-size:.85rem;font-family:var(--font-sans);padding:5px 10px}.pi-range-error{color:var(--accent-red);margin-top:4px;font-size:.8rem}.pi-resize-actions{justify-content:flex-end;display:flex}.pi-form-warning{border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);gap:var(--space-sm);background:#f59e0b1a;border:1px solid #f59e0b59;flex-direction:column;display:flex}.pi-form-warning-header{color:var(--accent-amber);font-size:.85rem;font-weight:600}.pi-form-warning-body{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.5}.ftm-controls{margin-bottom:var(--space-md)}.ftm-mode-toggle{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-sm);display:inline-flex;overflow:hidden}.ftm-mode-btn{padding:var(--space-sm) var(--space-md);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-family:var(--font-sans);background:0 0;border:none;transition:background .15s,color .15s}.ftm-mode-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.ftm-mode-btn--active{background:var(--accent-primary);color:#0a1628;font-weight:600}.ftm-mode-desc{color:var(--text-muted);margin:0;font-size:.8125rem}.ftm-output{margin-top:var(--space-md)}.ftm-preview{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);min-height:200px;max-height:500px;color:var(--text-primary);font-size:.9375rem;line-height:1.7;overflow-y:auto}.md-rendered h1,.ftm-preview h1{color:var(--text-primary);margin:24px 0 12px;font-size:1.6rem;font-weight:700}.md-rendered h2,.ftm-preview h2{color:var(--text-primary);margin:20px 0 10px;font-size:1.3rem;font-weight:700}.md-rendered h3,.ftm-preview h3{color:var(--text-primary);margin:16px 0 8px;font-size:1.1rem;font-weight:700}.md-rendered h4,.ftm-preview h4{color:var(--text-primary);margin:14px 0 6px;font-size:1rem;font-weight:700}.md-rendered h5,.ftm-preview h5{color:var(--text-primary);margin:12px 0 4px;font-size:.9rem;font-weight:700}.md-rendered h6,.ftm-preview h6{color:var(--text-primary);margin:10px 0 4px;font-size:.85rem;font-weight:700}.md-rendered p,.ftm-preview p{margin:6px 0;line-height:1.65}.md-rendered ul,.ftm-preview ul,.md-rendered ol,.ftm-preview ol{margin:8px 0;padding-left:24px}.md-rendered li,.ftm-preview li{margin:4px 0}.md-rendered code,.ftm-preview code{background:var(--bg-tertiary);font-size:.85em;font-family:var(--font-mono);border-radius:3px;padding:2px 6px}.md-rendered pre,.ftm-preview pre{background:var(--bg-tertiary);border-radius:6px;margin:12px 0;padding:12px 16px;font-size:.85rem;line-height:1.5;overflow-x:auto}.md-rendered pre code,.ftm-preview pre code{font-size:inherit;background:0 0;padding:0}.md-rendered blockquote,.ftm-preview blockquote{border-left:3px solid var(--border);color:var(--text-secondary);background:var(--bg-secondary);border-radius:0 6px 6px 0;margin:12px 0;padding:8px 16px}.md-rendered hr,.ftm-preview hr{border:none;border-top:1px solid var(--border);margin:20px 0}.md-rendered img,.ftm-preview img{border-radius:6px;max-width:100%;margin:8px 0}.md-rendered a,.ftm-preview a{color:var(--accent-primary);text-decoration:underline}.ftm-preview table{border-collapse:collapse;width:100%;margin:12px 0}.ftm-preview th,.ftm-preview td{border:1px solid var(--border);text-align:left;padding:6px 10px;font-size:.875rem}.ftm-preview th{background:var(--bg-tertiary);font-weight:600}.ftm-raw{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);min-height:200px;max-height:500px;font-family:var(--font-mono);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin:0;font-size:.8125rem;overflow:auto}.ftm-actions{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.aa{max-width:900px;padding:var(--space-xl) var(--space-lg) var(--space-2xl);margin:0 auto}.aa-hero{text-align:center;padding:var(--space-2xl) 0 var(--space-xl)}.aa-hero-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-md);align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:inline-flex}.aa-hero-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--space-md);font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.1}.aa-hero-subtitle{color:var(--text-secondary);max-width:640px;margin:0 auto var(--space-xl);font-size:1.0625rem;line-height:1.65}.aa-cost-badge{background:#ffc20e14;border:1px solid #ffc20e4d;border-radius:40px;align-items:center;gap:10px;padding:10px 24px;font-size:1rem;font-weight:600;display:inline-flex}.aa-cost-free{color:var(--accent-green);font-size:1.2rem}.aa-cost-divider{color:var(--text-muted);font-size:.875rem;font-weight:400}.aa-cost-paid{color:var(--accent-red);font-size:1rem;-webkit-text-decoration:line-through #ef444480;text-decoration:line-through #ef444480}.aa-cost-label{color:var(--text-secondary);font-size:.875rem;font-weight:400}.aa-calc-section .aa-section-title{align-items:center;gap:8px;display:inline-flex}.aa-calc-section .aa-section-title svg{color:var(--accent-primary)}.aa-calc{gap:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card);grid-template-columns:1fr 320px;display:grid;position:relative;overflow:hidden}.aa-calc:before{content:"";background:linear-gradient(90deg,#0000,#ffc20e80,#0000);height:1px;position:absolute;top:0;left:0;right:0}.aa-calc-controls{gap:var(--space-lg);flex-direction:column;min-width:0;display:flex}.aa-calc-field{gap:var(--space-sm);flex-direction:column;display:flex}.aa-calc-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:inline-flex}.aa-calc-label svg{color:var(--accent-primary)}.aa-calc-users-row{align-items:center;gap:var(--space-md);display:flex}.aa-calc-slider{-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);cursor:pointer;border-radius:999px;outline:none;flex:1;height:4px}.aa-calc-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-primary);border:2px solid var(--bg-card);width:18px;height:18px;box-shadow:0 0 0 1px var(--accent-primary), 0 2px 6px #0006;cursor:pointer;border-radius:50%;transition:transform .15s}.aa-calc-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.aa-calc-slider::-moz-range-thumb{background:var(--accent-primary);border:2px solid var(--bg-card);width:18px;height:18px;box-shadow:0 0 0 1px var(--accent-primary), 0 2px 6px #0006;cursor:pointer;border-radius:50%}.aa-calc-number{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-sm);width:80px;color:var(--text-primary);font-family:var(--font-mono);text-align:center;padding:8px 10px;font-size:.95rem}.aa-calc-number:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #ffc20e26}.aa-calc-hint{color:var(--text-muted);font-size:.8125rem}.aa-calc-tiers{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid}.aa-calc-tier{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;font-family:inherit;transition:border-color .15s,background .15s,transform .15s;display:flex}.aa-calc-tier:hover{border-color:var(--accent-primary);background:#ffc20e0a}.aa-calc-tier--active{border-color:var(--accent-primary);background:#ffc20e14;box-shadow:0 0 0 2px #ffc20e33}.aa-calc-tier-amount{font-family:var(--font-mono);color:var(--text-parchment);font-size:1.125rem;font-weight:700}.aa-calc-tier--active .aa-calc-tier-amount{color:var(--accent-primary)}.aa-calc-tier-label{color:var(--text-primary);font-size:.8125rem;font-weight:600}.aa-calc-tier-hint{color:var(--text-muted);font-size:.75rem;line-height:1.4}.aa-calc-result{gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-md);background:linear-gradient(155deg,#ffc20e1a,#102f5266);border:1px solid #ffc20e4d;flex-direction:column;min-width:0;display:flex}.aa-calc-result-eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-primary);font-size:.7rem;font-weight:600}.aa-calc-result-primary{flex-direction:column;gap:2px;display:flex}.aa-calc-result-amount{font-family:var(--font-display);color:var(--accent-green);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:600;line-height:1}.aa-calc-result-period{color:var(--text-secondary);font-size:.875rem}.aa-calc-result-secondary{justify-content:space-between;align-items:baseline;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-hairline);display:flex}.aa-calc-result-secondary-label{color:var(--text-secondary);font-size:.8125rem}.aa-calc-result-secondary-value{font-family:var(--font-mono);color:var(--text-parchment);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:600}.aa-calc-result-formula{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono);line-height:1.5}@media (max-width:767px){.aa-calc{padding:var(--space-md);grid-template-columns:1fr}.aa-calc-tiers{grid-template-columns:1fr}.aa-calc-result-amount{font-size:2rem}}.aa-section{margin-top:var(--space-2xl)}.aa-section-title{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:1.25rem;font-weight:700}.aa-section-intro{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:.9375rem;line-height:1.6}.aa-stack-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (max-width:640px){.aa-stack-grid{grid-template-columns:1fr}}.aa-stack-card{background:var(--bg-secondary);border:1px solid var(--border);border-top:3px solid var(--card-accent);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.aa-stack-card-header{align-items:flex-start;gap:var(--space-md);display:flex}.aa-stack-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.aa-stack-card-title{color:var(--text-primary);font-size:.9375rem;font-weight:700;line-height:1.3}.aa-stack-card-tagline{color:var(--text-secondary);margin-top:2px;font-size:.8125rem;line-height:1.4}.aa-stack-card-covers{flex-direction:column;flex:1;gap:6px;list-style:none;display:flex}.aa-stack-card-covers li{color:var(--text-secondary);align-items:flex-start;gap:7px;font-size:.8125rem;line-height:1.5;display:flex}.aa-stack-card-link{border-radius:var(--radius-sm);border:1px solid;align-items:center;gap:5px;width:-moz-fit-content;width:fit-content;padding:5px 10px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex}.aa-stack-card-link:hover{opacity:.75}.aa-stack-card-link--here{cursor:default;opacity:.75}.aa-table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto}.aa-table{border-collapse:collapse;width:100%;font-size:.875rem}.aa-table thead th{background:var(--bg-tertiary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;padding:10px var(--space-md);text-align:left;border-bottom:1px solid var(--border);font-size:.75rem;font-weight:600}.aa-table thead th:first-child{width:60%}.aa-table-group td{background:var(--bg-primary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em;padding:10px var(--space-md) 6px;border-top:1px solid var(--border);font-size:.72rem;font-weight:700}.aa-table-row{border-bottom:1px solid #1e5a8a59}.aa-table-row:last-child{border-bottom:none}.aa-table-row:hover{background:#ffffff05}.aa-table-task{padding:9px var(--space-md);color:var(--text-primary);align-items:center;gap:6px;display:flex}.aa-table-arrow{color:var(--text-muted);flex-shrink:0}.aa-table-task-link{color:var(--text-primary);text-decoration:none}.aa-table-task-link:hover{color:var(--accent-primary);text-underline-offset:3px;text-decoration:underline}.aa-table-row--linked:hover .aa-table-arrow{color:var(--accent-primary)}.aa-table-coverage{padding:9px var(--space-md);white-space:nowrap}.aa-badge{border-radius:var(--radius-sm);white-space:normal;align-items:center;gap:5px;padding:3px 8px;font-size:.78rem;font-weight:600;line-height:1.4;display:inline-flex}.aa-badge--link{cursor:pointer;text-decoration:none;transition:filter .15s}.aa-badge--link:hover{filter:brightness(1.2);text-underline-offset:2px;text-decoration:underline}.aa-honest-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl)}.aa-honest-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.aa-honest-cards{gap:var(--space-md);margin-top:var(--space-lg);flex-direction:column;display:flex}.aa-honest-card{gap:var(--space-md);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);align-items:flex-start;display:flex}.aa-honest-card-num{width:28px;height:28px;color:var(--accent-amber);background:#f59e0b26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.aa-honest-card-title{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:.9375rem;font-weight:600}.aa-honest-card-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.aa-beyond-card{border-radius:var(--radius-lg);padding:var(--space-xl);background:#ffc20e0d;border:1px solid #ffc20e40}.aa-beyond-top{align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.aa-beyond-title{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.4}.aa-beyond-body{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:.875rem;line-height:1.65}.aa-beyond-chips{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.aa-beyond-chip{color:var(--accent-primary);background:#ffc20e1a;border:1px solid #ffc20e33;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s}.aa-beyond-chip:hover{background:#ffc20e2e;border-color:#ffc20e66}.aa-beyond-all{color:var(--accent-primary);font-size:.875rem;font-weight:600;text-decoration:none}.aa-beyond-all:hover{text-underline-offset:3px;text-decoration:underline}.aa-privacy-note{gap:var(--space-lg);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);background:#10b9810f;border:1px solid #10b98140;align-items:flex-start;display:flex}.aa-privacy-note-icons{gap:var(--space-sm);flex-shrink:0;padding-top:2px;display:flex}.aa-privacy-note-title{color:var(--accent-green);margin-bottom:var(--space-xs);font-size:.9375rem;font-weight:700}.aa-privacy-note-body{color:var(--text-secondary);font-size:.875rem;line-height:1.65}.aa-privacy-note-body strong{color:var(--text-primary);font-weight:600}@media (max-width:600px){.aa{padding:var(--space-lg) var(--space-md) var(--space-2xl)}.aa-cost-badge{border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:center}.aa-privacy-note{gap:var(--space-md);flex-direction:column}.aa-privacy-note-icons{justify-content:flex-start}.aa-table-coverage{white-space:normal}.aa-honest-card{gap:var(--space-sm);flex-direction:column}}.lud{max-width:860px;padding:var(--space-xl) var(--space-lg) var(--space-2xl);margin:0 auto}.lud-hero{text-align:center;padding:var(--space-2xl) var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-2xl);background:linear-gradient(135deg,#ffc20e0f 0%,#00427a1f 100%);border:1px solid #ffc20e26}.lud-hero-icon{width:48px;height:48px;margin:0 auto var(--space-md);color:var(--accent-primary);background:#ffc20e1f;border-radius:50%;justify-content:center;align-items:center;display:flex}.lud-hero h1{font-family:var(--font-display);font-variation-settings:"opsz" 72, "SOFT" 40;letter-spacing:-.02em;color:var(--text-parchment);margin-bottom:14px;font-size:40px;font-weight:500;line-height:1.1}.lud-hero-sub{font-family:var(--font-sans);color:var(--text-secondary);max-width:620px;margin:0 auto var(--space-lg);font-size:16px;line-height:1.6}@media (max-width:767px){.lud-hero h1{font-size:30px}}.lud-hero-actions{gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;justify-content:center;display:flex}.lud-hero-btn{background:var(--accent-primary);color:#0a1628;border-radius:var(--radius-md);align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-flex}.lud-hero-btn:hover{opacity:.88}.lud-hero-link{color:var(--text-secondary);text-underline-offset:3px;border-radius:var(--radius-md);align-items:center;gap:6px;padding:10px 20px;font-size:14px;text-decoration:underline;transition:color .15s;display:inline-flex}.lud-hero-link:hover{color:var(--text-primary)}.lud-trust-strip{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.lud-trust-badge{color:var(--text-secondary);border:1px solid var(--border);background:var(--bg-secondary);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.lud-section{margin-bottom:var(--space-2xl)}.lud-section-title{font-family:var(--font-display);font-variation-settings:"opsz" 36, "SOFT" 40;letter-spacing:-.01em;color:var(--text-parchment);align-items:baseline;gap:12px;margin-bottom:14px;font-size:22px;font-weight:500;display:flex}.lud-section-title:after{content:"";background:linear-gradient(90deg, var(--border-hairline) 0%, transparent 100%);flex:1;height:1px}.lud-section-intro{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:14px;line-height:1.7}.lud-benefits-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.lud-benefit-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.lud-benefit-icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--accent-primary);background:#ffc20e1a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lud-benefit-card strong{color:var(--text-primary);font-size:14px}.lud-benefit-card p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.lud-picker-wrap{border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:var(--space-md);overflow-x:auto}.lud-picker-table{border-collapse:collapse;width:100%;font-size:13px}.lud-picker-table th{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);color:var(--text-primary);text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;font-weight:700}.lud-picker-table th.lud-table-highlight{background:var(--accent-primary);color:#0a1628}.lud-picker-table td{padding:var(--space-sm) var(--space-md);color:var(--text-secondary);border-bottom:1px solid var(--border);vertical-align:top;line-height:1.5}.lud-picker-table tr:last-child td{border-bottom:none}.lud-picker-table td:first-child{color:var(--text-primary);white-space:nowrap;background:var(--bg-secondary);font-weight:600}.lud-picker-table tr:hover td{background:#ffffff05}.lud-picker-callout{color:var(--text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#ffc20e0d;border:1px solid #ffc20e26;font-size:13px;line-height:1.6}.lud-picker-callout a{color:var(--accent-primary);text-decoration:underline}.lud-steps{gap:var(--space-md);flex-direction:column;display:flex}.lud-step{gap:var(--space-md);align-items:flex-start;display:flex}.lud-step-num{background:var(--accent-primary);color:#0a1628;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;font-size:14px;font-weight:700;display:flex}.lud-step-body{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);flex:1}.lud-step-body strong{color:var(--text-primary);margin-bottom:6px;font-size:14px;display:block}.lud-step-body p{color:var(--text-secondary);margin:0 0 6px;font-size:13px;line-height:1.6}.lud-step-link{color:var(--accent-primary);text-underline-offset:2px;align-items:center;gap:4px;font-size:12px;text-decoration:underline;display:inline-flex}.lud-step-note{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);background:#10b9810f;border:1px solid #10b98133;font-size:13px;line-height:1.6}.lud-faq{flex-direction:column;gap:2px;display:flex}.lud-faq-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.lud-faq-question{justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md);text-align:left;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;line-height:1.5;font-family:var(--font-sans);background:0 0;border:none;transition:background .15s;display:flex}.lud-faq-question:hover{background:var(--bg-tertiary)}.lud-faq-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.lud-faq-chevron--open{transform:rotate(90deg)}.lud-faq-answer{padding:0 var(--space-md) var(--space-md);color:var(--text-secondary);border-top:1px solid var(--border);padding-top:var(--space-sm);margin:0;font-size:13px;line-height:1.7}.lud-faq-answer a{color:var(--accent-primary);text-decoration:underline}.lud-cta{align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-lg);background:#ffc20e0f;border:1px solid #ffc20e33;display:flex}.lud-cta svg{color:var(--accent-primary);flex-shrink:0;margin-top:2px}.lud-cta strong{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:15px;display:block}.lud-cta p{color:var(--text-secondary);margin:0 0 var(--space-sm);font-size:14px;line-height:1.6}.compress-analysis{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-md);display:flex}.compress-analysis svg{color:var(--accent-primary);flex-shrink:0;margin-top:2px}.compress-analysis strong{color:var(--text-primary);margin-bottom:4px;font-size:14px;display:block}.compress-analysis p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.55}.compress-analysis-note{font-style:italic;margin-top:var(--space-sm)!important;color:var(--text-muted)!important;font-size:12px!important}.compress-analysis--loading{color:var(--text-secondary);align-items:center;font-size:13px}.compress-analysis--image{border-left:3px solid var(--accent-primary)}.compress-analysis--text{border-left:3px solid var(--accent-green)}.compress-analysis--text svg{color:var(--accent-green)}.compress-actions{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;display:flex}.compress-secondary-btn{border:1px solid var(--border);color:var(--text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;background:0 0;font-family:inherit;font-size:13px;transition:background .15s,color .15s}.compress-secondary-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.compress-secondary-btn:disabled{opacity:.5;cursor:not-allowed}.compress-progress{align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);margin-top:var(--space-md);font-size:13px;display:flex}.compress-results{margin-top:var(--space-lg)}.compress-results-title{color:var(--text-primary);margin-bottom:var(--space-md);font-size:16px;font-weight:600}.compress-presets{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.compress-preset-card{gap:var(--space-sm);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;transition:border-color .15s,transform .15s;display:flex;position:relative}.compress-preset-card:hover{border-color:var(--accent-primary)}.compress-preset-card--recommended{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.compress-preset-card--recommended:before{content:"RECOMMENDED";top:-8px;right:var(--space-md);background:var(--accent-primary);color:var(--bg-primary);letter-spacing:.5px;border-radius:var(--radius-sm);padding:2px 8px;font-size:10px;font-weight:700;position:absolute}.compress-preset-card--picked{border-color:var(--accent-green);background:#10b98114}.compress-preset-head{flex-direction:column;gap:2px;display:flex}.compress-preset-head strong{color:var(--text-primary);font-size:14px}.compress-preset-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px}.compress-preset-size{font-size:22px;font-weight:600;font-family:var(--font-mono);color:var(--text-primary)}.compress-preset-change{font-size:13px}.compress-preset-change--good{color:var(--accent-green)}.compress-preset-change--bad{color:var(--accent-amber)}.compress-preset-download{background:var(--accent-primary);color:var(--bg-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;font-family:inherit;font-size:13px;font-weight:600;transition:filter .15s;display:inline-flex}.compress-preset-download:hover{filter:brightness(1.1)}.compress-preset-cta{background:var(--accent-primary);color:var(--bg-primary);margin-top:var(--space-sm);border-radius:var(--radius-md);letter-spacing:.2px;cursor:pointer;border:none;justify-content:center;align-self:center;align-items:center;gap:8px;min-width:180px;padding:14px 22px;font-family:inherit;font-size:16px;font-weight:700;transition:filter .15s,transform 50ms;display:inline-flex;box-shadow:0 2px 8px #ffc20e40}.compress-preset-cta:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.compress-preset-cta:active:not(:disabled){transform:translateY(0)}.compress-preset-cta:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.compress-preset-card--unhelpful{opacity:.55;filter:saturate(.5)}.compress-preset-card--unhelpful .compress-preset-sub{color:var(--accent-amber)}.compress-secondary-row{margin-top:var(--space-md);justify-content:center;display:flex}.compress-secondary-link{color:var(--text-secondary);cursor:pointer;text-underline-offset:3px;padding:var(--space-xs) var(--space-sm);background:0 0;border:none;font-family:inherit;font-size:13px;text-decoration:underline}.compress-secondary-link:hover:not(:disabled){color:var(--text-primary)}.compress-secondary-link:disabled{opacity:.5;cursor:not-allowed}.compress-cleanup-note{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);border-left:3px solid var(--accent-green);border-radius:var(--radius-sm);color:var(--text-secondary);background:#10b98114;font-size:13px;line-height:1.5}.compress-results-note{margin:calc(var(--space-sm) * -1) 0 var(--space-md) 0;color:var(--text-muted);font-size:13px;font-style:italic}.compress-no-gains{align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--accent-amber);border-radius:var(--radius-md);margin-bottom:var(--space-md);color:var(--text-primary);display:flex}.compress-no-gains svg{color:var(--accent-amber);flex-shrink:0;margin-top:2px}.compress-no-gains strong{margin-bottom:var(--space-xs);display:block}.compress-no-gains p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.compress-secondary-link--prominent{color:var(--accent-primary);padding:var(--space-sm) var(--space-lg);border:1px solid var(--accent-primary);border-radius:var(--radius-md);font-size:15px;font-weight:600;text-decoration:none}.compress-secondary-link--prominent:hover:not(:disabled){color:var(--accent-primary);background:#ffc20e1a}.compress-startover{border:1px solid var(--border);color:var(--text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:6px;font-family:inherit;font-size:13px;display:inline-flex}.compress-startover:hover{background:var(--bg-tertiary);color:var(--text-primary)}.compress-results-title{align-items:baseline;gap:var(--space-sm);flex-wrap:wrap;display:flex}.compress-results-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.compress-results-title--sub{margin-top:var(--space-lg);margin-bottom:var(--space-sm);color:var(--text-secondary);font-size:14px}.compress-aggressive-section{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px dashed var(--border)}.compress-preset-card--aggressive{border-left:3px solid var(--accent-amber)}.compress-preset-cta--aggressive{background:var(--accent-amber);box-shadow:0 2px 8px #f59e0b40}.compress-inline-link{color:var(--accent-primary);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.compress-inline-link:hover:not(:disabled){filter:brightness(1.1)}.compress-inline-link:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.compress-advisory{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--lh-cobalt);border-radius:var(--radius-md);margin-top:var(--space-lg);color:var(--text-primary);font-size:13px;line-height:1.5;display:flex}.compress-advisory>svg{color:var(--lh-cobalt);flex-shrink:0;margin-top:2px}.compress-advisory strong{margin-bottom:var(--space-xs);color:var(--text-primary);display:block}.compress-advisory p{margin:0 0 var(--space-sm) 0;color:var(--text-secondary)}.compress-advisory-list{margin:0 0 var(--space-sm) 0;padding-left:var(--space-md);color:var(--text-secondary)}.compress-advisory-list li{margin-bottom:4px}.compress-advisory-list a{color:var(--accent-primary);align-items:center;gap:4px;font-weight:500;text-decoration:none;display:inline-flex}.compress-advisory-list a:hover{text-decoration:underline}.compress-advisory-note{color:var(--text-muted);font-size:12px;font-style:italic;margin:0!important}.compress-split-rec{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--accent-primary);border-radius:var(--radius-md);margin-top:var(--space-lg);color:var(--text-primary);font-size:13px;line-height:1.5;display:flex}.compress-split-rec>svg{color:var(--accent-primary);flex-shrink:0;margin-top:2px}.compress-split-rec strong{margin-bottom:var(--space-xs);color:var(--text-primary);display:block}.compress-split-rec p{margin:0 0 var(--space-sm) 0;color:var(--text-secondary)}.compress-split-rec-cta{background:var(--accent-primary);color:var(--bg-primary);border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex;box-shadow:0 2px 6px #ffc20e40}.compress-split-rec-cta:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 4px 10px #ffc20e59}.compress-split-rec-cta:active{transform:translateY(0)}.compress-split-rec-cta--compact{margin-top:var(--space-sm);padding:6px 12px;font-size:12px}.compress-large-file{margin:var(--space-md) 0}.compress-large-file-warning{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--accent-amber);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;line-height:1.5;display:flex}.compress-large-file-warning>svg{color:var(--accent-amber);flex-shrink:0;margin-top:2px}.compress-large-file-warning strong{margin-bottom:var(--space-xs);color:var(--text-primary);display:block}.compress-large-file-warning p{color:var(--text-secondary);margin:0}.ff-toolbar{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.ff-tool-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);padding:6px var(--space-md);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;font-family:inherit;font-size:13px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.ff-tool-btn:hover{background:var(--border);color:var(--text-primary)}.ff-tool-btn--active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.ff-tool-btn--active:hover{background:var(--accent-primary);color:var(--bg-primary);filter:brightness(1.1)}.ff-toolbar-spacer{flex:1}.ff-page-meta{align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.ff-page-meta-text{color:var(--text-secondary);font-size:13px;font-family:var(--font-mono)}.ff-page-nav{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.ff-page-nav:disabled{opacity:.4;cursor:not-allowed}.ff-page-nav:hover:not(:disabled){background:var(--border);color:var(--text-primary)}.ff-zoom-label{align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:12px;display:inline-flex}.ff-zoom-label input{width:100px}.ff-hint{color:var(--accent-amber);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);background:#f59e0b14;border:1px solid #f59e0b4d;font-size:13px}.ff-editor{gap:var(--space-md);margin-bottom:var(--space-md);display:grid}.ff-editor--portrait{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.ff-editor--landscape{grid-template-columns:minmax(0,1fr)}.ff-editor--landscape .ff-side-rail{order:-1}@media (max-width:900px){.ff-editor--portrait{grid-template-columns:minmax(0,1fr)}.ff-editor--portrait .ff-side-rail{order:2}}.ff-page-column{gap:var(--space-sm);flex-direction:column;min-width:0;display:flex}.ff-side-rail{top:calc(var(--topbar-height) + var(--space-md));align-self:start;position:sticky}.ff-side-rail-inner{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);max-height:calc(100vh - var(--topbar-height) - var(--space-xl));flex-direction:column;display:flex;overflow:hidden}.ff-rail-empty{padding:var(--space-lg);color:var(--text-secondary)}.ff-rail-empty-title{font-family:var(--font-display);color:var(--text-primary);margin:0 0 var(--space-sm);font-size:16px}.ff-rail-empty-body{margin:0 0 var(--space-md);font-size:13px;line-height:1.55}.ff-rail-empty-count{font-family:var(--font-mono);color:var(--text-muted);padding-top:var(--space-sm);border-top:1px solid var(--border-hairline);margin:0;font-size:11px}.ff-rail-actions{padding:var(--space-md);border-top:1px solid var(--border-hairline);background:var(--bg-inset)}.ff-editor--fullscreen{z-index:9000;background:var(--bg-primary);padding:var(--space-md);gap:var(--space-md);grid-template-columns:minmax(0,1fr) 340px;margin:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.ff-editor--fullscreen.ff-editor--landscape{grid-template-columns:minmax(0,1fr) 340px}.ff-editor--fullscreen .ff-page-column{min-height:0;overflow:hidden}.ff-editor--fullscreen .ff-page-shell{flex:1;min-height:0;max-height:none}.ff-editor--fullscreen .ff-side-rail{height:100%;position:relative;top:auto}.ff-editor--fullscreen .ff-side-rail-inner{height:100%;max-height:100%}.ff-page-shell{padding:var(--space-md);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:center;max-height:75vh;display:flex;overflow:auto}.ff-page-wrap{-webkit-user-select:none;user-select:none;background:#fff;position:relative;box-shadow:0 2px 12px #0006}.ff-page-wrap--placing{cursor:crosshair}.ff-page-img{pointer-events:none;width:100%;height:100%;display:block}.ff-field{border:1.5px dashed var(--accent-primary);cursor:move;color:#1a1a1a;font-size:11px;font-family:var(--font-mono);background:#ffc20e1f;border-radius:2px;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.ff-field--checkbox,.ff-field--radio{background:#ffc20e33}.ff-field--radio{border-radius:50%}.ff-field--signature{border-color:var(--accent-green);border-bottom:2.5px solid var(--accent-green);background:#10b9811a}.ff-field--signature .ff-field-label{color:var(--accent-green);background:#ffffffd9;font-style:italic}.ff-field--selected{border-style:solid;border-color:var(--accent-green);z-index:5;background:#10b9812e}.ff-field-label{pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#fff9;border-radius:2px;padding:0 4px;overflow:hidden}.ff-field-delete{background:var(--accent-red);color:#fff;border:2px solid var(--bg-primary);cursor:pointer;z-index:6;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex;position:absolute;top:-10px;right:-10px}.ff-field-delete:hover{filter:brightness(1.1)}.ff-field-resize{background:var(--accent-green);border:2px solid var(--bg-primary);cursor:nwse-resize;z-index:6;border-radius:2px;width:12px;height:12px;position:absolute;bottom:-3px;right:-3px}.ff-props{padding:var(--space-md) var(--space-lg);overflow:auto}.ff-props-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.ff-props-header strong{color:var(--text-primary);font-size:14px}.ff-props-delete{color:var(--accent-red);padding:4px var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #ef444466;align-items:center;gap:6px;font-family:inherit;font-size:12px;display:inline-flex}.ff-props-delete:hover{background:#ef444414}.ff-props-grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}.ff-prop{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:12px;display:flex}.ff-prop input[type=text],.ff-prop textarea{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:6px var(--space-sm);font-family:inherit;font-size:13px}.ff-prop input[type=text]:focus,.ff-prop textarea:focus{border-color:var(--accent-primary);outline:none}.ff-prop textarea{resize:vertical;min-height:70px;font-family:var(--font-mono)}.ff-prop--checkbox{align-items:center;gap:var(--space-sm);color:var(--text-primary);flex-direction:row;font-size:13px}.ff-prop--full{grid-column:1/-1}.lud-cta a{color:var(--accent-primary);text-underline-offset:3px;text-decoration:underline}.hiw{margin-top:var(--space-xl);background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.hiw:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--accent-primary) 50%, transparent 100%);opacity:0;height:2px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.hiw--open:before{opacity:.6}.hiw-toggle{align-items:flex-start;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);text-align:left;cursor:pointer;color:var(--text-primary);font-family:var(--font-sans);background:0 0;border:none;transition:background .15s;display:flex}.hiw-toggle:hover{background:#ffffff05}.hiw-toggle-icon{color:var(--accent-primary);flex-shrink:0;margin-top:3px}.hiw-toggle-label{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.hiw-toggle-label strong{font-family:var(--font-display);color:var(--text-parchment);letter-spacing:-.01em;font-size:17px;font-weight:600}.hiw-toggle-sub{color:var(--text-secondary);font-size:13px;line-height:1.45}.hiw-chevron{color:var(--text-muted);flex-shrink:0;margin-top:4px;transition:transform .2s}.hiw--open .hiw-chevron{transform:rotate(180deg)}.hiw-content{padding:0 var(--space-lg) var(--space-lg);border-top:1px solid var(--border-hairline);color:var(--text-primary);font-size:14px;line-height:1.6}.hiw-section{margin-top:var(--space-lg)}.hiw-section-title{align-items:center;gap:var(--space-sm);font-family:var(--font-display);color:var(--text-parchment);margin:0 0 var(--space-sm);letter-spacing:-.005em;font-size:16px;font-weight:600;display:flex}.hiw-section-title svg{color:var(--accent-primary);flex-shrink:0}.hiw-section p{margin:0 0 var(--space-sm);color:var(--text-secondary)}.hiw-section p:last-child{margin-bottom:0}.hiw-list{color:var(--text-secondary);margin:0;padding-left:20px}.hiw-list li{margin-bottom:6px}.hiw-list li:last-child{margin-bottom:0}.hiw-list--ordered{padding-left:22px}.hiw-list--amber li::marker{color:var(--accent-amber)}.hiw-list strong,.hiw-section strong{color:var(--text-primary);font-weight:600}.hiw-list kbd,.hiw-section kbd,.hiw-content kbd{font-family:var(--font-mono);background:var(--bg-inset);border:1px solid var(--border);color:var(--text-primary);border-radius:3px;padding:1px 5px;font-size:11px}.hiw-technical{margin-top:var(--space-sm);background:var(--bg-inset);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:13px}.hiw-technical summary{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:2px 0;font-weight:500;list-style:none;display:flex}.hiw-technical summary::-webkit-details-marker{display:none}.hiw-technical summary:before{content:"▸";color:var(--text-muted);font-size:10px;transition:transform .15s}.hiw-technical[open] summary:before{transform:rotate(90deg)}.hiw-technical summary:hover{color:var(--text-primary)}.hiw-technical-body{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-hairline);color:var(--text-secondary)}.hiw-technical-body p{margin:0 0 var(--space-sm)}.hiw-technical-body p:last-child{margin-bottom:0}.hiw-technical-body code,.hiw-technical-flow code{font-family:var(--font-mono);background:var(--bg-secondary);border:1px solid var(--border-hairline);color:var(--text-primary);border-radius:3px;padding:1px 4px;font-size:12px}.hiw-technical-flow{margin:0 0 var(--space-sm);color:var(--text-secondary);padding-left:20px}.hiw-technical-flow li{margin-bottom:6px}.hiw-technical-source a{color:var(--accent-primary);align-items:center;gap:4px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.hiw-technical-source a:hover{text-decoration:underline}.hiw-verify-block{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-hairline);border-radius:var(--radius-sm)}.hiw-verify-block:first-of-type{margin-top:var(--space-sm)}.hiw-verify-heading{font-family:var(--font-sans);color:var(--text-primary);margin:0 0 var(--space-xs);letter-spacing:.01em;font-size:13px;font-weight:600}@media (max-width:767px){.hiw-toggle{padding:var(--space-sm) var(--space-md)}.hiw-content{padding:0 var(--space-md) var(--space-md)}.hiw-toggle-label strong{font-size:15px}.hiw-toggle-sub{font-size:12px}.hiw-section-title{font-size:15px}}.topbar-feedback-btn{color:var(--text-secondary);border:1px solid var(--border-hairline);cursor:pointer;white-space:nowrap;font-size:12.5px;font-weight:500;font-family:var(--font-sans);background:0 0;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;transition:all .18s;display:flex}.topbar-feedback-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#ffc20e14}.topbar-feedback-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.error-card--tool{border-left-width:4px}.error-card-detail{margin-top:var(--space-md)}.error-card-detail-toggle{color:var(--text-muted);cursor:pointer;font-size:12px;font-family:var(--font-sans);background:0 0;border:none;padding:0;text-decoration:underline}.error-card-detail-toggle:hover{color:var(--text-secondary)}.error-card-detail-pre{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);color:var(--text-muted);white-space:pre-wrap;word-break:break-all;font-size:11.5px;font-family:var(--font-mono);max-height:260px;overflow-y:auto}.error-card-actions{gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap;align-items:center;display:flex}.error-card-action-primary{max-width:160px}.action-button--secondary{color:var(--text-primary);border:1px solid var(--border);background:0 0;max-width:180px}.action-button--secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.error-card-report-btn{color:var(--text-secondary);cursor:pointer;font-size:13px;font-family:var(--font-sans);border-radius:var(--radius-sm);background:0 0;border:none;padding:6px 10px;text-decoration:underline}.error-card-report-btn:hover{color:var(--accent-primary);background:#ffc20e14;text-decoration:underline}.error-card-report-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.feedback-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;padding:var(--space-md);background:#0000009e;justify-content:center;align-items:center;animation:.18s ease-out feedbackFadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes feedbackFadeIn{0%{opacity:0}to{opacity:1}}.feedback-modal{background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);flex-direction:column;width:100%;max-width:560px;max-height:calc(100vh - 48px);animation:.22s cubic-bezier(.16,1,.3,1) feedbackSlideUp;display:flex;overflow:hidden}@keyframes feedbackSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.feedback-modal-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-hairline);justify-content:space-between;align-items:center;display:flex}.feedback-modal-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-parchment);margin:0;font-size:20px;font-weight:500}.feedback-modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.feedback-modal-close:hover{color:var(--text-primary);background:#ffffff0f}.feedback-modal-close:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.feedback-modal-body{padding:var(--space-lg);flex:1;overflow-y:auto}.feedback-modal-lede{margin:0 0 var(--space-lg);color:var(--text-secondary);font-size:14px;line-height:1.6}.feedback-modal-label{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:13px;font-weight:600;display:block}.feedback-modal-textarea{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:120px;color:var(--text-primary);font-size:14px;font-family:var(--font-sans);resize:vertical;padding:10px 12px;line-height:1.5;transition:border-color .15s}.feedback-modal-textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #ffc20e26}.feedback-modal-context{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-inset);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px}.feedback-modal-context-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:10.5px;font-weight:600}.feedback-modal-context-list{margin:0;padding-left:18px;line-height:1.6}.feedback-modal-context-list code{font-family:var(--font-mono);background:var(--bg-tertiary);color:var(--text-primary);border-radius:3px;padding:1px 5px;font-size:11px}.feedback-modal-checkbox{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:#ffc20e0d;border:1px solid #ffc20e2e;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.5;display:flex}.feedback-modal-checkbox input{accent-color:var(--accent-primary);flex-shrink:0;margin-top:2px}.feedback-modal-privacy{margin-top:var(--space-md);color:var(--text-muted);align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.feedback-modal-privacy svg{color:var(--accent-primary);flex-shrink:0;margin-top:2px}.feedback-modal-footer{gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-hairline);background:var(--bg-inset);flex-wrap:wrap;display:flex}.feedback-modal-cta{border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans);border:1px solid #0000;align-items:center;gap:6px;padding:9px 14px;text-decoration:none;transition:all .15s;display:inline-flex}.feedback-modal-cta--primary{background:var(--accent-primary);color:var(--bg-primary);font-weight:600}.feedback-modal-cta--primary:hover{background:#ffd94a;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px -4px #ffc20e73}.feedback-modal-cta--secondary{color:var(--text-primary);border-color:var(--border);background:0 0}.feedback-modal-cta--secondary:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);text-decoration:none}.feedback-modal-cta--ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.feedback-modal-cta--ghost:hover{color:var(--text-primary);background:#ffffff0d}.feedback-modal-cta:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.welcome-tour-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9900;padding:var(--space-md);background:#050c1ac7;justify-content:center;align-items:center;animation:.24s ease-out feedbackFadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.welcome-tour{background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);width:100%;max-width:520px;padding:var(--space-xl);text-align:center;animation:.28s cubic-bezier(.16,1,.3,1) feedbackSlideUp;position:relative}.welcome-tour:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-primary), transparent);opacity:.5;height:1px;position:absolute;top:0;left:24px;right:24px}.welcome-tour-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:6px;transition:all .15s;display:flex;position:absolute;top:12px;right:12px}.welcome-tour-close:hover{color:var(--text-primary);background:#ffffff0f}.welcome-tour-close:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.welcome-tour-icon{width:64px;height:64px;margin:var(--space-sm) auto var(--space-md);color:var(--accent-primary);background:#ffc20e14;border:1px solid #ffc20e38;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.welcome-tour-kicker{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:var(--space-sm);font-size:10.5px;font-weight:600}.welcome-tour-title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text-parchment);margin:0 0 var(--space-md);font-size:26px;font-weight:500;line-height:1.25}.welcome-tour-body{margin:0 0 var(--space-md);color:var(--text-secondary);font-size:15px;line-height:1.6}.welcome-tour-hint{margin:0 0 var(--space-lg);padding:var(--space-sm) var(--space-md);background:var(--bg-inset);border-left:2px solid var(--accent-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-muted);text-align:left;font-size:13px;line-height:1.55}.welcome-tour-optin{margin:0 0 var(--space-lg);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:left;background:#ffc20e0d;border:1px solid #ffc20e2e;align-items:flex-start;gap:10px;font-size:12.5px;line-height:1.5;display:flex}.welcome-tour-optin input{accent-color:var(--accent-primary);flex-shrink:0;margin-top:2px}.welcome-tour-dots{margin:0 0 var(--space-lg);justify-content:center;gap:8px;display:flex}.welcome-tour-dot{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.welcome-tour-dot:before{content:"";background:var(--border);border-radius:50%;width:8px;height:8px;transition:all .18s}.welcome-tour-dot:hover:before{background:var(--text-muted)}.welcome-tour-dot--active:before{background:var(--accent-primary);border-radius:4px;width:22px}.welcome-tour-dot:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.welcome-tour-nav{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.welcome-tour-btn{border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-sans);border:1px solid #0000;align-items:center;gap:4px;padding:10px 18px;transition:all .15s;display:inline-flex}.welcome-tour-btn--primary{background:var(--accent-primary);color:var(--bg-primary);font-weight:600}.welcome-tour-btn--primary:hover{background:#ffd94a;transform:translateY(-1px);box-shadow:0 4px 12px -4px #ffc20e73}.welcome-tour-btn--ghost{color:var(--text-secondary);border-color:var(--border-hairline);background:0 0}.welcome-tour-btn--ghost:hover{color:var(--text-primary);border-color:var(--border);background:#ffffff0a}.welcome-tour-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (max-width:767px){.topbar-feedback-label{display:none}.topbar-feedback-btn{justify-content:center;min-width:40px;min-height:40px;padding:9px 10px}.feedback-modal{max-height:calc(100vh - 24px)}.feedback-modal-footer{flex-direction:column}.feedback-modal-cta{justify-content:center;width:100%}.welcome-tour{padding:var(--space-lg)}.welcome-tour-title{font-size:22px}.welcome-tour-body{font-size:14px}}.skip-to-content{top:-48px;left:var(--space-md);z-index:10001;background:var(--accent-primary);color:var(--bg-primary);border-radius:var(--radius-sm);padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:top .18s ease-out;position:absolute;box-shadow:0 6px 18px -4px #0009}.skip-to-content:focus{top:var(--space-sm);outline:2px solid var(--text-primary);outline-offset:2px}.skip-to-content:focus-visible{top:var(--space-sm);outline:2px solid var(--text-primary);outline-offset:2px}a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}[role=button]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}input:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}textarea:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}select:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.main-content:focus-visible{outline:none}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tool-caveats{margin:0 0 var(--space-md);border-radius:var(--radius-md);background:#f59e0b0f;border:1px solid #f59e0b40;padding:12px 16px}.tool-caveats-title{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-amber);align-items:center;gap:6px;margin:0 0 6px;font-size:10px;font-weight:700;display:flex}.tool-caveats-list{flex-direction:column;gap:4px;margin:0;padding-left:18px;display:flex}.tool-caveats-list li{color:var(--text-primary);font-size:13.5px;line-height:1.55}.form-fields-notice{margin:var(--space-md) 0;border-radius:var(--radius-md);color:var(--text-primary);background:#f59e0b14;border:1px solid #f59e0b4d;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.form-fields-notice svg{color:var(--accent-amber);flex-shrink:0;margin-top:2px}.form-fields-notice p{margin:0;font-size:13px;line-height:1.55}.merge-file-formfields{color:var(--accent-amber);align-items:center;gap:4px;margin:2px 0 0;font-size:11px;display:flex}