@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+0460-052F,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+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,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+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@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+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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+0460-052F,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+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,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+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@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+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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+0460-052F,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+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,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+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@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+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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+0460-052F,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+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,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+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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+0460-052F,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+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,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+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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: rgba(255, 255, 255, .06);--border-hairline:rgba(255, 255, 255, .08);--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #7C9BBF;--text-parchment: #EEE6D3;--accent-primary: #FFC20E;--accent-cyan: #FFC20E;--accent-amber: #F59E0B;--accent-green: #10B981;--accent-red: #EF4444;--accent-primary-soft: rgba(255, 194, 14, .12);--lh-cobalt: #00427A;--lh-blaze: #FFC20E;--shadow-card: 0 1px 0 rgba(255,255,255,.04) inset, 0 10px 30px -18px rgba(0,0,0,.6);--shadow-lift: 0 1px 0 rgba(255,255,255,.06) inset, 0 20px 40px -20px rgba(0,0,0,.7);--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{height:100%;overflow:hidden;color-scheme:dark}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-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{background:#ffc20e4d;color:var(--text-primary)}a{color:var(--accent-cyan);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}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%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.app-layout{display:grid;grid-template-rows:var(--topbar-height) 1fr;grid-template-columns:100%;height:100vh;width:100vw;max-width:100%;overflow:hidden}.app-body{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);overflow:hidden;min-width:0}@media (max-width: 767px){.app-body{grid-template-columns:minmax(0,1fr)}}.topbar{display:flex;align-items:center;justify-content:space-between;height:var(--topbar-height);padding:0 var(--space-lg);background:linear-gradient(180deg,#0b1d37,#0a1628);border-bottom:1px solid var(--border-hairline);z-index:100;position:relative}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,194,14,.35) 20%,rgba(255,194,14,.35) 80%,transparent 100%);opacity:.45;pointer-events:none}.topbar-left{display:flex;align-items:baseline;gap:14px}.topbar-menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--text-secondary);align-self:center}.topbar-menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.topbar-logo{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.01em;font-variation-settings:"opsz" 36,"SOFT" 40;color:var(--text-parchment);cursor:pointer;line-height:1}.topbar-logo-mark{color:var(--accent-primary);font-weight:700;letter-spacing:.005em}.topbar-subtitle{color:var(--text-muted);font-family:var(--font-sans);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;position:relative;padding-left:14px}.topbar-subtitle:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:1px;background:var(--accent-primary);opacity:.6}@media (max-width: 767px){.topbar-subtitle{display:none}}.topbar-right{display:flex;align-items:center}.topbar-badge{display:flex;align-items:center;gap:6px;padding:4px 12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:20px;font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--accent-green);white-space:nowrap}.sidebar{background:var(--bg-inset);border-right:1px solid var(--border-hairline);overflow-y:auto;overflow-x:hidden;height:100%;display:flex;flex-direction:column;position:relative}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:18px 18px 16px;border-bottom:1px solid var(--border-hairline);flex-shrink:0}.sidebar-brand-mark{width:34px;height:34px;border-radius:6px;background:linear-gradient(135deg,var(--lh-cobalt) 0%,#0A2844 100%);border:1px solid rgba(255,194,14,.25);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);font-family:var(--font-display);font-weight:700;font-size:17px;line-height:1;flex-shrink:0;box-shadow:0 1px #ffffff0f inset,0 4px 10px -4px #0009}.sidebar-brand-text{display:flex;flex-direction:column;line-height:1.1;min-width:0}.sidebar-brand-kicker{font-family:var(--font-sans);font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted)}.sidebar-brand-name{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text-parchment);letter-spacing:-.005em;margin-top:2px}@media (max-width: 767px){.sidebar{position:fixed;top:var(--topbar-height);left:0;bottom:0;width:var(--sidebar-width);z-index:200;transform:translate(-100%);transition:transform .2s ease}.sidebar--open{transform:translate(0)}.sidebar-backdrop{position:fixed;inset:0;top:var(--topbar-height);background:#00000080;z-index:199}}@media (min-width: 768px){.sidebar-backdrop{display:none}}.sidebar-scroll{padding:10px 0 12px;flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-category{margin-bottom:1px}.sidebar-category-header{display:flex;align-items:center;gap:10px;width:100%;padding:9px var(--space-md);text-align:left;font-size:13px;font-weight:500;color:var(--text-secondary);transition:background .15s,color .15s;border-radius:0}.sidebar-category-header:hover{background:#ffffff08;color:var(--text-parchment)}.sidebar-category-icon{font-size:16px;flex-shrink:0}.sidebar-category-label{flex:1}.sidebar-category-count{font-size:10px;font-weight:600;background:#ffffff0a;color:var(--text-muted);padding:1px 6px;border-radius:10px;min-width:20px;text-align:center;font-variant-numeric:tabular-nums}.sidebar-tool-list{list-style:none;padding:2px 0 6px;margin:0}.sidebar-tool-item{display:block;width:100%;padding:5px var(--space-md) 5px 42px;text-align:left;font-size:12.5px;color:var(--text-muted);transition:all .15s;position:relative}.sidebar-tool-item:before{content:"";position:absolute;left:26px;top:50%;width:2px;height:2px;background:currentColor;opacity:.35;border-radius:50%;transform:translateY(-50%)}.sidebar-tool-item:hover{background:#ffffff08;color:var(--text-parchment)}.sidebar-tool-item--active{color:var(--accent-primary);background:var(--accent-primary-soft);font-weight:500}.sidebar-tool-item--active:before{width:4px;height:14px;left:0;border-radius:0 2px 2px 0;background:var(--accent-primary);opacity:1}.sidebar-more-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:10px var(--space-md);margin-top:6px;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted);transition:all .15s;border-top:1px solid var(--border-hairline)}.sidebar-more-toggle:hover{color:var(--text-parchment);background:#ffffff08}.sidebar-divider{height:1px;background:var(--border-hairline);margin:10px var(--space-md) 8px}.sidebar-cta{flex-shrink:0;padding:12px 14px 14px;border-top:1px solid var(--border-hairline);background:linear-gradient(180deg,#ffc20e08,#ffc20e14)}.sidebar-cta-card{display:block;padding:12px 14px;background:linear-gradient(135deg,#ffc20e,#f2a80a);color:#0a1628;border-radius:8px;text-decoration:none;box-shadow:0 1px #ffffff4d inset,0 8px 18px -8px #ffc20e80;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.sidebar-cta-card:hover{transform:translateY(-1px);text-decoration:none;box-shadow:0 1px #fff6 inset,0 12px 22px -8px #ffc20e99}.sidebar-cta-kicker{font-family:var(--font-sans);font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#0a16288c;display:block;margin-bottom:3px}.sidebar-cta-title{font-family:var(--font-display);font-size:15px;font-weight:600;color:#0a1628;letter-spacing:-.005em;display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-cta-title svg{flex-shrink:0;transition:transform .15s}.sidebar-cta-card:hover .sidebar-cta-title svg{transform:translate(2px)}.main-content{overflow-y:auto;overflow-x:hidden;padding:var(--space-xl);height:100%;min-width:0}@media (max-width: 767px){.main-content{padding:var(--space-md)}}@media (max-width: 767px){.tool-page{max-width:100%}}.tool-page{max-width:960px;margin:0 auto}.tool-header{position:relative;padding-bottom:var(--space-lg);margin-bottom:var(--space-xl);border-bottom:1px solid var(--border-hairline)}.tool-header-kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:14px}.tool-header-kicker:before{content:"";width:20px;height:1px;background:currentColor;opacity:.7}.tool-header-emoji{font-size:13px;letter-spacing:0;filter:saturate(1.15)}.tool-title{font-family:var(--font-display);font-size:40px;line-height:1.05;font-weight:500;font-variation-settings:"opsz" 72,"SOFT" 40;letter-spacing:-.02em;color:var(--text-parchment);margin:0}.tool-header-lede{font-family:var(--font-sans);font-size:15px;line-height:1.55;color:var(--text-secondary);margin:12px 0 0;max-width:680px}@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{font-size:14px;margin-top:8px}}.tool-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl);color:var(--text-muted)}.tool-loading-spinner{width:32px;height:32px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin .8s linear infinite}@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:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,194,14,.35) 50%,transparent 100%);pointer-events:none}.info-card-badges{display:flex;flex-wrap:wrap;gap:8px}.info-card-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--text-parchment);white-space:nowrap}.info-card-badge:first-letter{color:var(--accent-primary)}.dropzone-wrapper{margin-bottom:var(--space-lg)}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content: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;transition:all .2s;min-height:160px}.dropzone:hover{border-color:var(--text-muted);background:#1e293bcc}.dropzone--active{border-color:var(--accent-cyan);border-style:solid;background:#ffc20e0d}.dropzone-icon{color:var(--text-muted)}.dropzone--active .dropzone-icon{color:var(--accent-cyan)}.dropzone-label{font-size:15px;font-weight:600;color:var(--text-primary)}.dropzone-label--mobile{display:none}.dropzone-sublabel{font-size:12px;color:var(--text-muted)}.dropzone-input{display:none}.dropzone-error{color:var(--accent-red);font-size:13px;margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ef44441a;border-radius:var(--radius-sm)}.dropzone-warning{color:var(--accent-amber);font-size:13px;margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#f59e0b1a;border-radius:var(--radius-sm)}.action-button{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:12px var(--space-lg);background:var(--accent-cyan);color:#0f172a;font-weight:600;font-size:15px;border-radius:var(--radius-md);transition:all .15s;margin-bottom:var(--space-lg)}.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:spin .8s linear infinite}.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);font-size:14px;color:var(--text-primary);word-break:break-all}.result-panel-sizes{font-size:13px;color:var(--text-secondary);margin-top:4px;display:flex;align-items:center;gap:var(--space-sm)}.result-panel-change{font-weight:600;font-size:12px;padding:1px 8px;border-radius:10px}.result-panel-change--good{background:#10b98126;color:var(--accent-green)}.result-panel-change--bad{background:#f59e0b26;color:var(--accent-amber)}.result-panel-actions{display:flex;gap:var(--space-md);align-items:center}.result-panel-download{display:flex;align-items:center;gap:var(--space-sm);padding:10px var(--space-lg);background:var(--accent-green);color:#0f172a;font-weight:600;font-size:14px;border-radius:var(--radius-md);transition:background .15s}.result-panel-download:hover{background:#34d399}.result-panel-startover{display:flex;align-items:center;gap:var(--space-sm);padding:10px var(--space-lg);color:var(--text-muted);font-size:14px;border:1px solid var(--border);border-radius:var(--radius-md);transition:all .15s}.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{display:flex;align-items:center;gap:var(--space-sm);color:var(--accent-red);margin-bottom:var(--space-sm)}.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);font-weight:500;text-decoration:underline;cursor:pointer}.tool-tabs{display:flex;gap:2px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px;margin-bottom:var(--space-lg);width:fit-content}.tool-tab{padding:8px 20px;font-size:13px;font-weight:500;color:var(--text-muted);border-radius:var(--radius-sm);transition:all .15s;white-space:nowrap}.tool-tab:hover{color:var(--text-primary)}.tool-tab--active{background:var(--accent-cyan);color:#0f172a}.tool-options{display:flex;flex-direction:column;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)}.tool-option-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.tool-option-label{font-size:13px;font-weight:500;color:var(--text-secondary);min-width:100px}.tool-option-select{padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;cursor:pointer}.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);font-size:13px;line-height:1.6;resize:vertical}.tool-textarea:focus{border-color:var(--accent-cyan);outline:none}.tool-textarea::placeholder{color:var(--text-muted)}.tool-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;font-weight:500;transition:all .15s}.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{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.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);font-size:24px;font-weight:600;color:var(--accent-cyan)}.tool-stat-label{font-size:12px;color:var(--text-muted);margin-top:2px}.tool-toggle{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:13px;color:var(--text-secondary)}.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{display:flex;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)}.tool-file-preview img{max-height:80px;border-radius:var(--radius-sm);object-fit:contain}.tool-file-name{font-family:var(--font-mono);font-size:14px;color:var(--text-primary);word-break:break-all}.tool-file-size{font-size:13px;color:var(--text-muted)}.tool-file-remove{display:flex;align-items:center;gap:4px;margin-left:auto;padding:6px 12px;font-size:12px;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .15s;flex-shrink:0}.tool-file-remove:hover{border-color:var(--accent-red);color:var(--accent-red);background:#ef44441a}.tool-thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.tool-thumbnail-card{position:relative;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:border-color .15s}.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;padding:4px;font-size:11px;color:var(--text-muted);background:var(--bg-primary)}.tool-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-lg)}@media (max-width: 700px){.tool-split{grid-template-columns:1fr}}.tool-split-pane{display:flex;flex-direction:column;gap:var(--space-sm)}.tool-split-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.homepage{max-width:960px;margin:0 auto}.homepage-hero{position:relative;padding:44px 44px 40px;margin-bottom:var(--space-2xl);border-radius:18px;background:radial-gradient(ellipse at 85% 20%,rgba(255,194,14,.08) 0%,transparent 55%),radial-gradient(ellipse at 15% 85%,rgba(30,90,138,.35) 0%,transparent 55%),linear-gradient(135deg,#0e2743,#081627);border:1px solid var(--border-hairline);box-shadow:var(--shadow-card);overflow:hidden;text-align:left}.homepage-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;mask-image:radial-gradient(ellipse at 70% 30%,black 0%,transparent 75%)}.homepage-hero-kicker{position:relative;display:inline-flex;align-items:center;gap:10px;font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:22px}.homepage-hero-kicker:before{content:"";width:24px;height:1px;background:currentColor;opacity:.7}.homepage-hero-serial{color:var(--text-muted);font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:.1em;margin-left:6px}.homepage-title{position:relative;font-family:var(--font-display);font-size:64px;line-height:1.02;font-weight:500;font-variation-settings:"opsz" 96,"SOFT" 40;letter-spacing:-.025em;color:var(--text-parchment);margin:0 0 10px;max-width:640px}.homepage-title em{font-style:italic;font-weight:400;color:var(--accent-primary);font-variation-settings:"opsz" 96,"SOFT" 100}.homepage-tagline{position:relative;font-family:var(--font-sans);font-size:16px;line-height:1.55;color:var(--text-secondary);margin:0 0 24px;max-width:560px}.homepage-trust{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:18px}.homepage-trust-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--text-parchment);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:5px 11px;border-radius:20px;backdrop-filter:blur(6px)}.homepage-trust-sep{display:none}.homepage-compliance{position:relative;font-size:12px;color:var(--text-muted);line-height:1.6;padding-top:16px;border-top:1px solid var(--border-hairline);max-width:640px}.homepage-compliance a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px;text-decoration-color:#fff3}.homepage-compliance a:hover{color:var(--text-parchment);text-decoration-color:var(--accent-primary)}.homepage-section{margin-bottom:44px}.homepage-section-title{display:flex;align-items:baseline;gap:12px;font-family:var(--font-display);font-size:22px;font-weight:500;font-variation-settings:"opsz" 36,"SOFT" 40;letter-spacing:-.01em;color:var(--text-parchment);margin-bottom:18px;text-transform:none}.homepage-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-hairline) 0%,transparent 100%)}.homepage-section-title-count{font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase}.homepage-popular-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.homepage-popular-item{display:flex;align-items:center;gap:10px;padding:14px var(--space-md);background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:10px;text-align:left;cursor:pointer;transition:all .18s ease;position:relative;overflow:hidden}.homepage-popular-item:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,194,14,0) 50%,transparent 100%);transition:background .2s}.homepage-popular-item:hover{background:#153454;border-color:#ffc20e4d;transform:translateY(-1px);box-shadow:var(--shadow-card)}.homepage-popular-item:hover:before{background:linear-gradient(90deg,transparent 0%,rgba(255,194,14,.5) 50%,transparent 100%)}.homepage-popular-emoji{font-size:18px;flex-shrink:0;filter:saturate(1.15)}.homepage-popular-name{font-size:13px;font-weight:500;color:var(--text-parchment);line-height:1.3}.homepage-resources-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.homepage-resource-card{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:12px;text-decoration:none;transition:all .18s ease;position:relative;overflow:hidden}.homepage-resource-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent-primary);transform:scaleY(0);transform-origin:top;transition:transform .2s ease}.homepage-resource-card:hover{background:#153454;border-color:#ffc20e40;text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-card)}.homepage-resource-card:hover:before{transform:scaleY(1)}.homepage-resource-icon{flex-shrink:0;width:38px;height:38px;background:linear-gradient(135deg,#ffc20e24,#ffc20e0f);border:1px solid rgba(255,194,14,.2);border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--accent-primary);margin-top:1px}.homepage-resource-body{flex:1;min-width:0}.homepage-resource-title{font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.005em;color:var(--text-parchment);margin-bottom:4px;line-height:1.25}.homepage-resource-desc{font-size:12px;color:var(--text-secondary);line-height:1.55}.homepage-resource-arrow{flex-shrink:0;color:var(--text-muted);margin-top:12px;transition:transform .2s,color .15s}.homepage-resource-card:hover .homepage-resource-arrow{transform:translate(4px);color:var(--accent-primary)}.homepage-cat-list{display:flex;flex-direction:column;gap:4px}.homepage-cat-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .15s}.homepage-cat-list{display:flex;flex-direction:column;gap:6px}.homepage-cat-item{background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:10px;overflow:hidden;transition:all .18s ease}.homepage-cat-item--open{border-color:#ffc20e40;background:#12304f}.homepage-cat-header{display:flex;align-items:center;gap:12px;width:100%;padding:13px 16px;text-align:left;cursor:pointer;background:none;color:var(--text-parchment);transition:background .15s}.homepage-cat-header:hover{background:#ffffff08}.homepage-cat-emoji{font-size:17px;flex-shrink:0}.homepage-cat-label{flex:1;font-family:var(--font-display);font-size:15px;font-weight:500;letter-spacing:-.005em}.homepage-cat-count{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);background:#ffffff0a;padding:2px 8px;border-radius:10px;font-variant-numeric:tabular-nums}.homepage-cat-item--open .homepage-cat-header{border-bottom:1px solid var(--border-hairline)}.homepage-cat-tools{display:flex;flex-wrap:wrap;gap:6px;padding:14px 16px}.homepage-cat-tool{font-size:12.5px;color:var(--text-secondary);background:#ffffff08;border:1px solid var(--border-hairline);border-radius:6px;padding:5px 11px;cursor:pointer;transition:all .15s}.homepage-cat-tool:hover{color:var(--accent-primary);border-color:#ffc20e59;background:#ffc20e14}@media (max-width: 900px){.homepage-popular-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.homepage-title{font-size:36px}.homepage-resources-grid{grid-template-columns:1fr}.homepage-popular-grid{grid-template-columns:repeat(2,1fr)}.homepage-trust-sep{display:none}}@media (max-width: 400px){.homepage-popular-grid{grid-template-columns:1fr}}.merge-file-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.merge-file-card{position:relative;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .15s;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{position:absolute;top:6px;left:6px;z-index:2;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--accent-cyan);color:#0a1628;font-size:11px;font-weight:700;border-radius:50%;pointer-events:none;line-height:1}.merge-file-remove{position:absolute;top:5px;right:5px;z-index:2;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-sm);color:var(--text-muted);background:#0a1628b3;transition:all .15s}.merge-file-remove:hover{color:var(--accent-red);background:#ef444433}.merge-file-drag-handle{display:flex;flex-direction:column;align-items:center;cursor:grab;touch-action:none;padding:var(--space-xs);gap:4px}.merge-file-drag-handle:active{cursor:grabbing}.merge-file-thumb-wrap{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);flex-shrink:0}.merge-file-thumbnail{width:100%;height:100%;object-fit:contain;display:block}.merge-file-thumb-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted)}.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);font-size:11px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merge-file-meta{font-size:10px;color:var(--text-muted);margin-top:1px}.merge-file-encrypted{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--accent-amber);margin-top:2px}.split-tabs{display:flex;gap:2px;margin-bottom:var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);padding:3px}.split-tab{flex:1;padding:var(--space-sm) var(--space-md);font-size:13px;font-weight:500;color:var(--text-muted);border-radius:var(--radius-sm);transition:all .15s;text-align:center}.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{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-sm)}.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);font-size:12px;margin-top:var(--space-sm)}.split-every-description{color:var(--text-secondary);font-size:13px;margin-bottom:var(--space-lg)}.thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.thumbnail-card{display:flex;flex-direction:column;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);transition:border-color .15s}.thumbnail-card--selected{border-color:var(--accent-cyan);background:#ffc20e0d}.thumbnail-image{width:100%;height:auto;border-radius:var(--radius-sm);display:block}.thumbnail-placeholder{width:100%;aspect-ratio:3/4;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.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{display:flex;align-items:center;gap:var(--space-lg)}.compress-thumbnail{max-width:100%;height:auto;border-radius:var(--radius-sm);border:1px solid var(--border);display:block;margin-bottom:var(--space-md);transition:max-height .15s ease}.compress-file-name{font-family:var(--font-mono);font-size:14px;color:var(--text-primary);word-break:break-all}.compress-file-size{font-size:13px;color:var(--text-muted);margin-top:4px}.rotate-toolbar{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.rotate-toolbar-btn{padding:var(--space-sm) var(--space-md);font-size:13px;font-weight:500;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .15s}.rotate-toolbar-btn:hover{border-color:var(--text-muted);color:var(--text-primary);background:var(--bg-tertiary)}.rotate-page-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .15s}.rotate-page-card:hover{border-color:var(--text-muted)}.rotate-page-drag-handle{align-self:flex-start;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:grab;padding:2px;border-radius:var(--radius-sm);margin-bottom:var(--space-xs);touch-action:none}.rotate-page-drag-handle:hover{color:var(--text-secondary);background:var(--bg-tertiary)}.rotate-page-drag-handle:active{cursor:grabbing}.rotate-page-thumb-wrapper{width:100%;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-sm);background:var(--bg-tertiary)}.rotate-page-thumbnail{max-width:100%;max-height:100%;transition:transform .2s ease}.rotate-page-footer{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:var(--space-xs)}.rotate-page-label{font-size:11px;font-family:var(--font-mono);color:var(--text-muted)}.rotate-page-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);color:var(--text-muted);transition:all .15s}.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{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.zip-file-list-title{font-size:13px;font-weight:500;color:var(--text-primary)}.zip-file-list-total{font-size:12px;font-family:var(--font-mono);color:var(--text-muted)}.zip-file-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);transition:background .1s}.zip-file-item:last-child{border-bottom:none}.zip-file-item:hover{background:#3341554d}.zip-file-item-info{display:flex;align-items:center;gap:var(--space-md);flex:1;min-width:0}.zip-file-item-name{font-family:var(--font-mono);font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.zip-file-item-size{font-size:12px;color:var(--text-muted);font-family:var(--font-mono);flex-shrink:0}.zip-file-item-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-muted);flex-shrink:0;margin-left:var(--space-sm);transition:all .15s}.zip-file-item-remove:hover{color:var(--accent-red);background:#ef44441a}.zip-result-summary{padding:var(--space-sm) 0}.zip-result-count{font-size:14px;color:var(--text-secondary)}.extract-container{margin-bottom:var(--space-lg)}.extract-summary{display:flex;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)}.extract-summary-text{flex:1}.extract-summary-filename{font-family:var(--font-mono);font-size:14px;color:var(--text-primary);word-break:break-all}.extract-summary-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.extract-encrypted-warning{padding:var(--space-sm) var(--space-md);background:#f59e0b1a;border-left:3px solid var(--accent-amber);border-radius:var(--radius-sm);font-size:13px;color:var(--accent-amber);margin-bottom:var(--space-md)}.extract-file-table{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-lg)}.extract-file-table-header{display:grid;grid-template-columns:1fr 100px 160px 48px;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border);font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.extract-file-row{display:grid;grid-template-columns:1fr 100px 160px 48px;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);font-size:13px;align-items:center;transition:background .1s}.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;overflow:hidden;text-overflow:ellipsis}.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{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-muted);transition:all .15s}.extract-download-btn:hover{color:var(--accent-cyan);background:#ffc20e1a}.extract-encrypted-badge{font-size:10px;color:var(--accent-amber);font-weight:500}.extract-actions{display:flex;gap:var(--space-md);align-items:center;margin-top:var(--space-md)}.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{display:flex;align-items:center;justify-content:space-between;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)}.analyser-summary-count{font-size:14px;font-weight:500;color:var(--text-primary)}.analyser-summary-total{font-size:14px;font-family:var(--font-mono);font-weight:600;color:var(--accent-cyan)}.analyser-legend{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md)}.analyser-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.analyser-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.analyser-table{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-lg)}.analyser-table-header{display:grid;grid-template-columns:1fr 90px 100px 160px;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border);font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.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{display:grid;grid-template-columns:1fr 90px 100px 160px;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:13px;align-items:center}.analyser-file-name{font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analyser-col-type{font-size:12px}.analyser-type-badge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:500}.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{height:4px;background:var(--bg-tertiary);margin:0 var(--space-md) var(--space-sm);border-radius:2px;overflow:hidden}.analyser-bar-fill{height:100%;border-radius:2px;transition:width .3s ease;min-width:2px}.analyser-actions{display:flex;gap:var(--space-md)}@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);font-size:14px;line-height:1.6;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)}.text-tool-textarea:focus{border-color:var(--accent-cyan);outline:none}.text-tool-textarea::placeholder{color:var(--text-muted)}.word-counter-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-sm);margin-bottom:var(--space-lg)}.word-counter-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.word-counter-stat--wide{grid-column:span 2}.word-counter-stat-value{font-family:var(--font-mono);font-size:20px;font-weight:600;color:var(--text-primary)}.word-counter-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.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);font-size:14px;color:var(--text-primary);word-break:break-all}.strip-metadata-file-size{font-size:13px;color:var(--text-muted);margin-top:2px}.strip-metadata-file-type{font-size:12px;color:var(--text-muted);margin-top:2px}.strip-metadata-note{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-top:var(--space-sm)}.metadata-table-section{margin-bottom:var(--space-md)}.metadata-table-label{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm)}.metadata-table-empty{font-size:13px;color:var(--text-muted);font-style:italic}.metadata-table{width:100%;border-collapse:collapse}.metadata-table td{padding:6px var(--space-md);font-size:13px;border-bottom:1px solid var(--border)}.metadata-table-key{color:var(--text-muted);white-space:nowrap;width:160px;text-transform:capitalize}.metadata-table-value{color:var(--text-primary);font-family:var(--font-mono);font-size:12px;word-break:break-all}.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{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.metadata-stripped-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;width:fit-content}.metadata-stripped-badge--success{background:#10b98126;color:var(--accent-green)}.metadata-stripped-note{font-size:13px;color:var(--text-secondary)}.hash-algorithm-selector{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.hash-algorithm-label{font-size:13px;color:var(--text-secondary);font-weight:500}.hash-algorithm-select{padding:6px var(--space-md);font-size:13px;min-width:200px}.hash-algorithm-warning{width:100%;font-size:12px;color:var(--accent-amber);margin-top:var(--space-xs)}.hash-file-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.hash-file-item{display:flex;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)}.hash-file-name{font-family:var(--font-mono);font-size:13px;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hash-file-size{font-size:12px;color:var(--text-muted);white-space:nowrap}.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);font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.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{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-muted);margin-bottom:var(--space-sm)}.hash-result-filename{font-size:13px;color:var(--text-primary)}.hash-result-size{font-size:12px;color:var(--text-muted)}.hash-result-hash-row{display:flex;align-items:flex-start;gap:var(--space-sm)}.hash-result-hash{font-family:var(--font-mono);font-size:13px;color:var(--accent-cyan);word-break:break-all;flex:1;line-height:1.6;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.hash-copy-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;transition:all .15s}.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{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-sm)}.hash-compare-input{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:13px}.hash-compare-result{display:flex;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}.hash-compare-result--match{background:#10b9811a;color:var(--accent-green)}.hash-compare-result--mismatch{background:#ef44441a;color:var(--accent-red)}.magic-byte-result{margin-top:var(--space-md)}.magic-byte-status{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:14px;font-weight:500;margin-bottom:var(--space-lg)}.magic-byte-status--match{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--accent-green)}.magic-byte-status--mismatch{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:var(--accent-amber)}.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{font-size:13px;color:var(--text-muted);font-style:italic;margin-bottom:var(--space-lg)}.magic-byte-hex-section{margin-bottom:var(--space-md)}.magic-byte-hex-title{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm)}.magic-byte-hex-dump{font-family:var(--font-mono);font-size:12px;color:var(--accent-cyan);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);overflow-x:auto;line-height:1.8;white-space:pre}.encrypt-input-section{margin-bottom:var(--space-md)}.encrypt-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-sm)}.encrypt-password-section{margin-bottom:var(--space-lg)}.encrypt-password-input{width:100%;padding:10px var(--space-md);font-size:14px}.password-strength{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm)}.password-strength-bar{display:flex;gap:3px;flex:1;max-width:200px}.password-strength-segment{height:4px;flex:1;border-radius:2px;background:var(--bg-tertiary);transition:background .2s}.password-strength-label{font-size:12px;font-weight:500;white-space:nowrap}.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{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.encrypt-output-text{font-family:var(--font-mono);font-size:13px;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;line-height:1.6;max-height:300px;overflow-y:auto}.qr-input-section{margin-bottom:var(--space-md)}.qr-options{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg)}.qr-option-group{display:flex;flex-direction:column;gap:var(--space-xs)}.qr-option-label{font-size:12px;color:var(--text-muted);font-weight:500}.qr-option-select{padding:6px var(--space-md);font-size:13px;min-width:140px}.qr-color-input{width:40px;height:32px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);cursor:pointer}.qr-preview-section{display:flex;flex-direction:column;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)}.qr-preview-wrapper{padding:var(--space-md);background:#fff;border-radius:var(--radius-md);display:inline-block}.qr-preview-image{display:block;image-rendering:pixelated}.qr-placeholder-text{text-align:center;color:var(--text-muted);font-size:14px;padding:var(--space-xl) 0}.password-option-section{margin-bottom:var(--space-lg)}.password-option-label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-sm)}.password-option-label strong{color:var(--text-primary);font-family:var(--font-mono)}.password-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:3px;outline:none;border:none;padding:0}.password-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-cyan);cursor:pointer;border:2px solid var(--bg-primary)}.password-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-cyan);cursor:pointer;border:2px solid var(--bg-primary)}.password-slider-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);margin-top:4px}.password-checkboxes{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);margin-bottom:var(--space-lg)}.password-checkbox{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;color:var(--text-secondary);cursor:pointer}.password-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-cyan);cursor:pointer}.password-strength-preview{display:flex;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)}.password-results{display:flex;flex-direction:column;gap:var(--space-sm)}.password-row{display:flex;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)}.password-row-index{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);flex-shrink:0;width:28px}.password-row-value{font-family:var(--font-mono);font-size:15px;color:var(--text-primary);flex:1;word-break:break-all;line-height:1.5}.text-tool-textarea--mono{font-family:var(--font-mono);font-size:13px}.text-tool-options{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg)}.text-tool-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer}.text-tool-toggle input[type=checkbox],.text-tool-toggle input[type=radio]{accent-color:var(--accent-cyan);width:16px;height:16px;cursor:pointer}.text-tool-summary{padding:var(--space-sm) var(--space-md);background:#ffc20e14;border-left:3px solid var(--accent-cyan);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-lg)}.text-tool-copy-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .15s}.text-tool-copy-btn:hover{border-color:var(--text-muted);color:var(--text-primary);background:var(--bg-tertiary)}.text-tool-file-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.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{display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}@media (max-width: 600px){.find-replace-fields{flex-direction:column}}.find-replace-field{flex:1}.find-replace-label{display:block;font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:var(--space-xs)}.find-replace-input{width:100%;padding:8px var(--space-md);font-size:14px}.find-replace-options{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md)}.find-replace-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.find-replace-match-count{font-family:var(--font-mono);font-size:13px;color:var(--accent-cyan)}.find-replace-output{margin-bottom:var(--space-lg)}.find-replace-output-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.find-replace-output-title{font-size:13px;font-weight:500;color:var(--text-secondary)}.text-diff-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-lg)}@media (max-width: 767px){.text-diff-inputs{grid-template-columns:1fr}}.text-diff-input-col{display:flex;flex-direction:column}.text-diff-input-col .text-tool-textarea{flex:1;margin-bottom:0}.text-diff-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-sm)}.text-diff-result{margin-bottom:var(--space-lg)}.text-diff-summary{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md)}.text-diff-stat{font-family:var(--font-mono);font-size:13px;padding:2px 10px;border-radius:12px}.text-diff-stat--added{background:#10b98126;color:var(--accent-green)}.text-diff-stat--removed{background:#ef444426;color:var(--accent-red)}.text-diff-stat--changed{background:#f59e0b26;color:var(--accent-amber)}.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);overflow:auto;max-height:500px;font-family:var(--font-mono);font-size:13px;line-height:1.6}.text-diff-line{display:flex;padding:1px var(--space-md);border-left:3px solid transparent}.text-diff-line--added{background:#10b9811a;border-left-color:var(--accent-green)}.text-diff-line--removed{background:#ef44441a;border-left-color:var(--accent-red)}.text-diff-line--equal{color:var(--text-muted)}.text-diff-line-prefix{flex-shrink:0;width:20px;color:var(--text-muted);user-select:none}.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{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.csv-diff-or{font-size:12px;color:var(--text-muted)}.csv-diff-filename{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.csv-diff-result{margin-bottom:var(--space-lg)}.csv-diff-table-wrapper{overflow-x:auto;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);max-height:500px;overflow-y:auto}.csv-diff-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:12px}.csv-diff-table th{position:sticky;top:0;background:var(--bg-tertiary);padding:6px 10px;text-align:left;font-weight:500;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.csv-diff-table td{padding:4px 10px;border-bottom:1px solid rgba(71,85,105,.3);color:var(--text-secondary);white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.csv-diff-row-num{width:40px;text-align:center;color:var(--text-muted)!important;font-size:11px}.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{display:flex;flex-direction:column;gap:2px}.csv-diff-cell-old{color:var(--accent-red);text-decoration:line-through;font-size:11px}.csv-diff-cell-new{color:var(--accent-green);font-size:11px}.json-formatter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.json-formatter-indent{display:flex;align-items:center;gap:var(--space-sm)}.json-formatter-select{padding:6px 10px;font-size:13px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary)}.json-formatter-buttons{display:flex;gap:var(--space-sm)}.json-formatter-output{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);overflow:auto;max-height:500px;font-family:var(--font-mono);font-size:13px;line-height:1.6;margin-bottom:var(--space-lg)}.json-formatter-line{display:flex;gap:var(--space-md)}.json-formatter-line-num{flex-shrink:0;width:36px;text-align:right;color:var(--text-muted);user-select:none;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);background:#10b9811a;border-left:3px solid var(--accent-green);border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--accent-green);margin-bottom:var(--space-lg)}.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);font-size:14px;color:var(--text-primary);margin-bottom:var(--space-md);word-break:break-all}.csv-encoding-detail{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.csv-encoding-label{font-size:13px;color:var(--text-muted)}.csv-encoding-value{font-family:var(--font-mono);font-size:13px;padding:2px 8px;border-radius:10px}.csv-encoding-value--ok{background:#10b98126;color:var(--accent-green)}.csv-encoding-value--warning{background:#f59e0b26;color:var(--accent-amber)}.csv-encoding-explanation{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-top:var(--space-sm)}.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{font-size:13px;font-weight:500;color:var(--accent-cyan);margin-bottom:var(--space-sm)}.csv-encoding-preview-table{font-family:var(--font-mono);font-size:12px}.csv-encoding-preview-row{display:flex;gap:var(--space-md);padding:2px 0;border-bottom:1px solid rgba(71,85,105,.2)}.csv-encoding-preview-num{flex-shrink:0;width:24px;text-align:right;color:var(--text-muted);user-select:none}.csv-encoding-preview-text{white-space:pre;color:var(--text-secondary)}.base64-file-upload{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.unit-converter-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);padding:3px}.unit-converter-tab{padding:6px var(--space-md);font-size:12px;font-weight:500;color:var(--text-muted);border-radius:var(--radius-sm);transition:all .15s;white-space:nowrap}.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{display:flex;align-items:flex-end;gap:var(--space-md)}@media (max-width: 600px){.unit-converter-row{flex-direction:column;align-items:stretch}}.unit-converter-field{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.unit-converter-label{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.unit-converter-input{width:100%;padding:10px var(--space-md);font-family:var(--font-mono);font-size:18px;font-weight:600;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary)}.unit-converter-input:focus{border-color:var(--accent-cyan);outline:none}.unit-converter-select{width:100%;padding:8px var(--space-md);font-size:13px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary)}.unit-converter-swap{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:20px;color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:50%;flex-shrink:0;transition:all .15s;margin-bottom:var(--space-sm)}.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);font-size:14px;color:var(--accent-cyan)}.date-diff-tabs{display:flex;gap:2px;margin-bottom:var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);padding:3px}.date-diff-tab{flex:1;padding:var(--space-sm) var(--space-md);font-size:13px;font-weight:500;color:var(--text-muted);border-radius:var(--radius-sm);transition:all .15s;text-align:center}.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{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg)}@media (max-width: 600px){.date-diff-inputs{flex-direction:column}}.date-diff-field{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.date-diff-label{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.date-diff-input-row{display:flex;gap:var(--space-sm);align-items:center}.date-diff-date-input{flex:1;padding:8px var(--space-md);font-size:14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary)}.date-diff-date-input:focus{border-color:var(--accent-cyan);outline:none}.date-diff-today-btn{padding:8px 12px;font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;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);font-size:14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);min-width:120px}.date-diff-number-input{flex:1;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);min-width:100px}.date-diff-number-input:focus{border-color:var(--accent-cyan);outline:none}.date-diff-days-label{font-size:13px;color:var(--text-muted);white-space:nowrap}.date-diff-results{border-top:1px solid var(--border);padding-top:var(--space-lg)}.date-diff-note{font-size:13px;color:var(--accent-amber);margin-bottom:var(--space-md)}.date-diff-summary{margin-bottom:var(--space-lg)}.date-diff-summary-main{font-family:var(--font-mono);font-size:22px;font-weight:600;color:var(--accent-cyan)}.date-diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}@media (max-width: 500px){.date-diff-grid{grid-template-columns:repeat(2,1fr)}}.date-diff-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md)}.date-diff-stat-value{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--text-primary)}.date-diff-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.date-diff-result-date{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center}.date-diff-result-label{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.date-diff-result-value{font-size:20px;font-weight:600;color:var(--text-primary)}.date-diff-result-iso{font-family:var(--font-mono);font-size:14px;color:var(--accent-cyan)}.timestamp-tabs{display:flex;gap:2px;margin-bottom:var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);padding:3px}.timestamp-tab{flex:1;padding:var(--space-sm) var(--space-md);font-size:13px;font-weight:500;color:var(--text-muted);border-radius:var(--radius-sm);transition:all .15s;text-align:center}.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{display:block;font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.timestamp-input-row{display:flex;gap:var(--space-sm);align-items:center}.timestamp-input{flex:1;padding:10px var(--space-md);font-family:var(--font-mono);font-size:14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary)}.timestamp-input:focus{border-color:var(--accent-cyan);outline:none}.timestamp-now-btn{padding:10px 16px;font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;transition:all .15s}.timestamp-now-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.timestamp-detected{display:inline-block;margin-top:var(--space-sm);font-size:12px;color:var(--accent-cyan);padding:2px 10px;background:#ffc20e1a;border-radius:12px}.timestamp-results{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--border);padding-top:var(--space-md)}.timestamp-result-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:background .1s}.timestamp-result-row:hover{background:var(--bg-tertiary)}.timestamp-result-label{font-size:12px;font-weight:500;color:var(--text-muted);min-width:110px;flex-shrink:0}.timestamp-result-value-row{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.timestamp-result-value{font-family:var(--font-mono);font-size:13px;color:var(--text-primary);word-break:break-all}.timestamp-copy-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--text-muted);border-radius:var(--radius-sm);flex-shrink:0;transition:all .15s}.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{display:block;font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.filesize-input-row{display:flex;gap:var(--space-sm);align-items:center}.filesize-input{flex:1;padding:10px var(--space-md);font-family:var(--font-mono);font-size:18px;font-weight:600;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);min-width:0}.filesize-input:focus{border-color:var(--accent-cyan);outline:none}.filesize-select{padding:10px var(--space-md);font-size:14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);min-width:160px}.filesize-results{display:flex;flex-direction:column;gap:var(--space-lg);border-top:1px solid var(--border);padding-top:var(--space-lg)}.filesize-results-section{display:flex;flex-direction:column;gap:var(--space-sm)}.filesize-results-title{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-xs)}.filesize-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}@media (max-width: 600px){.filesize-results-grid{grid-template-columns:repeat(2,1fr)}}.filesize-result-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid transparent;transition:border-color .15s}.filesize-result-item--active{border-color:var(--accent-cyan);background:#ffc20e0d}.filesize-result-value{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--text-primary);word-break:break-all}.filesize-result-unit{font-size:11px;color:var(--text-muted)}.regex-tester-panel{display:flex;flex-direction:column;gap:var(--space-md)}.regex-tester-input-group{display:flex;flex-direction:column;gap:var(--space-sm)}.regex-tester-label{display:flex;align-items:center;gap:var(--space-sm);font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.regex-tester-match-count{font-family:var(--font-mono);font-size:12px;color:var(--accent-cyan);background:#ffc20e1a;padding:1px 8px;border-radius:10px;text-transform:none;letter-spacing:0}.regex-tester-pattern-row{display:flex;align-items:center;gap:0;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.regex-tester-pattern-row:focus-within{border-color:var(--accent-cyan)}.regex-tester-delim{font-family:var(--font-mono);font-size:16px;color:var(--text-muted);padding:0 var(--space-sm);flex-shrink:0}.regex-tester-pattern-input{flex:1;padding:10px 0;font-family:var(--font-mono);font-size:15px;color:var(--text-primary);background:transparent;border:none;outline:none;min-width:0}.regex-tester-flags{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg)}.regex-tester-flag{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer}.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);font-weight:600;color:var(--accent-cyan);font-size:14px}.regex-tester-flag-label{color:var(--text-muted);font-size:12px}.regex-tester-presets{display:flex;flex-direction:column;gap:var(--space-sm)}.regex-tester-presets-label{font-size:12px;font-weight:500;color:var(--text-muted)}.regex-tester-presets-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.regex-tester-preset-btn{padding:4px 10px;font-size:12px;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;transition:all .15s;white-space:nowrap}.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);font-size:14px;line-height:1.6;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);resize:vertical}.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);font-size:14px;line-height:1.8;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;overflow-y:auto;color:var(--text-primary)}.regex-tester-highlight{background:#ffc20e40;color:var(--accent-cyan);border-radius:2px;padding:1px 0}.regex-tester-matches{display:flex;flex-direction:column;gap:var(--space-sm);max-height:400px;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{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.regex-tester-match-num{font-size:12px;font-weight:600;color:var(--accent-cyan)}.regex-tester-match-index{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.regex-tester-match-copy{margin-left:auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-muted);border-radius:var(--radius-sm);transition:all .15s}.regex-tester-match-copy:hover{color:var(--accent-cyan);background:#ffc20e1a}.regex-tester-match-value{font-family:var(--font-mono);font-size:13px;color:var(--text-primary);word-break:break-all}.regex-tester-match-groups{margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.regex-tester-match-group{display:flex;align-items:baseline;gap:var(--space-sm);font-size:12px}.regex-tester-group-label{color:var(--text-muted);font-size:11px;white-space:nowrap}.regex-tester-group-value{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.regex-tester-no-match{text-align:center;padding:var(--space-lg);color:var(--text-muted);font-size:14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.jwt-panel{display:flex;flex-direction:column;gap:var(--space-md)}.jwt-input-group{display:flex;flex-direction:column;gap:var(--space-sm)}.jwt-label{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.jwt-textarea{width:100%;min-height:100px;padding:var(--space-md);font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);resize:vertical;word-break:break-all}.jwt-textarea:focus{border-color:var(--accent-cyan);outline:none}.jwt-textarea::placeholder{color:var(--text-muted);font-size:12px;word-break:break-all}.jwt-raw{font-family:var(--font-mono);font-size:12px;line-height:1.6;padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);word-break:break-all;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{display:flex;align-items:center}.jwt-exp-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.jwt-exp-badge--valid{background:#10b98126;color:var(--accent-green)}.jwt-exp-badge--expired{background:#ef444426;color:var(--accent-red)}.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{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.jwt-section-title{font-size:13px;font-weight:600;color:var(--text-primary)}.jwt-section-copy{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--text-muted);border-radius:var(--radius-sm);transition:all .15s}.jwt-section-copy:hover{color:var(--accent-cyan);background:#ffc20e1a}.jwt-section-code{padding:var(--space-md);font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--text-primary);margin:0;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.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);font-size:12px;color:var(--text-muted);font-style:italic;border-top:1px solid var(--border)}.colour-converter-panel{display:flex;flex-direction:column;gap:var(--space-lg)}.colour-input-group{display:flex;flex-direction:column;gap:var(--space-sm)}.colour-label{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.colour-input-row{display:flex;gap:var(--space-sm);align-items:center}.colour-picker{width:44px;height:44px;padding:2px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);cursor:pointer;flex-shrink:0}.colour-picker::-webkit-color-swatch-wrapper{padding:0}.colour-picker::-webkit-color-swatch{border:none;border-radius:2px}.colour-text-input{flex:1;padding:10px var(--space-md);font-family:var(--font-mono);font-size:14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary)}.colour-text-input:focus{border-color:var(--accent-cyan);outline:none}.colour-text-input::placeholder{font-size:12px;color:var(--text-muted)}.colour-alpha-row{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-sm)}.colour-alpha-label{font-size:13px;color:var(--text-secondary);white-space:nowrap;min-width:100px}.colour-alpha-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:3px;outline:none;border:none;padding:0}.colour-alpha-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-cyan);cursor:pointer;border:2px solid var(--bg-primary)}.colour-alpha-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-cyan);cursor:pointer;border:2px solid var(--bg-primary)}.colour-no-parse{text-align:center;padding:var(--space-lg);color:var(--accent-amber);font-size:13px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md)}.colour-preview-section{display:flex;gap:var(--space-md);align-items:stretch}.colour-preview-swatch{flex:1;min-height:120px;border-radius:var(--radius-md);border:1px solid var(--border)}.colour-preview-swatch--checker{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;position:relative}.colour-preview-swatch--checker:after{content:"";position:absolute;inset:0;border-radius:inherit}.colour-formats{display:flex;flex-direction:column;gap:2px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.colour-format-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);transition:background .1s}.colour-format-row:hover{background:var(--bg-tertiary)}.colour-format-label{font-size:12px;font-weight:600;color:var(--text-muted);min-width:40px;flex-shrink:0}.colour-format-value-row{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.colour-format-value{font-family:var(--font-mono);font-size:14px;color:var(--text-primary);word-break:break-all}.colour-copy-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--text-muted);border-radius:var(--radius-sm);flex-shrink:0;transition:all .15s}.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{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}@media (max-width: 500px){.colour-detail-grid{grid-template-columns:repeat(2,1fr)}}.colour-detail-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.colour-detail-label{font-size:11px;color:var(--text-muted)}.colour-detail-value{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--text-primary)}.htw{max-width:820px;margin:0 auto;padding-bottom:var(--space-2xl)}.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{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:18px}.htw-kicker:before,.htw-kicker:after{content:"";width:20px;height:1px;background:currentColor;opacity:.7}.htw-title{font-family:var(--font-display);font-size:44px;font-weight:500;font-variation-settings:"opsz" 72,"SOFT" 40;letter-spacing:-.02em;line-height:1.05;color:var(--text-parchment);margin-bottom:14px}.htw-subtitle{font-family:var(--font-sans);font-size:16px;line-height:1.55;color:var(--text-secondary);max-width:600px;margin:0 auto}.htw-section{margin-bottom:var(--space-2xl)}.htw-section-title{display:flex;align-items:baseline;gap:12px;font-family:var(--font-display);font-size:22px;font-weight:500;font-variation-settings:"opsz" 36,"SOFT" 40;letter-spacing:-.01em;color:var(--text-parchment);margin-bottom:14px}.htw-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-hairline) 0%,transparent 100%)}@media (max-width: 767px){.htw-title{font-size:32px}}.htw-section-intro{color:var(--text-secondary);font-size:15px;line-height:1.7;margin-bottom:var(--space-lg)}.htw-promise{display:flex;gap:var(--space-lg);align-items:flex-start;padding:var(--space-lg);background:#ffc20e0f;border:1px solid rgba(255,194,14,.2);border-radius:var(--radius-lg)}.htw-promise svg{color:var(--accent-cyan);flex-shrink:0;margin-top:2px}.htw-promise h2{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.htw-promise p{color:var(--text-secondary);font-size:15px;line-height:1.7}.htw-diagram{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);max-width:560px;margin:0 auto}.htw-diagram-step{display:flex;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)}.htw-diagram-step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;background:var(--accent-cyan);color:#0a1628;font-weight:700;font-size:15px;border-radius:50%;line-height:1}.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{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);color:var(--accent-green);font-size:14px}.htw-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-md);align-items:center}@media (max-width: 700px){.htw-comparison{grid-template-columns:1fr}.htw-comparison-arrow{transform:rotate(90deg);justify-self:center}}.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{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.htw-comparison-card--bad .htw-comparison-header{color:var(--accent-red)}.htw-comparison-card--good .htw-comparison-header{color:var(--accent-green)}.htw-comparison-header h3{font-size:16px;font-weight:600}.htw-comparison-steps{list-style:none;counter-reset:steps;padding:0;margin:0 0 var(--space-md) 0}.htw-comparison-steps li{counter-increment:steps;position:relative;padding:6px 0 6px 32px;color:var(--text-secondary);font-size:14px;line-height:1.5}.htw-comparison-steps li:before{content:counter(steps);position:absolute;left:0;width:22px;height:22px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-muted);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}.htw-comparison-verdict{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:13px;font-weight:500;background:#ef444414;color:var(--accent-red)}.htw-comparison-verdict--good{background:#10b98114;color:var(--accent-green)}.htw-comparison-arrow{color:var(--text-muted)}.htw-verify-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}@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{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffc20e1a;border-radius:var(--radius-md);color:var(--accent-cyan);margin-bottom:var(--space-md)}.htw-verify-card h3{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.htw-verify-card p{font-size:14px;color:var(--text-secondary);line-height:1.6}.htw-compliance-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@media (max-width: 600px){.htw-compliance-grid{grid-template-columns:1fr}}.htw-compliance-card{display:flex;gap:var(--space-md);align-items:flex-start;padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg)}.htw-compliance-card svg{color:var(--accent-cyan);flex-shrink:0;margin-top:2px}.htw-compliance-card h3{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.htw-compliance-card p{font-size:13px;color:var(--text-secondary);line-height:1.6}.htw-compliance-card--link{text-decoration:none;cursor:pointer;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-timeline{position:relative;list-style:none;padding:var(--space-sm) 0 var(--space-sm) 0;margin:var(--space-md) 0 0 0}.htw-timeline:before{content:"";position:absolute;left:19px;top:12px;bottom:12px;width:2px;background:linear-gradient(to bottom,#ffc20e00,#ffc20e73 12%,#ffc20ea6,#ffc20e73 88%,#ffc20e00);border-radius:1px}.htw-timeline-item{position:relative;padding:0 0 var(--space-lg) 56px;min-height:40px}.htw-timeline-item:last-child{padding-bottom:0}.htw-timeline-node{position:absolute;left:0;top:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-card);border:2px solid var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 0 4px var(--bg-primary),0 0 16px #ffc20e33;z-index:2;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.htw-timeline-item:hover .htw-timeline-node{transform:scale(1.08);box-shadow:0 0 0 4px var(--bg-primary),0 0 24px #ffc20e73;background:#ffc20e14}.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{position:relative;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 ease,border-color .2s ease}.htw-timeline-item:hover .htw-timeline-content{transform:translate(2px);border-color:#ffc20e40}.htw-timeline-content:before{content:"";position:absolute;left:-7px;top:16px;width:12px;height:12px;background:var(--bg-card);border-left:1px solid var(--border-hairline);border-bottom:1px solid var(--border-hairline);transform:rotate(45deg);transition:border-color .2s ease}.htw-timeline-item:hover .htw-timeline-content:before{border-color:#ffc20e40}.htw-timeline-year{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-primary);background:#ffc20e14;border:1px solid rgba(255,194,14,.25);padding:2px 8px;border-radius:3px;margin-bottom:var(--space-sm)}.htw-timeline-item--era .htw-timeline-year{color:var(--text-secondary);background:#ffffff0a;border-color:var(--border-hairline)}.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);font-size:18px;font-weight:500;color:var(--text-parchment);margin:0 0 6px;letter-spacing:-.01em}.htw-timeline-body{font-size:14.5px;line-height:1.6;color:var(--text-secondary);margin:0}.htw-timeline-tech{display:inline-block;margin-top:var(--space-sm);font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.04em;padding-top:6px;border-top:1px dashed var(--border-hairline)}@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-decoration:underline;text-underline-offset:3px}.htw-link:hover{opacity:.85}.htw-subsection-title{font-size:17px;font-weight:600;color:var(--text-primary);margin:var(--space-xl) 0 var(--space-sm)}.htw-security-callout{background:#ffc20e0f;border:1px solid rgba(255,194,14,.25);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.htw-security-callout-header{display:flex;align-items:center;gap:var(--space-sm);color:var(--accent-cyan);margin-bottom:var(--space-md);font-size:15px}.htw-security-essentials{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm);counter-reset:essentials}.htw-security-essentials li{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:14px;color:var(--text-secondary);counter-increment:essentials}.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{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.htw-encrypt-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.htw-encrypt-card-header{display:flex;align-items:center;gap:var(--space-sm);color:var(--accent-cyan)}.htw-encrypt-card-header h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.htw-encrypt-steps{margin:0;padding-left:var(--space-lg);display:flex;flex-direction:column;gap:6px}.htw-encrypt-steps li{font-size:13px;color:var(--text-secondary);line-height:1.5}.htw-encrypt-steps li code{font-family:var(--font-mono);font-size:12px;background:var(--bg-tertiary);padding:1px 5px;border-radius:3px;color:var(--accent-cyan)}.htw-encrypt-steps li strong{color:var(--text-primary)}.htw-encrypt-tip{display:flex;align-items:flex-start;gap:var(--space-xs);font-size:12px;color:var(--accent-green);background:#10b98114;border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);margin-top:auto}.htw-encrypt-tip svg{flex-shrink:0;margin-top:1px}.htw-device-grid{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.htw-device-card{display:flex;gap:var(--space-md);align-items:flex-start;padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.htw-device-card svg{color:var(--accent-cyan);flex-shrink:0;margin-top:2px}.htw-device-card h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.htw-device-card p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.6}.htw-ai-warning{display:flex;gap:var(--space-md);align-items:flex-start;padding:var(--space-md) var(--space-lg);background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);margin-top:var(--space-xl)}.htw-ai-warning svg{color:#ef4444;flex-shrink:0;margin-top:2px}.htw-ai-warning strong{display:block;color:#ef4444;font-size:14px;margin-bottom:var(--space-xs)}.htw-ai-warning p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0}.htw-faq{display:flex;flex-direction:column;gap:2px}.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);font-size:15px;font-weight:500;color:var(--text-primary);cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--space-sm)}.htw-faq-item summary::-webkit-details-marker{display:none}.htw-faq-item summary:before{content:"+";font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--accent-cyan);width:20px;flex-shrink:0}.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;font-size:14px;color:var(--text-secondary);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{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.tap-agency-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.05em}.tap-agency-badge--cihr{background:#dc262626;color:#f87171;border:1px solid rgba(220,38,38,.3)}.tap-agency-badge--nserc{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.tap-agency-badge--sshrc{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.tap-agency-sep{color:var(--text-muted);font-size:18px}.tap-title{font-family:var(--font-display);font-size:40px;font-weight:500;font-variation-settings:"opsz" 72,"SOFT" 40;letter-spacing:-.02em;color:var(--text-parchment);margin-bottom:14px;line-height:1.1}.tap-subtitle{font-family:var(--font-sans);font-size:16px;color:var(--text-secondary);max-width:620px;margin:0 auto var(--space-md);line-height:1.6}@media (max-width: 767px){.tap-title{font-size:30px}}.tap-source-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--accent-cyan);border:1px solid rgba(255,194,14,.3);border-radius:20px;padding:5px 14px;transition:background .15s}.tap-source-link:hover{background:#ffc20e14}.tap-section{margin-bottom:var(--space-2xl)}.tap-section-title{display:flex;align-items:baseline;gap:12px;font-family:var(--font-display);font-size:22px;font-weight:500;font-variation-settings:"opsz" 36,"SOFT" 40;letter-spacing:-.01em;color:var(--text-parchment);margin-bottom:14px}.tap-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-hairline) 0%,transparent 100%)}.tap-section-intro{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-lg)}.tap-inline-link{color:var(--accent-cyan);text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;gap:3px}.tap-what-is{display:grid;grid-template-columns:1fr auto;gap:var(--space-xl);align-items:start}@media (max-width: 640px){.tap-what-is{grid-template-columns:1fr}}.tap-what-is-text h2{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.tap-what-is-text p{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-sm)}.tap-not-open-data{display:flex;gap:var(--space-sm);align-items:flex-start;padding:var(--space-sm) var(--space-md);background:#ffc20e0f;border:1px solid rgba(255,194,14,.2);border-radius:var(--radius-md);font-size:13px;color:var(--text-secondary);margin-top:var(--space-md)}.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{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.tap-pillar{display:flex;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}.tap-pillar svg{color:var(--accent-cyan);flex-shrink:0}.tap-pillar div{display:flex;flex-direction:column}.tap-pillar strong{font-size:13px;color:var(--text-primary)}.tap-pillar span{font-size:11px;color:var(--text-muted)}.tap-pillar-arrow{color:var(--text-muted)}.tap-fair-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.tap-fair-card{display:flex;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;transition:border-color .15s,background .15s;width:100%;cursor:pointer}.tap-fair-card--open{background:var(--bg-tertiary)}.tap-fair-card:hover{border-color:var(--fair-color, var(--accent-cyan))}.tap-fair-letter{width:36px;height:36px;border-radius:50%;background:var(--fair-color, var(--accent-cyan));color:#0a1628;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;flex-shrink:0;font-family:var(--font-mono)}.tap-fair-body{flex:1;min-width:0}.tap-fair-header{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.tap-fair-header svg{color:var(--fair-color, var(--accent-cyan));flex-shrink:0}.tap-fair-header strong{font-size:15px;color:var(--text-primary)}.tap-fair-plain{font-size:13px;color:var(--text-secondary);flex:1}.tap-fair-chevron{color:var(--text-muted);margin-left:auto;flex-shrink:0;transition:transform .2s}.tap-fair-chevron--open{transform:rotate(180deg)}.tap-fair-details{list-style:none;margin:var(--space-sm) 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.tap-fair-details li{display:flex;align-items:flex-start;gap:var(--space-xs);font-size:13px;color:var(--text-secondary);line-height:1.5}.tap-fair-details li svg{color:var(--fair-color, var(--accent-cyan));flex-shrink:0;margin-top:1px}.tap-role-tabs{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-md)}.tap-role-tab{display:flex;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);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .15s}.tap-role-tab:hover{border-color:var(--text-muted);color:var(--text-primary)}.tap-role-tab--active{background:#ffc20e1a;border-color:var(--accent-cyan);color:var(--accent-cyan)}.tap-role-tab svg{flex-shrink:0}.tap-role-content{display:flex;flex-direction:column;gap:var(--space-sm)}.tap-obligation{display:flex;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)}.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{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 7px;border-radius:10px;background:#ffc20e26;color:var(--accent-cyan);margin-bottom:4px}.tap-obligation-badge--rec{background:#10b9811f;color:var(--accent-green)}.tap-obligation p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.6}.tap-dmp-list{display:flex;flex-direction:column;gap:2px}.tap-dmp-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.tap-dmp-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);width:100%;text-align:left;cursor:pointer;transition:background .15s}.tap-dmp-header:hover{background:var(--bg-tertiary)}.tap-dmp-num{width:26px;height:26px;border-radius:50%;background:var(--accent-cyan);color:#0a1628;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tap-dmp-title{font-size:14px;font-weight:600;color:var(--text-primary);flex:1}.tap-dmp-chevron{color:var(--text-muted);transition:transform .2s}.tap-dmp-chevron--open{transform:rotate(180deg)}.tap-dmp-items{list-style:none;margin:0;padding:0 var(--space-md) var(--space-md) var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.tap-dmp-items li{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:13px;color:var(--text-secondary);line-height:1.5}.tap-dmp-checkbox{width:16px;height:16px;border:1.5px solid var(--border);border-radius:3px;flex-shrink:0;margin-top:1px;background:var(--bg-tertiary)}.fc{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-xl);width:100%;max-width:680px;margin-left:auto;margin-right:auto}.fc-diamond-wrap{display:flex;justify-content:center;width:100%;margin:4px 0}.fc-diamond{width:300px;clip-path:polygon(32px 0%,calc(100% - 32px) 0%,100% 50%,calc(100% - 32px) 100%,32px 100%,0% 50%);background:var(--accent-cyan);padding:2px;display:flex;align-items:stretch;flex-shrink:0}.fc-diamond span{display:flex;align-items:center;justify-content:center;flex:1;clip-path:polygon(30px 0%,calc(100% - 30px) 0%,100% 50%,calc(100% - 30px) 100%,30px 100%,0% 50%);background:var(--bg-secondary);padding:14px 52px;font-size:12px;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.5;transform:none}.fc-branch-row{display:flex;align-items:flex-start;width:100%;gap:0}.fc-yes-col{display:flex;flex-direction:column;align-items:center;flex:0 0 50%}.fc-no-col{display:flex;align-items:center;flex:1;padding-top:18px}.fc-line-v{width:2px;height:24px;background:var(--border);flex-shrink:0}.fc-line-h{height:2px;flex:0 0 20px;background:var(--border)}.fc-label{font-size:11px;font-weight:700;letter-spacing:.08em;padding:2px 8px;border-radius:10px;flex-shrink:0}.fc-label--yes{background:#10b98126;color:var(--accent-green)}.fc-label--no{background:#ef44441a;color:#f87171;margin:0 6px}.fc-outcome{display:flex;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}.fc-outcome span{font-size:20px;flex-shrink:0;line-height:1;margin-top:2px}.fc-outcome strong{display:block;font-size:13px;color:var(--text-primary);margin-bottom:3px}.fc-outcome p{font-size:12px;color:var(--text-secondary);margin:0;line-height:1.5}.fc-outcome--stop{background:#ef444414;border:1px solid rgba(239,68,68,.25)}.fc-outcome--wait{background:#fbbf2414;border:1px solid rgba(251,191,36,.25)}.fc-outcome--restricted{background:#a855f714;border:1px solid rgba(168,85,247,.25)}.fc-outcome--open{background:#3b82f614;border:1px solid rgba(59,130,246,.25)}.fc-split-row{display:flex;width:100%;gap:var(--space-md)}.fc-split-col{flex:1;display:flex;flex-direction:column;align-items:center}.fc-split-col .fc-outcome{width:100%}.fc-merge-line{width:100%;display:flex;justify-content:center;padding:0 calc(25% + var(--space-md)/2)}.fc-merge-line-inner{width:2px;height:24px;background:var(--border)}.fc-action{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:#10b98114;border:2px solid var(--accent-green);border-radius:var(--radius-md);width:100%}.fc-action svg{color:var(--accent-green);flex-shrink:0;margin-top:2px}.fc-action strong{display:block;font-size:14px;color:var(--text-primary);margin-bottom:4px}.fc-action p{font-size:13px;color:var(--text-secondary);margin:0;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:0 0 auto}.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{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-sans);font-size:10px;font-weight:700;color:var(--accent-primary);letter-spacing:.24em;text-transform:uppercase;margin-bottom:18px}.drac-hero-logo:before{content:"";width:20px;height:1px;background:currentColor;opacity:.7}.drac-hero-logo svg{color:var(--accent-primary)}.drac-title{font-family:var(--font-display);font-size:40px;font-weight:500;font-variation-settings:"opsz" 72,"SOFT" 40;letter-spacing:-.02em;color:var(--text-parchment);margin-bottom:14px;line-height:1.1}.drac-subtitle{font-family:var(--font-sans);font-size:16px;color:var(--text-secondary);max-width:620px;margin:0 auto var(--space-lg);line-height:1.6}@media (max-width: 767px){.drac-title{font-size:30px}}.drac-stats{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg)}.drac-stat{display:flex;flex-direction:column;align-items:center}.drac-stat strong{font-size:22px;font-weight:700;color:var(--text-primary);line-height:1}.drac-stat span{font-size:11px;color:var(--text-muted);margin-top:3px}.drac-stat-div{width:1px;height:32px;background:var(--border)}.drac-hero-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--accent-cyan);border:1px solid rgba(255,194,14,.3);border-radius:20px;padding:5px 14px;transition:background .15s}.drac-hero-link:hover{background:#ffc20e14}.drac-tabs{display:flex;gap:2px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px;margin-bottom:var(--space-xl);flex-wrap:wrap}.drac-tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .15s;flex:1;justify-content:center;white-space:nowrap}.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{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-lg)}.drac-subsection-title{display:flex;align-items:baseline;gap:12px;font-family:var(--font-display);font-size:20px;font-weight:500;font-variation-settings:"opsz" 36,"SOFT" 40;letter-spacing:-.01em;color:var(--text-parchment);margin:var(--space-xl) 0 14px}.drac-subsection-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-hairline) 0%,transparent 100%)}.drac-concepts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.drac-concept-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:6px}.drac-concept-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:#ffc20e1a;color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:4px;flex-shrink:0}.drac-concept-card h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.drac-concept-card p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.6}.drac-concept-card code.drac-concept-code{display:block;font-family:var(--font-mono);font-size:11px;background:var(--bg-tertiary);color:var(--accent-cyan);padding:6px 10px;border-radius:var(--radius-sm);white-space:pre;margin-top:4px}.drac-concept-list{margin:4px 0 0;padding-left:16px;font-size:13px;color:var(--text-secondary);display:flex;flex-direction:column;gap:4px}.drac-concept-list li{line-height:1.5}.drac-concept-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--accent-cyan);margin-top:4px;text-decoration:none}.drac-concept-link:hover{text-decoration:underline}.drac-inline-link{color:var(--accent-cyan);text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;gap:3px}.drac-rdm-grid{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl)}.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);overflow:hidden;transition:border-color .15s}.drac-rdm-card--open{background:var(--bg-tertiary)}.drac-rdm-card-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);width:100%;text-align:left;cursor:pointer;transition:background .15s}.drac-rdm-card-header:hover{background:#ffffff05}.drac-rdm-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--tool-color, var(--accent-cyan));flex-shrink:0}.drac-rdm-header-text{flex:1;min-width:0}.drac-rdm-header-text strong{display:block;font-size:15px;color:var(--text-primary)}.drac-rdm-header-text span{font-size:12px;color:var(--text-secondary)}.drac-rdm-stat{font-size:11px;color:var(--text-muted);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);margin-top:0;padding-top:var(--space-md)}.drac-rdm-desc{font-size:13px;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-sm)}.drac-rdm-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.drac-rdm-tag{font-size:11px;padding:2px 8px;border-radius:10px;background:#ffc20e1a;color:var(--accent-cyan);border:1px solid rgba(255,194,14,.2)}.drac-rdm-details{margin-bottom:var(--space-md)}.drac-rdm-details h4{font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-xs)}.drac-rdm-details ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.drac-rdm-details li{display:flex;align-items:flex-start;gap:var(--space-xs);font-size:13px;color:var(--text-secondary);line-height:1.5}.drac-rdm-details li svg{color:var(--accent-green);flex-shrink:0;margin-top:1px}.drac-rdm-best-for{display:flex;align-items:flex-start;gap:var(--space-xs);font-size:12px;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)}.drac-rdm-best-for svg{color:var(--accent-cyan);flex-shrink:0;margin-top:1px}.drac-rdm-link{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:500;color:var(--tool-color, var(--accent-cyan));border:1px solid var(--tool-color, var(--accent-cyan));border-radius:var(--radius-sm);padding:5px 12px;transition:background .15s;opacity:.9}.drac-rdm-link:hover{background:#ffffff0d;opacity:1}.drac-lifecycle{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.drac-lifecycle h3{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.drac-lifecycle-flow{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.drac-lifecycle-step{display:flex;align-items:center;gap:var(--space-xs)}.drac-lifecycle-node{display:flex;flex-direction:column;align-items:center;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);min-width:120px}.drac-lifecycle-stage{font-size:10px;font-weight:700;color:var(--lc-color, var(--text-muted));text-transform:uppercase;letter-spacing:.06em}.drac-lifecycle-tool{font-size:12px;color:var(--text-primary);margin-top:3px;text-align:center;line-height:1.3}.drac-lifecycle-arrow{color:var(--text-muted);flex-shrink:0}.drac-access-tiers{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-xl)}@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);display:flex;flex-direction:column;gap:var(--space-sm)}.drac-tier-header{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.drac-tier-badge{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:10px;background:#ffffff0d;color:var(--tier-color, var(--accent-cyan));border:1px solid var(--tier-color, var(--accent-cyan));flex-shrink:0}.drac-tier-header strong{font-size:14px;color:var(--text-primary)}.drac-tier-card>p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0}.drac-tier-includes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.drac-tier-includes li{display:flex;align-items:flex-start;gap:var(--space-xs);font-size:12px;color:var(--text-secondary);line-height:1.5}.drac-tier-includes li svg{color:var(--tier-color, var(--accent-green));flex-shrink:0;margin-top:1px}.drac-tier-ideal{font-size:12px;color:var(--text-muted);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-top:auto}.drac-tier-ideal strong{color:var(--text-secondary)}.drac-tier-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--tier-color, var(--accent-cyan))}.drac-tier-link:hover{text-decoration:underline}.drac-systems-list{display:flex;flex-direction:column;gap:2px}.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{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);width:100%;text-align:left;cursor:pointer;transition:background .15s}.drac-system-header:hover{background:#ffffff05}.drac-system-name-wrap{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0;min-width:140px}.drac-system-name{font-size:14px;color:var(--text-primary);font-family:var(--font-mono)}.drac-system-badge{font-size:10px;padding:2px 6px;border-radius:8px;font-weight:700}.drac-system-badge--new{background:#10b98126;color:var(--accent-green)}.drac-system-type{font-size:10px;padding:2px 7px;border-radius:8px}.drac-system-type--hpc{background:#3b82f61f;color:#60a5fa}.drac-system-type--cloud{background:#a855f71f;color:#c084fc}.drac-system-type--ai{background:#10b9811f;color:#34d399}.drac-system-type--quantum{background:#fbbf241f;color:#fcd34d}.drac-system-operator{font-size:12px;color:var(--text-muted);flex:1}.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{display:flex;align-items:center;gap:var(--space-xs);font-size:12px;color:var(--accent-cyan);font-family:var(--font-mono);margin-bottom:var(--space-xs)}.drac-system-body p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.6}.drac-arc-note{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:13px;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)}.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{background:#fbbf240f;border:1px solid rgba(251,191,36,.25);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.drac-sensitive-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.drac-sensitive-header svg{color:var(--accent-cyan);flex-shrink:0}.drac-sensitive-header strong{font-size:14px;color:var(--text-primary)}.drac-sensitive-callout p{font-size:13px;color:var(--text-secondary);margin:0 0 var(--space-xs);line-height:1.6}.drac-software-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.drac-software-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.drac-software-card--highlight{border-color:var(--accent-cyan);background:#ffc20e0a}.drac-software-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--accent-cyan)}.drac-software-card h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.drac-software-card p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.6;flex:1}.drac-software-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--accent-cyan);margin-top:auto}.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{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.drac-strategy-pillars{display:flex;flex-direction:column;gap:var(--space-sm)}.drac-strategy-pillar{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.drac-strategy-num{width:26px;height:26px;border-radius:50%;background:var(--accent-cyan);color:#0a1628;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.drac-strategy-pillar strong{display:block;font-size:13px;color:var(--text-primary)}.drac-strategy-pillar p{font-size:12px;color:var(--text-secondary);margin:3px 0 0;line-height:1.5}.drac-start-steps{display:flex;flex-direction:column;gap:0;position:relative;margin-bottom:var(--space-xl)}.drac-start-step{display:flex;gap:var(--space-md);padding:var(--space-md) 0;position:relative}.drac-start-step:not(:last-child):after{content:"";position:absolute;left:17px;top:52px;bottom:0;width:2px;background:var(--border)}.drac-start-num{width:36px;height:36px;border-radius:50%;background:var(--accent-cyan);color:#0a1628;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.drac-start-body{flex:1;padding-bottom:var(--space-md)}.drac-start-body strong{display:block;font-size:14px;color:var(--text-primary);margin-bottom:4px}.drac-start-body p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-sm)}.drac-start-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--accent-cyan);border:1px solid rgba(255,194,14,.3);border-radius:10px;padding:3px 10px;transition:background .15s}.drac-start-link:hover{background:#ffc20e14}.drac-eligibility{margin-bottom:var(--space-xl)}.drac-eligibility h3{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.drac-eligibility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-sm)}.drac-elig-card{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:#10b9810f;border:1px solid rgba(16,185,129,.2)}.drac-elig-card svg{color:var(--accent-green);flex-shrink:0;margin-top:2px}.drac-elig-card strong{display:block;font-size:13px;color:var(--text-primary);margin-bottom:3px}.drac-elig-card p{font-size:12px;color:var(--text-secondary);margin:0;line-height:1.5}.drac-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.drac-contact-item{display:flex;flex-direction:column;gap:4px}.drac-contact-item strong{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.tap-repos{margin-top:var(--space-lg)}.tap-repos-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.tap-repo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-sm)}.tap-repo-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:4px}.tap-repo-card strong{font-size:13px;color:var(--text-primary)}.tap-repo-card p{font-size:12px;color:var(--text-muted);margin:0;line-height:1.5}.tap-repo-type{font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--accent-cyan);background:#ffc20e1a;padding:2px 7px;border-radius:10px;align-self:flex-start}.tap-repo-badge--featured{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:12px;background:var(--accent-primary);color:#0a1628}.tap-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.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{display:flex;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-hairline);margin-bottom:var(--space-sm)}.tap-matrix-disciplines{font-size:12px;color:var(--text-secondary);font-weight:500}.tap-matrix-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.tap-matrix-list li{display:flex;gap:8px;align-items:flex-start}.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{display:block;font-size:12px;color:var(--text-primary);margin-bottom:2px}.tap-matrix-list p{font-size:12.5px;color:var(--text-secondary);line-height:1.55;margin:0}.tap-matrix-footnote{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--text-muted);padding:var(--space-sm) var(--space-md);background:#ffffff05;border-left:2px solid var(--border-hairline);border-radius:var(--radius-sm);margin:0}.tap-matrix-footnote svg{flex-shrink:0;margin-top:2px;color:var(--text-muted)}.tap-indigenous{background:#a855f70f;border:1px solid rgba(168,85,247,.25);border-radius:var(--radius-lg);padding:var(--space-lg)}.tap-indigenous-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);color:#c084fc}.tap-indigenous-header h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.tap-indigenous>p{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-lg)}.tap-indigenous-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-sm);margin-bottom:var(--space-md)}.tap-indigenous-subtitle{font-family:var(--font-display);font-size:16px;font-weight:600;color:#c084fc;margin:var(--space-lg) 0 var(--space-sm);letter-spacing:-.01em}.tap-indigenous-subtitle:first-of-type{margin-top:0}.tap-indigenous-card{background:#a855f70f;border:1px solid rgba(168,85,247,.18);border-radius:var(--radius-md);padding:var(--space-md)}.tap-indigenous-card strong{display:block;font-size:13px;color:var(--text-primary);margin-bottom:6px}.tap-indigenous-card p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.6}.tap-indigenous-note{font-size:13px;color:#c084fc;background:#a855f714;border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);margin:0}.gai-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-md)}.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);display:flex;flex-direction:column;gap:var(--space-sm)}.gai-card-head{display:flex;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))}.gai-card-head strong{display:block;font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.gai-card-head span{font-size:12px;color:var(--text-secondary)}.gai-card-desc{font-size:13.5px;color:var(--text-secondary);line-height:1.65;margin:0}.gai-card-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.gai-card-bullets li{display:flex;gap:8px;font-size:12.5px;color:var(--text-secondary);line-height:1.55}.gai-card-bullets svg{flex-shrink:0;margin-top:3px;color:var(--gai-accent, var(--accent-primary))}.gai-card-bullets a{color:var(--text-primary);text-decoration:underline;text-decoration-color:#ffffff40}.gai-card-bullets a:hover{text-decoration-color:var(--accent-primary)}.gai-card-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-sm)}.gai-card-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--gai-accent, var(--accent-primary));color:#0a1628;font-weight:600;font-size:12.5px;border-radius:var(--radius-sm);text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.gai-card-cta:hover{transform:translateY(-1px);box-shadow:0 6px 18px -8px #0009}.gai-card-secondary{display:inline-flex;align-items:center;gap:4px;padding:8px 0;font-size:12.5px;color:var(--text-secondary);text-decoration:none}.gai-card-secondary:hover{color:var(--text-primary);text-decoration:underline}.gai-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm);counter-reset:gai-step}.gai-steps>li{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:var(--radius-md)}.gai-step-num{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#ffc20e26;color:var(--accent-primary);font-family:var(--font-mono);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.gai-steps strong{display:block;font-size:14px;color:var(--text-primary);margin-bottom:4px}.gai-steps p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.6}.gai-ethics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md)}.gai-ethics-card{background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.gai-ethics-card strong{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.gai-ethics-card p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0;flex:1}.gai-ethics-card a{font-size:12.5px;color:var(--accent-primary);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.gai-ethics-card a:hover{text-decoration:underline}.tap-edi{background:#14b8a60f;border:1px solid rgba(20,184,166,.25);border-radius:var(--radius-lg);padding:var(--space-lg)}.tap-edi-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);color:#5eead4}.tap-edi-header h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.tap-edi>p{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-lg)}.tap-edi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-sm)}.tap-edi-card{background:#14b8a60f;border:1px solid rgba(20,184,166,.18);border-radius:var(--radius-md);padding:var(--space-md)}.tap-edi-card strong{display:block;font-size:13px;color:var(--text-primary);margin-bottom:6px}.tap-edi-card p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.6}.tap-timeline{display:flex;flex-direction:column;gap:0;position:relative}.tap-timeline-item{display:flex;gap:var(--space-md);padding:var(--space-md) 0;position:relative}.tap-timeline-item:not(:last-child):after{content:"";position:absolute;left:17px;top:50px;bottom:0;width:2px;background:var(--border)}.tap-timeline-marker{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.tap-timeline-item--done .tap-timeline-marker{background:#10b98126;color:var(--accent-green)}.tap-timeline-item--active .tap-timeline-marker{background:#ffc20e26;color:var(--accent-cyan)}.tap-timeline-item--pending .tap-timeline-marker{background:var(--bg-tertiary);color:var(--text-muted)}.tap-timeline-content{flex:1;padding-bottom:var(--space-md)}.tap-timeline-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 8px;border-radius:10px;margin-bottom:4px}.tap-timeline-badge--done{background:#10b98126;color:var(--accent-green)}.tap-timeline-badge--active{background:#ffc20e26;color:var(--accent-cyan)}.tap-timeline-badge--pending{background:var(--bg-tertiary);color:var(--text-muted)}.tap-timeline-content strong{display:block;font-size:14px;color:var(--text-primary)}.tap-timeline-date{display:block;font-size:11px;color:var(--text-muted);margin:2px 0 4px;font-family:var(--font-mono)}.tap-timeline-content p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.6}.tap-faq{display:flex;flex-direction:column;gap:2px}.tap-faq-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.tap-faq-question{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);width:100%;text-align:left;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:background .15s;line-height:1.5}.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);font-size:13px;color:var(--text-secondary);line-height:1.7;margin:0;border-top:1px solid var(--border);padding-top:var(--space-sm)}.tap-cta{display:flex;align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg);background:#ffc20e0f;border:1px solid rgba(255,194,14,.2);border-radius:var(--radius-lg)}.tap-cta svg{color:var(--accent-cyan);flex-shrink:0;margin-top:2px}.tap-cta strong{display:block;font-size:15px;color:var(--text-primary);margin-bottom:var(--space-xs)}.tap-cta p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.6}.topbar-htw-link{display:flex;align-items:center;gap:7px;padding:6px 12px;font-size:12.5px;font-weight:500;color:var(--text-secondary);border-radius:999px;transition:all .18s;white-space:nowrap;text-decoration:none}.topbar-htw-link:hover{background:#ffffff0d;color:var(--text-parchment);text-decoration:none}.topbar-htw-link--active{color:var(--accent-primary);background:var(--accent-primary-soft)}.sidebar-htw-link{display:flex;align-items:center;gap:10px;width:100%;padding:8px var(--space-md);font-size:12.5px;font-weight:500;color:var(--text-secondary);transition:all .15s;border-top:none;margin-top:0;position:relative}.sidebar-htw-link:hover{background:#ffffff08;color:var(--text-parchment);text-decoration:none}.sidebar-htw-link--active{color:var(--accent-primary);background:var(--accent-primary-soft)}.sidebar-htw-link--active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:14px;background:var(--accent-primary);border-radius:0 2px 2px 0}.sidebar-section-label{font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);padding:12px var(--space-md) 6px}.reorder-mode-tabs{display:flex;gap:2px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px;margin-bottom:var(--space-lg);width:fit-content}.reorder-mode-tab{padding:8px 20px;font-size:13px;font-weight:500;color:var(--text-muted);border-radius:var(--radius-sm);transition:all .15s;white-space:nowrap}.reorder-mode-tab:hover{color:var(--text-primary)}.reorder-mode-tab--active{background:var(--accent-cyan);color:#0f172a}.reorder-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-sm)}.reorder-toolbar-btn{padding:6px 14px;font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);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{font-size:12px;color:var(--text-muted);margin-bottom:var(--space-md)}.reorder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.reorder-card{position:relative;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);overflow:hidden;cursor:grab;transition:border-color .15s,box-shadow .15s;user-select:none}.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{width:100%;display:block;aspect-ratio:3/4;object-fit:contain;background:#fff;padding:4px}.reorder-card-placeholder{width:100%;aspect-ratio:3/4;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-muted)}.reorder-card-badge-original{position:absolute;top:6px;left:6px;padding:2px 6px;background:#0009;color:#fff;font-size:10px;font-weight:600;border-radius:4px}.reorder-card-badge-position{display:block;text-align:center;padding:6px;font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-primary)}.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);font-size:14px;margin-bottom:var(--space-md)}.reorder-startover-btn{padding:8px 20px;font-size:13px;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm)}.reorder-startover-btn:hover{border-color:var(--text-muted)}.reorder-manual{margin-bottom:var(--space-lg)}.reorder-manual-label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-sm)}.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);font-size:14px;resize:vertical;margin-bottom:var(--space-sm)}.reorder-manual-input:focus{border-color:var(--accent-cyan);outline:none}.reorder-manual-error{color:var(--accent-red);font-size:12px;margin-bottom:var(--space-sm)}.zoom-controls{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.zoom-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:16px;transition:all .15s}.zoom-btn:hover:not(:disabled){border-color:var(--accent-cyan);color:var(--accent-cyan)}.zoom-btn:disabled{opacity:.3;cursor:not-allowed}.zoom-label{font-size:12px;color:var(--text-muted);min-width:40px;text-align:center;font-family:var(--font-mono)}.sign-disclaimer{font-size:12px;color:var(--text-muted);font-style:italic;margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-md);background:#f59e0b14;border-radius:var(--radius-sm);border-left:3px solid var(--accent-amber)}.sign-steps-indicator{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border)}.sign-step-dot{font-size:13px;font-weight:500;color:var(--text-muted);padding:6px 14px;border-radius:20px;background:var(--bg-secondary);border:1px solid var(--border);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{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.sign-section-subtitle{font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-sm)}.sign-mode-tabs{display:flex;gap:2px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px;margin-bottom:var(--space-lg);width:fit-content}.sign-mode-tab{padding:8px 20px;font-size:13px;font-weight:500;color:var(--text-muted);border-radius:var(--radius-sm);transition:all .15s;white-space:nowrap}.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{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap;margin-bottom:var(--space-sm)}.sign-colour-label{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;color:var(--text-secondary)}.sign-colour-label input[type=range]{width:80px;accent-color:var(--accent-cyan)}.sign-colour-label input[type=color]{width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.sign-draw-canvas{width:100%;max-width:500px;height:auto;border:2px solid var(--border);border-radius:var(--radius-md);cursor:crosshair;touch-action:none;background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:#fff}.sign-clear-btn{display:inline-block;margin-top:var(--space-sm);padding:6px 16px;font-size:12px;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm)}.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);font-size:16px;margin-bottom:var(--space-md)}.sign-type-controls{display:flex;gap:var(--space-lg);flex-wrap:wrap;margin-bottom:var(--space-md)}.sign-type-label{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;color:var(--text-secondary)}.sign-type-preview{width:100%;max-width:500px;height:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:#fff}.sign-upload-wrapper{margin-bottom:var(--space-lg)}.sign-upload-input{margin-bottom:var(--space-md)}.sign-upload-preview{max-height:100px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;padding:4px}.sign-sig-preview{display:flex;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)}.sign-sig-preview--compact{padding:var(--space-sm) var(--space-md)}.sign-sig-preview-label{font-size:13px;color:var(--text-secondary);white-space:nowrap}.sign-sig-preview-img{max-height:60px;max-width:200px;padding:4px;border-radius:var(--radius-sm);border:1px solid var(--border);background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;background-color:#fff}.sign-next-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:10px 24px;background:var(--accent-cyan);color:#0f172a;font-weight:600;font-size:14px;border-radius:var(--radius-md);margin-top:var(--space-md);transition:background .15s}.sign-next-btn:hover:not(:disabled){background:#ffd040}.sign-next-btn:disabled{opacity:.4;cursor:not-allowed}.sign-back-btn{padding:8px 16px;font-size:13px;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm)}.sign-back-btn:hover{border-color:var(--text-muted);color:var(--text-secondary)}.sign-step-nav{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-lg)}.sign-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.sign-page-card{position:relative;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:border-color .15s}.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{width:100%;aspect-ratio:3/4;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-muted)}.sign-page-num{display:block;text-align:center;padding:4px;font-size:12px;color:var(--text-muted);background:var(--bg-primary)}.sign-size-control{margin-bottom:var(--space-md)}.sign-size-control label{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;color:var(--text-secondary)}.sign-size-control input[type=range]{flex:1;max-width:200px;accent-color:var(--accent-cyan)}.sign-placement-container{position:relative;display:inline-block;border:2px solid var(--border);border-radius:var(--radius-md);overflow:hidden;cursor:crosshair;margin-bottom:var(--space-lg);max-width:100%}.sign-placement-page{display:block;width:100%}.sign-placement-sig{position:absolute;pointer-events:none;opacity:.85}.sign-transform-box{position:absolute;pointer-events:none;border:2px dashed var(--accent-cyan);box-sizing:border-box}.sign-transform-img{width:100%;height:auto;display:block;opacity:.85;background:transparent}.sign-resize-handle{position:absolute;width:14px;height:14px;background:var(--accent-cyan);border:2px solid #fff;border-radius:2px;pointer-events:auto;cursor:nwse-resize;z-index:10;box-shadow:0 1px 3px #0006}.sign-resize-handle--tl{top:-7px;left:-7px;cursor:nwse-resize}.sign-resize-handle--tr{top:-7px;right:-7px;cursor:nesw-resize}.sign-resize-handle--bl{bottom:-7px;left:-7px;cursor:nesw-resize}.sign-resize-handle--br{bottom:-7px;right:-7px;cursor:nwse-resize}.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{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.dc-welcome-card p{color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:var(--space-lg)}.dc-tier-preview{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.dc-tier-card{padding:var(--space-md) var(--space-lg);border-left:4px solid;border-radius:var(--radius-md)}.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{font-size:13px;font-weight:600;margin-bottom:var(--space-sm)}.dc-welcome-notes ul{list-style:disc;padding-left:20px;color:var(--text-secondary);font-size:13px;line-height:1.8}.dc-progress{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:var(--space-xl);flex-wrap:wrap}.dc-progress-item{display:flex;align-items:center}.dc-progress-line{width:24px;height:2px;background:var(--bg-tertiary);margin:0 2px}.dc-progress-line--done{background:var(--accent-green)}.dc-progress-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;background:var(--bg-tertiary);color:var(--text-muted);flex-shrink:0}.dc-progress-dot--active{background:var(--accent-primary);color:#0a1628}.dc-progress-dot--done{background:var(--accent-green);color:#fff}.dc-progress-text{width:100%;text-align:center;font-size:12px;color:var(--text-muted);margin-top:var(--space-sm)}@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:dc-fadein .25s ease}@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{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);background:#ffc20e1a;padding:2px 10px;border-radius:12px;margin-bottom:var(--space-sm)}.dc-question-title{font-size:20px;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:var(--space-sm);outline:none}.dc-question-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.dc-tooltip-wrapper{margin-bottom:var(--space-lg)}.dc-tooltip-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--accent-primary);padding:4px 0}.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);font-size:13px;color:var(--text-secondary);line-height:1.7;border-left:3px solid var(--accent-primary)}.dc-options{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.dc-option{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);text-align:left;transition:all .15s;cursor:pointer}.dc-option:hover{border-color:var(--border)}.dc-option--selected{border-color:var(--accent-primary);background:#ffc20e0f}.dc-option-indicator{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;transition:all .15s}.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{font-size:14px;color:var(--text-primary);line-height:1.5}.dc-checkbox-hint{font-size:12px;color:var(--text-muted);font-style:italic;margin-bottom:var(--space-md)}.dc-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.dc-nav-back{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--text-muted);padding:8px 16px;border-radius:var(--radius-md);transition:all .15s}.dc-nav-back:hover{color:var(--text-primary);background:var(--bg-tertiary)}.dc-nav-next{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;padding:10px 24px;background:var(--accent-primary);color:#0a1628;border-radius:var(--radius-md);transition:all .15s}.dc-nav-next:hover:not(:disabled){background:#ffd040}.dc-nav-next:disabled{opacity:.4;cursor:not-allowed}.dc-result-heading{text-align:center;font-size:16px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-lg)}.dc-result-badge{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-2xl);border:2px solid;border-radius:var(--radius-lg);text-align:center;margin-bottom:var(--space-xl)}.dc-result-label{font-size:28px;font-weight:700;font-family:var(--font-mono)}.dc-result-def{font-size:14px;color:var(--text-secondary);max-width:500px;line-height:1.6}.dc-controls{margin-bottom:var(--space-xl)}.dc-section-title{display:flex;align-items:baseline;gap:12px;font-family:var(--font-display);font-size:20px;font-weight:500;font-variation-settings:"opsz" 36,"SOFT" 40;letter-spacing:-.01em;color:var(--text-parchment);margin-bottom:14px}.dc-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-hairline) 0%,transparent 100%)}.dc-section-desc{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.6}.dc-controls-group{margin-bottom:var(--space-lg)}.dc-controls-heading{font-size:14px;font-weight:600;color:var(--accent-primary);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border)}.dc-controls-list{display:flex;flex-direction:column;gap:1px}.dc-controls-row{display:grid;grid-template-columns:180px 1fr;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:13px}.dc-controls-row:nth-child(odd){background:var(--bg-tertiary)}.dc-controls-label{font-weight:500;color:var(--text-secondary)}.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-weight:600;font-size:12px}}.dc-warnings{background:#f59e0b0f;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.dc-warnings-list{list-style:none;padding:0}.dc-warnings-list li{position:relative;padding-left:20px;font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-sm)}.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%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);font-size:14px;font-weight:600;color:var(--text-primary);text-align:left}.dc-answers-toggle:hover{background:var(--bg-tertiary)}.dc-answers-list{padding:0 var(--space-lg) var(--space-lg)}.dc-answers-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--bg-tertiary);font-size:13px}.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{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-xl)}.dc-action-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;border-radius:var(--radius-md);transition:all .15s}.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{font-size:12px;color:var(--text-muted);text-align:center;padding:var(--space-lg) 0;border-top:1px solid var(--border)}.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{overflow:visible!important;height:auto!important}html,body,#root,.app-layout,.app-body,.main-content,.dc-page,.dc-print-area{background:#fff!important;color:#111!important;overflow:visible!important;height:auto!important;max-height:none!important}.dc-print-header{display:flex!important;justify-content:space-between;font-size:12px;color:#333;margin-bottom:24px;padding-bottom:8px;border-bottom:2px solid #333}.dc-result-heading{color:#333!important}.dc-result-badge{border-width:3px!important;background:#fff!important;padding:16px 24px!important;margin-bottom:16px!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.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{background:#fffbeb!important;border-color:#d97706!important;padding:10px 14px!important;margin-bottom:12px!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.dc-warnings .dc-section-title{font-size:13px!important;color:#92400e!important}.dc-warnings-list li{color:#333!important;font-size:11px!important;margin-bottom:2px!important;line-height:1.5!important}.dc-controls{margin-bottom:12px!important}.dc-section-title{font-size:14px!important;margin-bottom:4px!important}.dc-section-desc{font-size:11px!important;margin-bottom:8px!important}.dc-controls-group{break-inside:avoid;margin-bottom:8px!important}.dc-controls-heading{color:#00427a!important;border-bottom-color:#ccc!important;font-size:12px!important;margin-bottom:2px!important;padding-bottom:2px!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.dc-controls-row{background:#fff!important;border-bottom:1px solid #eee;padding:3px 8px!important;font-size:11px!important;gap:8px!important}.dc-controls-row:nth-child(odd){background:#f5f5f5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.dc-controls-label{color:#333!important;min-width:130px!important}.dc-controls-value{color:#111!important}.dc-actions{display:none!important}.dc-answers{border-color:#ccc!important;background:#fff!important;break-inside:avoid}.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;font-size:11px!important;padding:3px 0!important}.dc-answers-question{color:#555!important}.dc-answers-value{color:#111!important}.dc-disclaimer{color:#666!important;border-top-color:#ccc!important;font-size:10px!important;padding:8px 0!important}.dc-disclaimer a{color:#00427a!important}.dc-result-heading{font-size:14px!important;margin-bottom:10px!important}}.sc-page{max-width:1340px;margin:0 auto;padding-bottom:var(--space-2xl)}.sc-layout{display:grid;grid-template-columns:1fr 400px;gap:var(--space-xl);align-items:start}.sc-left{min-width:0;display:flex;flex-direction:column;gap:var(--space-lg)}.sc-right{min-width:0}.sc-sticky{position:sticky;top:var(--space-md);max-height:calc(100vh - var(--topbar-height, 56px) - 40px);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md);padding-right:4px}.sc-section{display:flex;flex-direction:column}.sc-section-header{cursor:pointer;user-select:none}.sc-section-title{font-family:var(--font-display);font-size:18px;font-weight:500;font-variation-settings:"opsz" 36,"SOFT" 40;letter-spacing:-.005em;color:var(--text-parchment);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.sc-scenarios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:var(--space-sm);margin-bottom:var(--space-sm)}.sc-scenario-card{display:flex;flex-direction:column;align-items:center;gap:4px;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;transition:border-color .15s,background .15s}.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{font-size:12px;font-weight:600;color:var(--text-primary);line-height:1.3}.sc-scenario-desc{font-size:10px;color:var(--text-muted);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{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent-cyan);color:#0f172a;font-weight:600;font-size:14px;border-radius:var(--radius-md);cursor:pointer;transition:background .15s}.sc-getting-started-btn:hover{background:#22d3ee}.sc-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.sc-setup-item{display:flex;flex-direction:column;gap:6px}.sc-setup-item--full{grid-column:1 / -1}.sc-setup-label{font-size:13px;color:var(--text-secondary)}.sc-slider-row{display:flex;align-items:center;gap:var(--space-sm)}.sc-slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--bg-tertiary);outline:none;cursor:pointer}.sc-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-cyan);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 0 0 1px var(--accent-cyan)}.sc-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-cyan);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 0 0 1px var(--accent-cyan)}.sc-slider-value{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--accent-cyan);min-width:50px;text-align:right}.sc-checkbox-label{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;color:var(--text-secondary);cursor:pointer}.sc-checkbox{width:16px;height:16px;accent-color:var(--accent-cyan);cursor:pointer}.sc-search-wrapper{position:relative;margin-bottom:var(--space-sm)}.sc-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.sc-search-input{width:100%;padding:9px 36px 9px 38px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;outline:none}.sc-search-input:focus{border-color:var(--accent-cyan)}.sc-search-input::placeholder{color:var(--text-muted)}.sc-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:2px 6px;line-height:1}.sc-search-clear:hover{color:var(--text-primary)}.sc-categories{display:flex;flex-direction:column;gap:2px}.sc-category{border-radius:var(--radius-md);overflow:hidden}.sc-category-header{display:flex;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);font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:background .15s}.sc-category-header:hover{background:var(--bg-tertiary)}.sc-category--active>.sc-category-header{border-color:#22d3ee4d}.sc-category-icon{font-size:16px;flex-shrink:0}.sc-category-label{flex:1;min-width:0}.sc-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.03em}.sc-badge--sensitive{background:#ef44441f;color:var(--accent-red)}.sc-badge--has-data{background:#22d3ee1f;color:var(--accent-cyan)}.sc-category-body{padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md)}.sc-file-row{display:flex;align-items:center;gap:var(--space-sm);padding:8px 0;border-bottom:1px solid var(--bg-tertiary)}.sc-file-row:last-child{border-bottom:none}.sc-file-info{flex:1;min-width:0}.sc-file-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary)}.sc-file-tooltip{display:block;font-size:11px;color:var(--text-muted);line-height:1.3}.sc-file-inputs{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.sc-input-group{display:flex;flex-direction:column;gap:2px}.sc-input-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.sc-input{width:80px;padding:5px 8px;font-family:var(--font-mono);font-size:13px;text-align:right;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;transition:border-color .15s}.sc-input:focus{border-color:var(--accent-cyan)}.sc-input--size{width:90px}.sc-select{padding:5px 8px;font-size:12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;cursor:pointer;min-width:100px}.sc-select:focus{border-color:var(--accent-cyan)}.sc-backup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.sc-backup-card{display:flex;flex-direction:column;align-items:center;gap:4px;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;transition:border-color .15s,background .15s}.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{font-size:12px;font-weight:600;color:var(--text-primary)}.sc-backup-desc{font-size:10px;color:var(--text-muted);line-height:1.3}.sc-backup-mult{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--accent-cyan)}.sc-custom-mult{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0}.sc-reset-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:10px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .15s}.sc-reset-btn:hover{border-color:var(--accent-red);color:var(--accent-red);background:#ef44440f}.sc-summary-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-sm)}.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{border-color:#22d3ee66;background:#22d3ee0d}.sc-summary-label{display:block;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.sc-summary-value{display:block;font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--text-primary)}.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);display:flex;align-items:center;gap:var(--space-md)}.sc-chart-canvas{display:block;flex-shrink:0}.sc-chart-legend{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.sc-legend-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary)}.sc-legend-swatch{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sc-legend-label{white-space:nowrap}.sc-legend-value{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.sc-classification{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md)}.sc-classification-level{font-size:16px;font-weight:700;margin-bottom:var(--space-sm)}.sc-classification-reqs{font-size:12px;color:var(--text-secondary);line-height:1.7;padding-left:var(--space-md);margin:0}.sc-classification-reqs li{margin-bottom:2px}.sc-warnings{display:flex;flex-direction:column;gap:var(--space-sm)}.sc-warning{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:12px;line-height:1.5;display:flex;align-items:flex-start;gap:var(--space-sm)}.sc-warning--critical{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--accent-red)}.sc-warning--warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:var(--accent-amber)}.sc-warning--info{background:#22d3ee14;border:1px solid rgba(34,211,238,.25);color:var(--accent-cyan)}.sc-whatif{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md)}.sc-whatif-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-md) 0}.sc-whatif-cards{display:flex;flex-direction:column;gap:var(--space-sm)}.sc-whatif-card{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.sc-whatif-name{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.sc-whatif-desc{font-size:11px;color:var(--text-muted);margin-bottom:var(--space-xs, 4px)}.sc-whatif-result{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.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{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-md) 0}.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{display:flex;align-items:center;gap:var(--space-sm);font-size:12px;padding:2px 0}.sc-rec-label{color:var(--text-muted);min-width:80px;flex-shrink:0}.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{font-size:11px;color:var(--text-muted);padding-top:2px;line-height:1.4}.sc-details{margin-bottom:var(--space-sm)}.sc-details-summary{cursor:pointer;font-size:12px;font-weight:500;color:var(--text-muted);padding:var(--space-sm) 0;list-style:none;display:flex;align-items:center;gap:6px}.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{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-md) 0}.sc-export-buttons{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.sc-export-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;transition:all .15s}.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{position:static;max-height:none;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{width:100%;flex-wrap:wrap}}@media print{.sc-layout{display:block!important}.sc-left{display:none!important}.sc-right,.sc-sticky{position:static!important;max-height:none!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{background:#fff!important;color:#111!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{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 11px;border:1px solid var(--border-hairline);border-radius:999px;background:#ffffff08;color:var(--text-secondary);font-family:var(--font-sans);font-size:12.5px;cursor:pointer;transition:all .18s ease;min-width:200px}.topbar-search-btn:hover{border-color:#ffc20e59;color:var(--text-parchment);background:#ffffff0f}.topbar-search-label{display:none}@media (min-width: 600px){.topbar-search-label{display:inline}}.topbar-search-kbd{display:none;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 4px;background:var(--bg-primary)}@media (min-width: 900px){.topbar-search-kbd{display:inline}}.search-overlay{position:fixed;inset:0;z-index:1000;background:#000000a6;display:flex;align-items:flex-start;justify-content:center;padding-top:80px;backdrop-filter:blur(2px);animation:search-overlay-in .12s ease}@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);box-shadow:0 24px 64px #0009;display:flex;flex-direction:column;overflow:hidden;animation:search-modal-in .14s ease}@keyframes search-modal-in{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.search-input-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border)}.search-input-icon{color:var(--text-muted);flex-shrink:0}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font-sans);font-size:16px;padding:var(--space-xs) 0;caret-color:var(--accent-primary)}.search-input::placeholder{color:var(--text-muted)}.search-close-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color .15s;flex-shrink:0}.search-close-btn:hover{color:var(--text-primary)}.search-results-container{max-height:380px;overflow-y:auto;overscroll-behavior:contain}.search-results-label{padding:var(--space-sm) var(--space-md);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.search-results-list{list-style:none;padding:0 var(--space-xs) var(--space-xs)}.search-result{display:flex;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}.search-result:hover,.search-result--active{background:var(--bg-tertiary)}.search-result--active{outline:none}.search-result-emoji{font-size:18px;line-height:1.4;flex-shrink:0;width:24px;text-align:center}.search-result-body{display:flex;flex-direction:column;gap:2px;min-width:0}.search-result-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result--active .search-result-name{color:var(--accent-primary)}.search-result-desc{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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{display:flex;gap:var(--space-md);align-items:center;padding:var(--space-xs) var(--space-md);border-top:1px solid var(--border);font-size:11px;color:var(--text-muted)}.search-footer kbd{display:inline-block;font-family:var(--font-mono);font-size:10px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 5px;color:var(--text-secondary);margin-right:3px}.homepage-recent{margin-bottom:44px}.homepage-recent-title{display:flex;align-items:baseline;gap:12px;font-family:var(--font-display);font-size:18px;font-weight:500;font-variation-settings:"opsz" 36,"SOFT" 40;letter-spacing:-.005em;color:var(--text-parchment);margin-bottom:14px;text-transform:none}.homepage-recent-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-hairline) 0%,transparent 100%)}.homepage-recent-pills{display:flex;flex-wrap:wrap;gap:8px}.homepage-recent-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border:1px solid var(--border-hairline);border-radius:999px;background:var(--bg-card);color:var(--text-parchment);font-family:var(--font-sans);font-size:12.5px;font-weight:500;cursor:pointer;transition:all .18s ease;white-space:nowrap}.homepage-recent-pill:hover{border-color:#ffc20e66;background:#ffc20e1a;color:var(--accent-primary);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{display:flex;align-items:baseline;gap:12px;font-family:var(--font-display);font-size:20px;font-weight:500;font-variation-settings:"opsz" 36,"SOFT" 40;letter-spacing:-.01em;color:var(--text-parchment);margin:0 0 18px;text-transform:none}.related-tools-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-hairline) 0%,transparent 100%)}.related-tools-count{font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase}.related-tools-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.related-tools-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:10px;cursor:pointer;text-align:left;transition:all .18s ease;font-family:var(--font-sans);position:relative;overflow:hidden}.related-tools-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,194,14,0) 50%,transparent 100%);transition:background .2s}.related-tools-card:hover,.related-tools-card:focus-visible{background:#153454;border-color:#ffc20e4d;transform:translateY(-1px);box-shadow:var(--shadow-card);outline:none}.related-tools-card:hover:before,.related-tools-card:focus-visible:before{background:linear-gradient(90deg,transparent 0%,rgba(255,194,14,.5) 50%,transparent 100%)}.related-tools-emoji{font-size:1.15rem;line-height:1;filter:saturate(1.15)}.related-tools-name{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.005em;color:var(--text-parchment);line-height:1.25}.related-tools-desc{font-size:12px;color:var(--text-secondary);line-height:1.5}@keyframes tool-skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.tool-skeleton{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-xl) 0;animation:tool-skeleton-pulse 1.6s ease-in-out infinite}.tool-skeleton-block{border-radius:var(--radius-md);background:var(--bg-secondary)}.tool-skeleton-info{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.tool-skeleton-line{height:14px;border-radius:var(--radius-sm);background:var(--bg-tertiary)}.tool-skeleton-line--wide{width:70%}.tool-skeleton-line--medium{width:50%}.tool-skeleton-badges{display:flex;gap:var(--space-sm);margin-top:var(--space-xs)}.tool-skeleton-pill{height:22px;width:72px;border-radius:999px;background:var(--bg-tertiary)}.tool-skeleton-dropzone{height:180px}.tool-skeleton-button{height:44px;width:160px;border-radius:var(--radius-md)}.global-drop-overlay{position:fixed;inset:0;z-index:9999;background:#0a1628e0;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;pointer-events:none}.global-drop-inner{display:flex;flex-direction:column;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);max-width:480px;text-align:center}.global-drop-icon{font-size:3rem;line-height:1}.global-drop-message{font-size:1.125rem;font-weight:600;color:var(--text-primary);line-height:1.5;margin:0}.dropzone-browse-link{font-size:13px;color:var(--accent-primary);font-weight:500;margin-top:var(--space-xs);text-decoration:underline;text-underline-offset:2px}.dropzone--active .dropzone-browse-link{color:var(--accent-cyan)}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center}.tooltip-bubble{position:absolute;z-index:1000;padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;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{right:calc(100% + 6px);top:50%;transform:translateY(-50%)}.tooltip-bubble--right{left:calc(100% + 6px);top:50%;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{display:flex;align-items:center;gap:var(--space-sm);font-size:12px;font-weight:600;color:var(--accent-amber);background:none;border:none;padding:4px 0;cursor:pointer;transition:color .15s;text-align:left;width:100%}.info-card-limitations-toggle:hover{color:#ffb020}.info-card-limitations-icon{font-size:13px;flex-shrink:0}.info-card-limitations-chevron{margin-left:auto;font-size:9px;color:var(--text-muted)}.info-card-limitations-list{list-style:disc;padding-left:var(--space-lg);margin-top:var(--space-sm);display:flex;flex-direction:column;gap:4px}.info-card-limitations-item{font-size:12px;color:var(--accent-amber);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:1 1 auto;min-width:max-content}.tool-tabs{width:100%;flex-wrap:wrap}.tool-tab{flex:1 1 auto;text-align:center}.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{justify-content:center;text-align: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{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:24px;white-space:nowrap}.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}.sign-steps-indicator{flex-wrap:wrap;gap:var(--space-sm)}.sign-step-dot{font-size:11px;padding:4px 10px}.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;font-size:14px;min-height:40px}.sidebar-cta{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{position:relative;-webkit-overflow-scrolling:touch}.lud-picker-wrap:after,.aa-task-table-wrap:after,.dc-controls-table-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;pointer-events:none;background:linear-gradient(to right,transparent,var(--bg-primary));border-radius:0 var(--radius-md) var(--radius-md) 0}.htw p a,.tap p a,.aa p a,.lud p a,.dc p a,.drac p a,.gai p a{padding:2px;margin:-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{display:grid;grid-template-columns:1fr 300px;gap:var(--space-xl);align-items:start}.acp-left{display:flex;flex-direction:column;gap:var(--space-md)}.acp-file-info{display:flex;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}.acp-file-name{font-size:.875rem;color:var(--text-primary);font-family:var(--font-mono);word-break:break-all;flex:1}.acp-file-meta{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.acp-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.acp-section-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs);letter-spacing:.02em}.acp-label{font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:2px}.acp-optional{font-weight:400;color:var(--text-muted)}.acp-input,.acp-textarea{width:100%;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 10px;font-size:.875rem;font-family:var(--font-sans);color:var(--text-primary);resize:vertical;box-sizing:border-box;transition:border-color .15s}.acp-input:focus,.acp-textarea:focus{outline:none;border-color:var(--accent-primary)}.acp-date-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.acp-radio-label{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-primary);cursor:pointer}.acp-date-input{margin-top:4px;max-width:180px}.acp-appearance-row{display:flex;gap:var(--space-lg);flex-wrap:wrap}.acp-appearance-group{display:flex;flex-direction:column;gap:6px;flex:1;min-width:140px}.acp-color-row{display:flex;align-items:center;gap:var(--space-sm)}.acp-color-input{width:36px;height:36px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);cursor:pointer}.acp-color-hex{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary)}.acp-color-presets{display:flex;gap:6px;flex-wrap:wrap}.acp-color-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;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{display:flex;gap:6px}.acp-bg-btn{flex:1;padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.8rem;cursor:pointer;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{display:flex;gap:6px}.acp-layout-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:border-color .15s,color .15s}.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{position:sticky;top:calc(var(--topbar-height) + var(--space-md))}.acp-preview-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-sm)}.acp-preview{aspect-ratio:8.5 / 11;border-radius:var(--radius-md);border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-sans);box-shadow:0 4px 16px #0006}.acp-preview-bar{height:8px;flex-shrink:0}.acp-preview-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:12% 8%;gap:5px;min-height:0}.acp-preview-body--centered{align-items:center;text-align:center}.acp-preview-body--left{align-items:flex-start;text-align:left}.acp-preview-left-ruled{flex:1;border-left:10px solid;display:flex;min-height:0}.acp-preview-title{font-size:clamp(.7rem,2vw,1rem);font-weight:700;margin:0;line-height:1.2;word-break:break-word}.acp-preview-placeholder{opacity:.25;font-style:italic}.acp-preview-subtitle{font-size:clamp(.55rem,1.5vw,.75rem);margin:0;opacity:.85}.acp-preview-rule{border:none;border-top:1px solid;width:60%;margin:4px 0;align-self:center}.acp-preview-rule--left{align-self:flex-start;width:80%}.acp-preview-meta-block{display:flex;flex-direction:column;gap:2px}.acp-preview-meta{font-size:clamp(.45rem,1.2vw,.65rem);margin:0}@media (max-width: 900px){.acp-layout{grid-template-columns:1fr}.acp-right{position:static;order:-1}.acp-preview{max-width:320px;margin:0 auto}}.pi-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) 0;margin-bottom:var(--space-md);border-bottom:1px solid var(--border);flex-wrap:wrap}.pi-summary-text{color:var(--text-secondary);font-size:.9rem}.pi-units-toggle{display:flex;gap:2px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px}.pi-units-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:.8rem;padding:3px 10px;border-radius:var(--radius-sm);transition:background .15s,color .15s}.pi-units-btn--active{background:var(--accent-primary);color:#000;font-weight:600}.pi-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.pi-page-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm);display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.pi-page-thumbnail{width:100%;aspect-ratio:.707;object-fit:contain;border-radius:var(--radius-sm);background:var(--bg-tertiary)}.pi-page-thumbnail--placeholder{background:var(--bg-tertiary)}.pi-page-number{font-size:.75rem;color:var(--text-muted);margin-top:4px}.pi-page-dims{font-size:.8rem;color:var(--text-primary);font-family:var(--font-mono)}.pi-page-badge{font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:99px}.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{font-size:.7rem;color:var(--text-muted)}.pi-resize-panel{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-xl);overflow:hidden}.pi-resize-toggle{width:100%;background:var(--bg-secondary);border:none;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:var(--space-sm) var(--space-md);text-align:left;font-weight:600;transition:background .15s}.pi-resize-toggle:hover{background:var(--bg-tertiary)}.pi-resize-body{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);border-top:1px solid var(--border)}.pi-resize-row{display:flex;gap:var(--space-md);align-items:flex-start}.pi-resize-label{min-width:100px;font-size:.85rem;color:var(--text-secondary);padding-top:6px}.pi-resize-controls{display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.pi-custom-dims{display:flex;align-items:center;gap:var(--space-sm);margin-top:4px}.pi-dim-input{width:80px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);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{display:flex;flex-direction:column;gap:6px}.pi-method-option{display:flex;align-items:baseline;gap:6px;cursor:pointer}.pi-method-label{font-size:.85rem;color:var(--text-primary);min-width:48px}.pi-method-desc{font-size:.8rem;color:var(--text-muted)}.pi-resize-range{display:flex;flex-direction:column;gap:6px}.pi-range-option{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-primary);cursor:pointer}.pi-range-input-group{margin-top:4px}.pi-range-input{width:100%;max-width:280px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem;font-family:var(--font-sans);padding:5px 10px}.pi-range-error{margin-top:4px;font-size:.8rem;color:var(--accent-red)}.pi-resize-actions{display:flex;justify-content:flex-end}.pi-form-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.pi-form-warning-header{font-size:.85rem;font-weight:600;color:var(--accent-amber)}.pi-form-warning-body{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.5}.ftm-controls{margin-bottom:var(--space-md)}.ftm-mode-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-sm)}.ftm-mode-btn{background:transparent;border:none;padding:var(--space-sm) var(--space-md);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-family:var(--font-sans);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{font-size:.8125rem;color:var(--text-muted);margin:0}.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;overflow-y:auto;color:var(--text-primary);line-height:1.7;font-size:.9375rem}.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;overflow:auto;font-family:var(--font-mono);font-size:.8125rem;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin:0}.ftm-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-md)}.aa{max-width:900px;margin:0 auto;padding:var(--space-xl) var(--space-lg) var(--space-2xl)}.aa-hero{text-align:center;padding:var(--space-2xl) 0 var(--space-xl)}.aa-hero-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-md)}.aa-hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--text-primary);line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-md)}.aa-hero-subtitle{font-size:1.0625rem;color:var(--text-secondary);line-height:1.65;max-width:640px;margin:0 auto var(--space-xl)}.aa-cost-badge{display:inline-flex;align-items:center;gap:10px;background:#ffc20e14;border:1px solid rgba(255,194,14,.3);border-radius:40px;padding:10px 24px;font-size:1rem;font-weight:600}.aa-cost-free{color:var(--accent-green);font-size:1.2rem}.aa-cost-divider{color:var(--text-muted);font-weight:400;font-size:.875rem}.aa-cost-paid{color:var(--accent-red);text-decoration:line-through;text-decoration-color:#ef444480;font-size:1rem}.aa-cost-label{color:var(--text-secondary);font-weight:400;font-size:.875rem}.aa-section{margin-top:var(--space-2xl)}.aa-section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.aa-section-intro{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg)}.aa-stack-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@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);display:flex;flex-direction:column;gap:var(--space-md)}.aa-stack-card-header{display:flex;align-items:flex-start;gap:var(--space-md)}.aa-stack-card-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.aa-stack-card-title{font-size:.9375rem;font-weight:700;color:var(--text-primary);line-height:1.3}.aa-stack-card-tagline{font-size:.8125rem;color:var(--text-secondary);margin-top:2px;line-height:1.4}.aa-stack-card-covers{list-style:none;display:flex;flex-direction:column;gap:6px;flex:1}.aa-stack-card-covers li{display:flex;align-items:flex-start;gap:7px;font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.aa-stack-card-link{display:inline-flex;align-items:center;gap:5px;font-size:.8125rem;font-weight:600;text-decoration:none;border:1px solid;border-radius:var(--radius-sm);padding:5px 10px;width:fit-content;transition:opacity .15s}.aa-stack-card-link:hover{opacity:.75}.aa-stack-card-link--here{cursor:default;opacity:.75}.aa-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg)}.aa-table{width:100%;border-collapse:collapse;font-size:.875rem}.aa-table thead th{background:var(--bg-tertiary);color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:10px var(--space-md);text-align:left;border-bottom:1px solid var(--border)}.aa-table thead th:first-child{width:60%}.aa-table-group td{background:var(--bg-primary);color:var(--text-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;padding:10px var(--space-md) 6px;border-top:1px solid var(--border)}.aa-table-row{border-bottom:1px solid rgba(30,90,138,.35)}.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);display:flex;align-items:center;gap:6px}.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-decoration:underline;text-underline-offset:3px}.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{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;border-radius:var(--radius-sm);padding:3px 8px;white-space:normal;line-height:1.4}.aa-badge--link{text-decoration:none;cursor:pointer;transition:filter .15s}.aa-badge--link:hover{filter:brightness(1.2);text-decoration:underline;text-underline-offset:2px}.aa-honest-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl)}.aa-honest-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.aa-honest-cards{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg)}.aa-honest-card{display:flex;gap:var(--space-md);align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg)}.aa-honest-card-num{width:28px;height:28px;border-radius:50%;background:#f59e0b26;color:var(--accent-amber);font-size:.8125rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.aa-honest-card-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.aa-honest-card-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.aa-beyond-card{background:#ffc20e0d;border:1px solid rgba(255,194,14,.25);border-radius:var(--radius-lg);padding:var(--space-xl)}.aa-beyond-top{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm)}.aa-beyond-title{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.4}.aa-beyond-body{font-size:.875rem;color:var(--text-secondary);line-height:1.65;margin-bottom:var(--space-lg)}.aa-beyond-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.aa-beyond-chip{font-size:.8rem;font-weight:600;color:var(--accent-primary);background:#ffc20e1a;border:1px solid rgba(255,194,14,.2);border-radius:20px;padding:4px 12px;text-decoration:none;transition:background .15s,border-color .15s}.aa-beyond-chip:hover{background:#ffc20e2e;border-color:#ffc20e66}.aa-beyond-all{font-size:.875rem;font-weight:600;color:var(--accent-primary);text-decoration:none}.aa-beyond-all:hover{text-decoration:underline;text-underline-offset:3px}.aa-privacy-note{display:flex;gap:var(--space-lg);align-items:flex-start;background:#10b9810f;border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl)}.aa-privacy-note-icons{display:flex;gap:var(--space-sm);flex-shrink:0;padding-top:2px}.aa-privacy-note-title{font-size:.9375rem;font-weight:700;color:var(--accent-green);margin-bottom:var(--space-xs)}.aa-privacy-note-body{font-size:.875rem;color:var(--text-secondary);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{flex-wrap:wrap;justify-content:center;border-radius:var(--radius-lg)}.aa-privacy-note{flex-direction:column;gap:var(--space-md)}.aa-privacy-note-icons{justify-content:flex-start}.aa-table-coverage{white-space:normal}.aa-honest-card{flex-direction:column;gap:var(--space-sm)}}.lud{max-width:860px;margin:0 auto;padding:var(--space-xl) var(--space-lg) var(--space-2xl)}.lud-hero{text-align:center;padding:var(--space-2xl) var(--space-lg);background:linear-gradient(135deg,#ffc20e0f,#00427a1f);border:1px solid rgba(255,194,14,.15);border-radius:var(--radius-lg);margin-bottom:var(--space-2xl)}.lud-hero-icon{width:48px;height:48px;margin:0 auto var(--space-md);background:#ffc20e1f;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-primary)}.lud-hero h1{font-family:var(--font-display);font-size:40px;font-weight:500;font-variation-settings:"opsz" 72,"SOFT" 40;letter-spacing:-.02em;color:var(--text-parchment);margin-bottom:14px;line-height:1.1}.lud-hero-sub{font-family:var(--font-sans);font-size:16px;color:var(--text-secondary);line-height:1.6;max-width:620px;margin:0 auto var(--space-lg)}@media (max-width: 767px){.lud-hero h1{font-size:30px}}.lud-hero-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-lg)}.lud-hero-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--accent-primary);color:#0a1628;font-weight:700;font-size:14px;border-radius:var(--radius-md);text-decoration:none;transition:opacity .15s}.lud-hero-btn:hover{opacity:.88}.lud-hero-link{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;color:var(--text-secondary);font-size:14px;text-decoration:underline;text-underline-offset:3px;border-radius:var(--radius-md);transition:color .15s}.lud-hero-link:hover{color:var(--text-primary)}.lud-trust-strip{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.lud-trust-badge{font-size:11px;font-weight:600;color:var(--text-secondary);padding:4px 10px;border:1px solid var(--border);border-radius:20px;background:var(--bg-secondary)}.lud-section{margin-bottom:var(--space-2xl)}.lud-section-title{display:flex;align-items:baseline;gap:12px;font-family:var(--font-display);font-size:22px;font-weight:500;font-variation-settings:"opsz" 36,"SOFT" 40;letter-spacing:-.01em;color:var(--text-parchment);margin-bottom:14px}.lud-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-hairline) 0%,transparent 100%)}.lud-section-intro{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-lg)}.lud-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md)}.lud-benefit-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.lud-benefit-icon{width:36px;height:36px;background:#ffc20e1a;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);flex-shrink:0}.lud-benefit-card strong{font-size:14px;color:var(--text-primary)}.lud-benefit-card p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.6}.lud-picker-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:var(--space-md)}.lud-picker-table{width:100%;border-collapse:collapse;font-size:13px}.lud-picker-table th{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);color:var(--text-primary);font-weight:700;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.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{font-weight:600;color:var(--text-primary);white-space:nowrap;background:var(--bg-secondary)}.lud-picker-table tr:hover td{background:#ffffff05}.lud-picker-callout{font-size:13px;color:var(--text-secondary);padding:var(--space-sm) var(--space-md);background:#ffc20e0d;border:1px solid rgba(255,194,14,.15);border-radius:var(--radius-md);line-height:1.6}.lud-picker-callout a{color:var(--accent-primary);text-decoration:underline}.lud-steps{display:flex;flex-direction:column;gap:var(--space-md)}.lud-step{display:flex;gap:var(--space-md);align-items:flex-start}.lud-step-num{width:32px;height:32px;border-radius:50%;background:var(--accent-primary);color:#0a1628;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.lud-step-body{flex:1;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md)}.lud-step-body strong{display:block;font-size:14px;color:var(--text-primary);margin-bottom:6px}.lud-step-body p{font-size:13px;color:var(--text-secondary);margin:0 0 6px;line-height:1.6}.lud-step-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--accent-primary);text-decoration:underline;text-underline-offset:2px}.lud-step-note{margin-top:var(--space-md);padding:var(--space-md);background:#10b9810f;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-md);font-size:13px;color:var(--text-secondary);line-height:1.6}.lud-faq{display:flex;flex-direction:column;gap:2px}.lud-faq-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.lud-faq-question{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);width:100%;padding:var(--space-md);background:none;border:none;text-align:left;font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:background .15s;line-height:1.5;font-family:var(--font-sans)}.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);font-size:13px;color:var(--text-secondary);line-height:1.7;margin:0;border-top:1px solid var(--border);padding-top:var(--space-sm)}.lud-faq-answer a{color:var(--accent-primary);text-decoration:underline}.lud-cta{display:flex;align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg);background:#ffc20e0f;border:1px solid rgba(255,194,14,.2);border-radius:var(--radius-lg)}.lud-cta svg{color:var(--accent-primary);flex-shrink:0;margin-top:2px}.lud-cta strong{display:block;font-size:15px;color:var(--text-primary);margin-bottom:var(--space-xs)}.lud-cta p{font-size:14px;color:var(--text-secondary);margin:0 0 var(--space-sm);line-height:1.6}.compress-analysis{display:flex;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)}.compress-analysis svg{color:var(--accent-primary);flex-shrink:0;margin-top:2px}.compress-analysis strong{display:block;color:var(--text-primary);margin-bottom:4px;font-size:14px}.compress-analysis p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.55}.compress-analysis-note{margin-top:var(--space-sm)!important;color:var(--text-muted)!important;font-size:12px!important;font-style:italic}.compress-analysis--loading{align-items:center;color:var(--text-secondary);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{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.compress-secondary-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-family:inherit;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{display:flex;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);font-size:13px;color:var(--text-secondary);margin-top:var(--space-md)}.compress-results{margin-top:var(--space-lg)}.compress-results-title{font-size:16px;color:var(--text-primary);margin-bottom:var(--space-md);font-weight:600}.compress-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.compress-preset-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);position:relative;transition:border-color .15s,transform .15s}.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";position:absolute;top:-8px;right:var(--space-md);background:var(--accent-primary);color:var(--bg-primary);padding:2px 8px;font-size:10px;font-weight:700;letter-spacing:.5px;border-radius:var(--radius-sm)}.compress-preset-card--picked{background:#10b98114;border-color:var(--accent-green)}.compress-preset-head{display:flex;flex-direction:column;gap:2px}.compress-preset-head strong{font-size:14px;color:var(--text-primary)}.compress-preset-sub{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.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{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--accent-primary);color:var(--bg-primary);border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:filter .15s}.compress-preset-download:hover{filter:brightness(1.1)}.compress-preset-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent-primary);color:var(--bg-primary);border:none;padding:14px 22px;margin-top:var(--space-sm);border-radius:var(--radius-md);font-size:16px;font-weight:700;letter-spacing:.2px;cursor:pointer;font-family:inherit;transition:filter .15s,transform .05s;box-shadow:0 2px 8px #ffc20e40;align-self:center;min-width:180px}.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{display:flex;justify-content:center;margin-top:var(--space-md)}.compress-secondary-link{background:none;border:none;color:var(--text-secondary);font-size:13px;font-family:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:var(--space-xs) var(--space-sm)}.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);background:#10b98114;border-left:3px solid var(--accent-green);border-radius:var(--radius-sm);color:var(--text-secondary);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{display:flex;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)}.compress-no-gains svg{color:var(--accent-amber);flex-shrink:0;margin-top:2px}.compress-no-gains strong{display:block;margin-bottom:var(--space-xs)}.compress-no-gains p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.5}.compress-secondary-link--prominent{font-size:15px;font-weight:600;color:var(--accent-primary);text-decoration:none;padding:var(--space-sm) var(--space-lg);border:1px solid var(--accent-primary);border-radius:var(--radius-md)}.compress-secondary-link--prominent:hover:not(:disabled){background:#ffc20e1a;color:var(--accent-primary)}.compress-startover{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-family:inherit}.compress-startover:hover{background:var(--bg-tertiary);color:var(--text-primary)}.compress-results-title{display:flex;align-items:baseline;gap:var(--space-sm);flex-wrap:wrap}.compress-results-sub{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.compress-results-title--sub{font-size:14px;margin-top:var(--space-lg);margin-bottom:var(--space-sm);color:var(--text-secondary)}.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{background:none;border:none;color:var(--accent-primary);font:inherit;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.compress-inline-link:hover:not(:disabled){filter:brightness(1.1)}.compress-inline-link:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.compress-advisory{display:flex;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}.compress-advisory>svg{color:var(--lh-cobalt);flex-shrink:0;margin-top:2px}.compress-advisory strong{display:block;margin-bottom:var(--space-xs);color:var(--text-primary)}.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{display:inline-flex;align-items:center;gap:4px;color:var(--accent-primary);text-decoration:none;font-weight:500}.compress-advisory-list a:hover{text-decoration:underline}.compress-advisory-note{font-size:12px;color:var(--text-muted);font-style:italic;margin:0!important}.compress-split-rec{display:flex;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}.compress-split-rec>svg{color:var(--accent-primary);flex-shrink:0;margin-top:2px}.compress-split-rec strong{display:block;margin-bottom:var(--space-xs);color:var(--text-primary)}.compress-split-rec p{margin:0 0 var(--space-sm) 0;color:var(--text-secondary)}.compress-split-rec-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--accent-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;box-shadow:0 2px 6px #ffc20e40}.compress-split-rec-cta:hover{transform:translateY(-1px);box-shadow:0 4px 10px #ffc20e59;filter:brightness(1.05)}.compress-split-rec-cta:active{transform:translateY(0)}.compress-split-rec-cta--compact{padding:6px 12px;font-size:12px;margin-top:var(--space-sm)}.compress-large-file{margin:var(--space-md) 0}.compress-large-file-warning{display:flex;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}.compress-large-file-warning>svg{color:var(--accent-amber);flex-shrink:0;margin-top:2px}.compress-large-file-warning strong{display:block;margin-bottom:var(--space-xs);color:var(--text-primary)}.compress-large-file-warning p{margin:0;color:var(--text-secondary)}.ff-toolbar{display:flex;flex-wrap:wrap;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)}.ff-tool-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);padding:6px var(--space-md);border-radius:var(--radius-sm);font-size:13px;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,border-color .15s}.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{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);flex-wrap:wrap}.ff-page-meta-text{font-size:13px;color:var(--text-secondary);font-family:var(--font-mono)}.ff-page-nav{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);width:28px;height:28px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.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{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:12px;color:var(--text-muted)}.ff-zoom-label input{width:100px}.ff-hint{font-size:13px;color:var(--accent-amber);background:#f59e0b14;border:1px solid rgba(245,158,11,.3);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.ff-editor{display:grid;gap:var(--space-md);margin-bottom:var(--space-md)}.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{min-width:0;display:flex;flex-direction:column;gap:var(--space-sm)}.ff-side-rail{position:sticky;top:calc(var(--topbar-height) + var(--space-md));align-self:start}.ff-side-rail-inner{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;max-height:calc(100vh - var(--topbar-height) - var(--space-xl));display:flex;flex-direction:column}.ff-rail-empty{padding:var(--space-lg);color:var(--text-secondary)}.ff-rail-empty-title{font-family:var(--font-display);font-size:16px;color:var(--text-primary);margin:0 0 var(--space-sm)}.ff-rail-empty-body{font-size:13px;line-height:1.55;margin:0 0 var(--space-md)}.ff-rail-empty-count{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin:0;padding-top:var(--space-sm);border-top:1px solid var(--border-hairline)}.ff-rail-actions{padding:var(--space-md);border-top:1px solid var(--border-hairline);background:var(--bg-inset)}.ff-editor--fullscreen{position:fixed;inset:0;z-index:9000;background:var(--bg-primary);padding:var(--space-md);margin:0;overflow:hidden;grid-template-columns:minmax(0,1fr) 340px;gap:var(--space-md)}.ff-editor--fullscreen.ff-editor--landscape{grid-template-columns:minmax(0,1fr) 340px}.ff-editor--fullscreen .ff-page-column{overflow:hidden;min-height:0}.ff-editor--fullscreen .ff-page-shell{flex:1;max-height:none;min-height:0}.ff-editor--fullscreen .ff-side-rail{position:relative;top:auto;height:100%}.ff-editor--fullscreen .ff-side-rail-inner{max-height:100%;height:100%}.ff-page-shell{display:flex;justify-content:center;padding:var(--space-md);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:auto;max-height:75vh}.ff-page-wrap{position:relative;background:#fff;box-shadow:0 2px 12px #0006;user-select:none}.ff-page-wrap--placing{cursor:crosshair}.ff-page-img{display:block;width:100%;height:100%;pointer-events:none}.ff-field{position:absolute;border:1.5px dashed var(--accent-primary);background:#ffc20e1f;display:flex;align-items:center;justify-content:center;cursor:move;font-size:11px;color:#1a1a1a;font-family:var(--font-mono);border-radius:2px;overflow:hidden}.ff-field--checkbox,.ff-field--radio{background:#ffc20e33}.ff-field--radio{border-radius:50%}.ff-field--signature{background:#10b9811a;border-color:var(--accent-green);border-bottom:2.5px solid var(--accent-green)}.ff-field--signature .ff-field-label{font-style:italic;color:var(--accent-green);background:#ffffffd9}.ff-field--selected{border-style:solid;border-color:var(--accent-green);background:#10b9812e;z-index:5}.ff-field-label{pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px;background:#fff9;border-radius:2px}.ff-field-delete{position:absolute;top:-10px;right:-10px;width:20px;height:20px;background:var(--accent-red);color:#fff;border:2px solid var(--bg-primary);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:6}.ff-field-delete:hover{filter:brightness(1.1)}.ff-field-resize{position:absolute;bottom:-3px;right:-3px;width:12px;height:12px;background:var(--accent-green);border:2px solid var(--bg-primary);cursor:nwse-resize;border-radius:2px;z-index:6}.ff-props{padding:var(--space-md) var(--space-lg);overflow:auto}.ff-props-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.ff-props-header strong{color:var(--text-primary);font-size:14px}.ff-props-delete{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid rgba(239,68,68,.4);color:var(--accent-red);padding:4px var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-family:inherit}.ff-props-delete:hover{background:#ef444414}.ff-props-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.ff-prop{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary)}.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{outline:none;border-color:var(--accent-primary)}.ff-prop textarea{resize:vertical;min-height:70px;font-family:var(--font-mono)}.ff-prop--checkbox{flex-direction:row;align-items:center;gap:var(--space-sm);font-size:13px;color:var(--text-primary)}.ff-prop--full{grid-column:1 / -1}.lud-cta a{color:var(--accent-primary);text-decoration:underline;text-underline-offset:3px}.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);overflow:hidden;position:relative}.hiw:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent-primary) 50%,transparent 100%);opacity:0;transition:opacity .25s}.hiw--open:before{opacity:.6}.hiw-toggle{display:flex;align-items:flex-start;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);background:none;border:none;text-align:left;cursor:pointer;color:var(--text-primary);font-family:var(--font-sans);transition:background .15s}.hiw-toggle:hover{background:#ffffff05}.hiw-toggle-icon{color:var(--accent-primary);flex-shrink:0;margin-top:3px}.hiw-toggle-label{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.hiw-toggle-label strong{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--text-parchment);letter-spacing:-.01em}.hiw-toggle-sub{font-size:13px;color:var(--text-secondary);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{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-parchment);margin:0 0 var(--space-sm);letter-spacing:-.005em}.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{margin:0;padding-left:20px;color:var(--text-secondary)}.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);font-size:11px;padding:1px 5px;background:var(--bg-inset);border:1px solid var(--border);border-radius:3px;color:var(--text-primary)}.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);font-weight:500;list-style:none;display:flex;align-items:center;gap:6px;padding:2px 0;user-select:none}.hiw-technical summary::-webkit-details-marker{display:none}.hiw-technical summary:before{content:"▸";font-size:10px;color:var(--text-muted);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);font-size:12px;padding:1px 4px;background:var(--bg-secondary);border:1px solid var(--border-hairline);border-radius:3px;color:var(--text-primary)}.hiw-technical-flow{margin:0 0 var(--space-sm);padding-left:20px;color:var(--text-secondary)}.hiw-technical-flow li{margin-bottom:6px}.hiw-technical-source a{display:inline-flex;align-items:center;gap:4px;color:var(--accent-primary);text-decoration:none;font-weight:500;font-size:12px}.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);font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs);letter-spacing:.01em}@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}}