@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-vietnamese-400-normal-Dpl4UHAZ.woff2)format("woff2"),url(/assets/barlow-vietnamese-400-normal-BFeobeCK.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-ext-400-normal-HxX4XjxC.woff2)format("woff2"),url(/assets/barlow-latin-ext-400-normal-CvBsJvxq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-vietnamese-500-normal-zTViEIzf.woff2)format("woff2"),url(/assets/barlow-vietnamese-500-normal-GNfB7rCE.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-ext-500-normal-DOaysfXq.woff2)format("woff2"),url(/assets/barlow-latin-ext-500-normal-CJPcKP2Q.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-vietnamese-600-normal-DcjprdFV.woff2)format("woff2"),url(/assets/barlow-vietnamese-600-normal-CA_GiK2e.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-ext-600-normal-B8NK_A3D.woff2)format("woff2"),url(/assets/barlow-latin-ext-600-normal-DMVRjfRT.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-vietnamese-700-normal-D6euyNzi.woff2)format("woff2"),url(/assets/barlow-vietnamese-700-normal-4Jt4k04K.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-ext-700-normal-BLuWmldJ.woff2)format("woff2"),url(/assets/barlow-latin-ext-700-normal-CctuGmmz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-700-normal-A9pxMQ4z.woff2)format("woff2"),url(/assets/barlow-latin-700-normal-__SGTsZ1.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-ext-400-normal-CuPM9foi.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-400-normal-xaE7D4Sw.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-400-normal-xAOo5cBP.woff2)format("woff2"),url(/assets/nunito-cyrillic-400-normal-D1j0u8EH.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-vietnamese-400-normal-BHkVbP3T.woff2)format("woff2"),url(/assets/nunito-vietnamese-400-normal-DtOtW02z.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-ext-400-normal-i-8OOpdj.woff2)format("woff2"),url(/assets/nunito-latin-ext-400-normal-CjMJVfGn.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2)format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-ext-600-normal-CWPPjBOD.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-600-normal-vnfu4DTE.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-600-normal-DJGQ2h05.woff2)format("woff2"),url(/assets/nunito-cyrillic-600-normal-BUjmtIuu.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-vietnamese-600-normal-BY8O6Cug.woff2)format("woff2"),url(/assets/nunito-vietnamese-600-normal-DO1RqFw5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-ext-600-normal-Dd9Zuxh1.woff2)format("woff2"),url(/assets/nunito-latin-ext-600-normal-BKUpuB78.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-ext-700-normal-BuR0mlCG.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-700-normal-DfoqN4Gs.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-700-normal-DP36NgGt.woff2)format("woff2"),url(/assets/nunito-cyrillic-700-normal-DfHRUDv-.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-vietnamese-700-normal-Ch8EUCfz.woff2)format("woff2"),url(/assets/nunito-vietnamese-700-normal-C9SQsXvj.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-ext-700-normal-BWeMsAzO.woff2)format("woff2"),url(/assets/nunito-latin-ext-700-normal-D4woHhbd.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-ext-800-normal-B-cvGohL.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-800-normal-pjRatrRO.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-800-normal-D3igD7Kl.woff2)format("woff2"),url(/assets/nunito-cyrillic-800-normal-DymMgApb.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-vietnamese-800-normal-D_CZYdm9.woff2)format("woff2"),url(/assets/nunito-vietnamese-800-normal-Dz0hZPb5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-ext-800-normal-CtU8tJOV.woff2)format("woff2"),url(/assets/nunito-latin-ext-800-normal-CDcxIxx8.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,[data-theme=werkplaats]{--text:#3d4654;--text-h:#1e1e1e;--text-muted:#6b7582;--bg:#eef3f6;--surface:#fff;--border:#d5dde4;--code-bg:#f4f7f9;--accent:#1a6b5c;--accent-2:#c46a1b;--accent-3:#2d6a4f;--accent-4:#6e7a88;--accent-5:#a8b4c0;--accent-bg:#1a6b5c1a;--accent-border:#1a6b5c59;--action:#c46a1b;--action-text:#fff;--header-border:#a8b4c0;--header-gradient:#e8f0f4;--panel-gradient:#fff;--sky:#c5dce8;--grass:#6b9b7a;--shadow:#1e1e1e14;--shadow-strong:#1e1e1e29;--tab-active-bg:#1a6b5c;--cta-bg:#c46a1b;--cta-shadow:#c46a1b47;--body-wash-a:transparent;--body-wash-b:transparent;--center-wash:#e8f0f4;--sidebar-wash:#f4f7f9;--success-chip:#dcefe6;--preview-ground:linear-gradient(180deg, #c5dce8 0%, #b7c9b0 55%, #8fad88 100%);--bom-row-wash:#e8f0f4;--tabs-surface:#ffffffeb;--sans:"Barlow", "Segoe UI", system-ui, sans-serif;--heading:"Barlow", "Segoe UI", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Consolas, monospace;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}[data-theme=speels]{--text:#5b5675;--text-h:#2d1b4e;--text-muted:#8b83a8;--bg:#fffdf8;--surface:#fff;--border:#e8dff5;--code-bg:#f0f7ff;--accent:#7c3aed;--accent-2:#f97316;--accent-3:#14b8a6;--accent-4:#ec4899;--accent-5:#eab308;--accent-bg:#7c3aed1a;--accent-border:#7c3aed59;--action:#7c3aed;--action-text:#fff;--header-border:#ec4899;--header-gradient:linear-gradient(120deg, #fef08a 0%, #fbcfe8 35%, #bae6fd 65%, #ddd6fe 100%);--panel-gradient:linear-gradient(145deg, #fff 0%, #fef9ff 45%, #f0f9ff 100%);--sky:#7dd3fc;--grass:#86efac;--shadow:#7c3aed1a;--shadow-strong:#7c3aed47;--tab-active-bg:linear-gradient(135deg, #7c3aed, #ec4899);--cta-bg:linear-gradient(135deg, #7c3aed, #ec4899);--cta-shadow:#7c3aed40;--body-wash-a:#ec489914;--body-wash-b:#14b8a61a;--center-wash:linear-gradient(180deg, #f0f7ff 0%, #bae6fd59 100%);--sidebar-wash:linear-gradient(180deg, #f0f7ff 0%, #fef3c759 100%);--success-chip:linear-gradient(135deg, #d9f99d, #86efac);--preview-ground:linear-gradient(180deg, #bae6fd 0%, #86efac 55%, #4ade80 100%);--bom-row-wash:linear-gradient(90deg, #fef3c766, #ddd6fe59);--tabs-surface:#ffffffbf;--sans:"Nunito", "Segoe UI", system-ui, sans-serif;--heading:"Nunito", "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, Consolas, monospace}@media (prefers-color-scheme:dark){:root,[data-theme=werkplaats]{--text:#b0b8c2;--text-h:#eef2f7;--text-muted:#8a93a0;--bg:#141820;--surface:#1a2030;--border:#2a3140;--code-bg:#1a2030;--accent:#3d9b88;--accent-2:#e08a3c;--accent-3:#52b788;--accent-4:#8a96a3;--accent-5:#6e7a88;--accent-bg:#3d9b8824;--accent-border:#3d9b8866;--action:#d4883a;--header-border:#3a4555;--header-gradient:#1a2030;--panel-gradient:#1a2030;--sky:#2a3d4a;--grass:#3d6b4f;--shadow:#00000059;--shadow-strong:#00000080;--tab-active-bg:#3d9b88;--cta-bg:#d4883a;--cta-shadow:#d4883a59;--center-wash:#1a2030;--sidebar-wash:#1a2030;--success-chip:#52b78840;--preview-ground:linear-gradient(180deg, #2a3d4a 0%, #2d4a38 55%, #1e3a2a 100%);--bom-row-wash:#2a3d4a73;--tabs-surface:#1a2030eb}[data-theme=speels]{--text:#c4bdd9;--text-h:#f5f0ff;--text-muted:#9d94b8;--bg:#1a1428;--surface:#221a38;--border:#3d3358;--code-bg:#221a38;--accent:#a78bfa;--accent-2:#fb923c;--accent-3:#2dd4bf;--accent-4:#f472b6;--accent-5:#facc15;--accent-bg:#a78bfa26;--accent-border:#a78bfa73;--action:#a78bfa;--header-border:#f472b6;--header-gradient:linear-gradient(120deg, #422006 0%, #4a1942 35%, #1e3a5f 65%, #312e81 100%);--panel-gradient:linear-gradient(145deg, #221a38 0%, #2a1f42 50%, #1a2540 100%);--sky:#38bdf8;--grass:#4ade80;--shadow:#a78bfa1f;--shadow-strong:#a78bfa59;--tab-active-bg:linear-gradient(135deg, #a78bfa, #f472b6);--cta-bg:linear-gradient(135deg, #a78bfa, #f472b6);--cta-shadow:#a78bfa4d;--body-wash-a:#f472b614;--body-wash-b:#2dd4bf14;--center-wash:linear-gradient(180deg, #221a38 0%, #1e3a5f73 100%);--sidebar-wash:linear-gradient(180deg, #221a38 0%, #42200659 100%);--success-chip:linear-gradient(135deg, #4ade804d, #2dd4bf40);--preview-ground:linear-gradient(180deg, #1e3a5f 0%, #14532d 55%, #166534 100%);--bom-row-wash:linear-gradient(90deg, #42200659, #312e8159);--tabs-surface:#221a38d9}}html,body{height:100%;overflow:hidden}#root{box-sizing:border-box;width:100%;height:100svh;max-height:100svh;margin:0;overflow:hidden}body{background:radial-gradient(circle at 0% 0%, var(--body-wash-a), transparent 40%), radial-gradient(circle at 100% 20%, var(--body-wash-b), transparent 35%), var(--bg);margin:0}h1{font-family:var(--heading);color:var(--text-h);letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:700}h2{font-family:var(--heading);color:var(--text-h);font-weight:600}p{margin:0}a{color:inherit}*{box-sizing:border-box}.app{text-align:left;--md-sys-color-primary:var(--accent);--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:color-mix(in srgb, var(--accent) 18%, var(--surface));--md-sys-color-on-primary-container:var(--text-h);--md-sys-color-secondary-container:color-mix(in srgb, var(--accent) 22%, var(--surface));--md-sys-color-on-secondary-container:var(--text-h);--md-sys-color-surface:var(--surface);--md-sys-color-surface-container-low:var(--sidebar-wash,#f4f7f9);--md-sys-color-surface-container:color-mix(in srgb, var(--border) 35%, var(--surface));--md-sys-color-on-surface:var(--text-h);--md-sys-color-on-surface-variant:var(--text-muted);--md-sys-color-outline:var(--border);--md-sys-color-outline-variant:color-mix(in srgb, var(--border) 70%, transparent);--md-sys-typescale-label-large:500 .875rem / 1.25 var(--sans);--md-sys-typescale-title-small:500 .875rem / 1.25 var(--heading);--md-sys-typescale-title-medium:500 1rem / 1.3 var(--heading);--md-sys-typescale-headline-small:400 1.5rem / 1.3 var(--heading);--md-sys-typescale-body-medium:400 .875rem / 1.45 var(--sans);--md-sys-shape-corner-full:999px;--md-sys-shape-corner-large:16px;--md-sys-shape-corner-medium:12px;flex-direction:column;height:100svh;display:flex;overflow:hidden}.app-shell{flex-direction:row;align-items:stretch}.app-shell-main{background:var(--md-sys-color-surface);flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;overflow:hidden}.md-drawer{background:var(--md-sys-color-surface-container-low);border-right:1px solid var(--md-sys-color-outline-variant);z-index:20;flex-direction:column;flex:0 0 280px;width:280px;max-width:280px;display:flex}.md-drawer--rail{flex-basis:80px;width:80px;max-width:80px}.md-drawer-header{flex-shrink:0;align-items:center;gap:4px;min-height:64px;padding:12px 12px 8px;display:flex}.md-drawer-brand{cursor:pointer;text-align:left;min-width:0;color:inherit;font:inherit;border-radius:var(--md-sys-shape-corner-medium);background:0 0;border:none;flex:auto;align-items:center;gap:12px;padding:4px;display:flex}.md-drawer-brand:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}.md-drawer-brand-logo{object-fit:cover;border-radius:8px;flex-shrink:0;width:40px;height:40px;display:block}.md-drawer-brand-text{flex-direction:column;gap:2px;min-width:0;display:flex}.md-drawer-brand-title{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.md-drawer-brand-sub{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant);font-size:.75rem}.md-icon-btn{border-radius:var(--md-sys-shape-corner-full);width:40px;height:40px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:1.25rem;line-height:1}.md-icon-btn:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent);color:var(--md-sys-color-on-surface)}.md-drawer-nav{flex-direction:column;flex:auto;gap:16px;padding:4px 0 12px;display:flex;overflow-y:auto}.md-drawer-section{flex-direction:column;gap:0;padding:0 12px;display:flex}.md-drawer-section-label{font:var(--md-sys-typescale-title-small);letter-spacing:.04em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);margin:0 16px 8px;font-size:.75rem}.md-nav-item{border-radius:var(--md-sys-shape-corner-full);width:100%;min-height:56px;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-large);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;margin:0 0 4px;padding:0 16px;display:flex}.md-nav-item:hover:not(:disabled){background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent);color:var(--md-sys-color-on-surface)}.md-nav-item--selected,.md-nav-item--selected:hover:not(:disabled){background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.md-nav-item:disabled{opacity:.38;cursor:not-allowed}.md-nav-item-icon{flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.md-nav-item-icon svg{display:block}.md-nav-item-label{flex:auto;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.md-nav-item-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-2);font-size:.6875rem;font-weight:600}.md-drawer--rail .md-drawer-section{align-items:center;padding:0 12px}.md-drawer--rail .md-nav-item{justify-content:center;width:56px;padding:0}.md-drawer--rail .md-drawer-header{flex-direction:column;gap:8px;padding:12px 8px}.md-drawer--rail .md-drawer-brand{justify-content:center;padding:0}.md-drawer-footer{border-top:1px solid var(--md-sys-color-outline-variant);z-index:30;flex-shrink:0;padding:12px;position:relative;overflow:visible}.md-drawer--rail .md-drawer-footer{justify-content:center;padding:12px 8px;display:flex}.app-header{border-bottom:3px solid var(--header-border);background:var(--header-gradient);box-shadow:0 4px 24px var(--shadow);flex-shrink:0;padding:1.1rem 1.5rem .85rem}.app-header--thin{border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);min-height:64px;box-shadow:none;align-items:center;padding:0 16px;display:flex}.app-header--thin .header-row{width:100%}.app-header--thin .header-title-compact{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface);margin:0;font-size:1.125rem}.header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.header-copy{flex:auto;min-width:0}.header-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.75rem;display:flex}.view-tabs{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-full);box-shadow:none;border:none;gap:0;padding:4px;display:flex}.view-tabs button{border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-large);cursor:pointer;background:0 0;border:none;padding:.4rem 1rem;transition:background .15s,color .15s}.view-tabs button.active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);box-shadow:none;font-weight:500}.view-tabs button:not(.active):hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent);color:var(--md-sys-color-on-surface);transform:none}.app-header--thin .view-tabs button{padding:.35rem .85rem}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:0 0 .35rem;font-size:.8rem;font-weight:700}.md-welcome{z-index:80;background:var(--md-sys-color-surface);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.md-welcome-surface{text-align:left;width:min(400px,100%)}.md-welcome-brand{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface);align-items:center;gap:12px;margin:0 0 24px;font-size:1.375rem;font-weight:500;display:inline-flex}.md-welcome-brand-logo{object-fit:cover;border-radius:10px;width:48px;height:48px;display:block}.md-welcome-headline{font:var(--md-sys-typescale-headline-small);color:var(--md-sys-color-on-surface);margin:0 0 12px;font-size:clamp(1.5rem,3vw,1.75rem)}.md-welcome-body{max-width:36ch;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant);margin:0 0 32px;font-size:.9375rem}.md-welcome-actions{flex-direction:column;align-items:stretch;gap:12px;display:flex}.md-btn{border-radius:var(--md-sys-shape-corner-full);min-height:40px;font:var(--md-sys-typescale-label-large);cursor:pointer;border:none;padding:0 24px}.md-btn--filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md-btn--filled:hover{filter:brightness(1.06)}.md-btn--tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.md-btn--tonal:hover{filter:brightness(.97)}.md-btn--text{color:var(--md-sys-color-primary);background:0 0}.md-btn--text:hover{background:color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent)}.account-menu--compact{position:relative}@media (width<=720px){.md-drawer:not(.md-drawer--rail){z-index:40;position:absolute;top:0;bottom:0;left:0;box-shadow:0 8px 24px #0000001f}}.subtitle{max-width:none;margin:.5rem 0 0;line-height:1.45}.subtitle a{color:var(--accent);font-weight:700}.app-main{flex:1;grid-template-columns:minmax(280px,310px) minmax(0,1fr) minmax(290px,320px);align-items:stretch;gap:0;min-height:0;display:grid;overflow:hidden}.main-left{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:0;min-height:0;padding:1rem 1rem 1.25rem;display:flex;overflow:hidden auto}.main-left .form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.main-left .form-section h2{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .65rem;font-size:.8rem;font-weight:700}.main-left .editor-panel{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.main-left .preset-card{padding:.55rem .7rem}.main-left .base-type-btn{padding:.55rem .65rem}.main-center{background:var(--center-wash);flex-direction:column;min-width:0;min-height:0;padding:.65rem .75rem;display:flex;overflow:hidden}.main-sidebar{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;gap:.75rem;min-height:0;padding:.85rem .85rem 1rem;display:flex;overflow:hidden auto}.sidebar-panels{flex-direction:column;gap:0;display:flex}.sidebar-panels.bom-panel,.sidebar-panels.config-panel{border:1px solid var(--border);background:var(--surface);border-radius:10px;overflow:hidden}.main-left .config-subsection{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.75rem}.main-left .config-subhint{margin:.65rem 0 0}.main-left .config-subsection .field-label{margin-bottom:.45rem;display:block}.main-left .form-section{border-bottom:none;margin-bottom:0;padding-bottom:0}.preview-panel-fill{flex-direction:column;flex:1;min-height:0;margin:0;display:flex;overflow:hidden}.collapsible-section{box-shadow:none;border:none;border-bottom:1px solid var(--border);z-index:0;background:0 0;border-radius:0;position:relative;overflow:visible}.collapsible-section:last-child{border-bottom:none}.collapsible-summary-row{align-items:center;gap:.35rem;min-width:0;display:flex}.collapsible-summary{cursor:pointer;min-width:0;font:inherit;color:var(--text-h);-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:.5rem;padding:.7rem .85rem;font-size:.88rem;font-weight:600;list-style:none;transition:background .12s;display:flex}.collapsible-summary:hover{background:var(--code-bg)}.collapsible-title{flex:1;min-width:0}.collapsible-title:before{content:none}.collapsible-actions{flex-shrink:0;padding-right:.5rem}.collapsible-chevron{border-right:1.5px solid var(--steel-dark,var(--text-muted));border-bottom:1.5px solid var(--steel-dark,var(--text-muted));opacity:.7;flex-shrink:0;width:.45rem;height:.45rem;margin-left:.25rem;transition:transform .15s;transform:rotate(45deg)}.collapsible-section.is-open>.collapsible-summary-row .collapsible-chevron{transform:rotate(-135deg)}.collapsible-body{z-index:0;border-top:none;padding:0 .85rem .85rem;position:relative}.bom-panel-section table{border-collapse:collapse;width:100%;font-size:.84rem}.bom-panel-section th,.bom-panel-section td{text-align:left;border-bottom:1px solid var(--border);padding:.45rem .15rem}.bom-panel-section th{color:var(--text);font-weight:500}.bom-panel-section tbody .bom-row{cursor:pointer;transition:background .12s}.bom-panel-section tbody .bom-row:hover{background:var(--accent-bg)}.bom-panel-section tbody .bom-row-active{background:var(--accent-bg);box-shadow:inset 3px 0 0 var(--accent)}.bom-panel-section tbody .bom-row-active td{color:var(--text-h);font-weight:600}.form-section{margin-bottom:2rem}.form-section h2{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.65rem;font-size:.8rem;font-weight:700;display:block}.form-section h2:before{content:none}.preset-grid{gap:.35rem;display:grid}.preset-card{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.55rem .7rem;transition:border-color .12s,background .12s;display:flex}.preset-card:hover{border-color:var(--accent-border);background:var(--code-bg)}.preset-card.active{border-color:var(--accent);background:var(--accent-bg);box-shadow:inset 3px 0 0 var(--accent)}.preset-card strong{color:var(--text-h);font-size:.9rem;font-weight:600}.preset-card span{color:var(--text-muted);font-size:.75rem;line-height:1.35}.field-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.field-grid label,.checkbox-row{color:var(--text-h);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.field-grid input[type=number]{border:1px solid var(--border);background:var(--bg);color:var(--text-h);font:inherit;border-radius:6px;padding:.5rem .65rem}.checkbox-row{cursor:pointer;flex-direction:row;align-items:center;margin-top:.75rem}.base-type-row{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem;display:grid}.base-type-btn{border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;gap:.2rem;padding:.55rem .65rem;transition:border-color .12s,background .12s;display:flex}.base-type-btn:hover{border-color:var(--accent-border);background:var(--code-bg)}.base-type-btn.active{border-color:var(--accent);background:var(--accent-bg);box-shadow:inset 3px 0 0 var(--accent)}.base-type-btn strong{color:var(--text-h);font-size:.86rem;font-weight:600}.base-type-btn span{color:var(--text-muted);font-size:.72rem;line-height:1.35}.anchor-depth-field{color:var(--text-h);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.anchor-depth-field input[type=number]{border:1px solid var(--border);background:var(--bg);color:var(--text-h);font:inherit;border-radius:6px;max-width:8rem;padding:.5rem .65rem}.field-hint{color:var(--text-muted);font-size:.72rem;line-height:1.4}.main-left .dimension-mode-intro,.main-left .field-grid label .field-hint{display:none}.dimension-mode-row{margin-bottom:.5rem}.dimension-mode-intro{margin:0 0 .85rem}.diameter-mode-hint{margin-top:.5rem;display:block}.field-grid label .field-hint{margin-top:.25rem;display:block}.material-grid{gap:.4rem;margin-bottom:1rem;display:grid}.material-card{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:.65rem;padding:.5rem .65rem;transition:border-color .12s,background .12s;display:flex}.material-card:hover{border-color:var(--accent-border);background:var(--code-bg)}.material-card.active{border-color:var(--accent);background:var(--accent-bg);box-shadow:inset 3px 0 0 var(--accent)}.swatch{border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:28px;height:28px}.material-info{flex-direction:column;flex:1;gap:.1rem;display:flex}.material-info strong{color:var(--text-h);font-size:.88rem}.material-info span{color:var(--text);font-size:.78rem}.badge{background:var(--success-chip);color:#166534;border-radius:999px;padding:.15rem .45rem;font-size:.7rem;font-weight:700}@media (prefers-color-scheme:dark){.badge{background:var(--success-chip);color:#86efac}}.diameter-row{flex-direction:column;gap:.5rem;display:flex}.field-label{color:var(--text-h);font-size:.85rem}.diameter-options{flex-wrap:wrap;gap:.4rem;display:flex}.diameter-btn{border:1px solid var(--border);background:var(--bg);color:var(--text-h);cursor:pointer;border-radius:6px;padding:.4rem .75rem;font-size:.85rem}.diameter-btn.active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent);font-weight:700}.preview-panel,.bom-summary{margin:0 0 .5rem}.preview-panel{flex-direction:column;min-height:0;display:flex;overflow:hidden}.bom-actions{grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.5rem;display:grid}.bom-action-btn{background:var(--cta-bg);color:#fff;cursor:pointer;box-shadow:none;border:none;border-radius:8px;padding:.5rem .6rem;font-size:.78rem;font-weight:600;transition:filter .12s,background .12s}.bom-action-btn:hover:not(:disabled){filter:brightness(1.05)}.bom-action-btn.secondary{background:var(--surface);color:var(--text-h);border:1px solid var(--border);box-shadow:none;font-weight:500}.bom-action-btn.secondary:hover:not(:disabled){border-color:var(--accent-border);background:var(--code-bg);filter:none}@media (prefers-color-scheme:dark){.bom-action-btn.secondary{background:var(--code-bg)}}.bom-action-btn:disabled{opacity:.6;cursor:wait}.bom-print-hint{color:var(--text-muted);margin:0 0 .5rem;font-size:.72rem;line-height:1.35}.price-indication{flex-direction:column;gap:.35rem;display:flex}.price-indication-range{color:var(--text-h);letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:600}.price-indication-vat{font-size:.78rem;font-weight:500}.price-indication-category{margin:0;font-size:.82rem}.price-indication-disclaimer{color:var(--text);background:var(--code-bg);border-left:3px solid var(--border);border-radius:0 6px 6px 0;margin:.35rem 0 0;padding:.55rem .65rem;font-size:.74rem;line-height:1.45}.quote-cart-message{color:var(--text-h);background:#2d6a4f1a;border:1px solid #2d6a4f40;border-radius:6px;margin:0 0 .75rem;padding:.5rem .65rem;font-size:.78rem;line-height:1.45}@media print{.no-print,.app-header,.app-footer,.view-tabs,.preview-panel,.main-left,.main-center,.main-left .editor-panel:not(.bom-panel),.quote-panel,.shop-links,.suppliers-menu-dropdown{display:none!important}.bom-panel,.main-sidebar{border:none;padding:0}}.bom-panel{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.preview-panel h2{flex-shrink:0;margin:0 0 .4rem;font-size:.92rem}.preview-panel-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.preview-panel-header h2{margin:0}.preview-panel-header .bom-action-btn{white-space:nowrap;flex-shrink:0}.preview-3d{border:3px solid var(--sky);background:var(--preview-ground);border-radius:14px;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #38bdf840}.preview-3d canvas{display:block;width:100%!important;height:100%!important}.canvas-inner{flex:1;min-height:0;position:relative}.canvas-inner,.canvas-inner>div{width:100%;height:100%}.preview-hint{color:var(--text);text-align:center;background:#ffffff8c;flex-shrink:0;margin:0;padding:.5rem .75rem;font-size:.75rem}.canvas-loader{height:100%;color:var(--text);place-items:center;font-size:.9rem;display:grid}.editor-panel{background:var(--surface);border:1px solid var(--border);box-shadow:none;border-radius:10px;padding:.85rem .95rem}.editor-panel.form-section{margin-bottom:0}.editor-panel h2,.editor-panel h3{margin:0 0 .5rem;font-size:1rem}.editor-intro{margin-bottom:.75rem;font-size:.82rem;line-height:1.45}.toolbar{flex-wrap:wrap;gap:.4rem;display:flex}.tool-btn{border:1px solid var(--border);background:var(--code-bg);color:var(--text-h);cursor:pointer;border-radius:6px;padding:.45rem .7rem;font-size:.8rem}.tool-btn:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-bg)}.tool-btn:disabled{opacity:.45;cursor:not-allowed}.tool-btn.danger{color:#c62828;border-color:#c6282859}.tool-btn.secondary{width:100%;margin-top:.25rem}.prop-list{gap:.5rem;margin:0 0 .75rem;display:grid}.prop-list div{justify-content:space-between;font-size:.82rem;display:flex}.prop-list dt{color:var(--text)}.prop-list dd{color:var(--text-h);margin:0;font-weight:600}.length-adjust{color:var(--text-h);flex-direction:column;gap:.35rem;font-size:.82rem;display:flex}.length-adjust input{border:1px solid var(--border);background:var(--code-bg);color:var(--text-h);font:inherit;border-radius:6px;padding:.45rem .6rem}.tool-switcher{margin-bottom:.5rem}.tool-switcher .tool-btn.active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent);font-weight:600}.editor-canvas-wrap.draw-mode,.editor-canvas-wrap.draw-mode canvas{cursor:crosshair}.editor-canvas-wrap.pan-mode{cursor:grab}.editor-canvas-wrap.pan-mode:active{cursor:grabbing}.editor-canvas-wrap.pan-mode canvas{cursor:grab}.editor-canvas-wrap.pan-mode:active canvas{cursor:grabbing}.editor-canvas-wrap.hinge-mode,.editor-canvas-wrap.hinge-mode canvas,.editor-canvas-wrap.plank-mode,.editor-canvas-wrap.plank-mode canvas{cursor:crosshair}.editor-canvas-wrap.move-mode{cursor:grab}.editor-canvas-wrap.move-mode:active,.editor-canvas-wrap.move-mode:active canvas{cursor:grabbing}.editor-canvas-wrap.move-mode canvas{cursor:grab}.snap-label{color:#f0f4f8;letter-spacing:.02em;white-space:nowrap;background:#0c1016d1;border-radius:4px;padding:.15rem .45rem;font-size:.68rem;font-weight:600;display:inline-block;transform:translateY(-1.4rem)}.snap-label-warn{background:#78281ee6}.draw-pipe-panel-anchor{pointer-events:auto;z-index:20;position:absolute;bottom:3.25rem;left:50%;transform:translate(-50%)}.draw-pipe-panel{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border-radius:10px;flex-direction:column;gap:.55rem;min-width:260px;padding:.75rem .85rem;display:flex;box-shadow:0 8px 28px #0000001f}.draw-pipe-panel-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.draw-pipe-panel-head strong{color:var(--text-h);font-size:.88rem}.draw-pipe-close{color:var(--text);cursor:pointer;background:0 0;border:none;padding:.15rem .35rem;font-size:.9rem;line-height:1}.draw-pipe-meta{color:var(--text);margin:0;font-size:.72rem;line-height:1.35}.draw-pipe-length{color:var(--text-h);flex-direction:column;gap:.25rem;font-size:.75rem;font-weight:600;display:flex}.draw-pipe-length input{border:1px solid var(--border);border-radius:6px;width:100%;padding:.45rem .55rem;font-size:.95rem;font-weight:500}.draw-pipe-actions{gap:.45rem;display:flex}.draw-pipe-place{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;flex:1;padding:.45rem .65rem;font-size:.82rem;font-weight:600}.draw-pipe-cancel{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;padding:.45rem .65rem;font-size:.82rem}.radial-menu{pointer-events:auto;width:0;height:0;position:relative}.radial-menu-center{background:var(--accent);border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:0;left:0;box-shadow:0 2px 8px #0003}.radial-menu-item{border:1px solid var(--border);background:var(--bg);min-width:4.5rem;color:var(--text-h);cursor:pointer;white-space:nowrap;border-radius:999px;flex-direction:column;align-items:center;gap:.15rem;padding:.45rem .55rem;font-size:.72rem;font-weight:600;transition:transform .12s,box-shadow .12s;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 14px #00000026}.radial-menu-item:hover{transform:translate(calc(-50% + var(--x,0px)), calc(-50% + var(--y,0px))) scale(1.06);box-shadow:0 6px 18px #0003}.radial-menu-item.danger{color:#c62828;border-color:#c6282859}.radial-icon{font-size:.95rem;line-height:1}.editor-canvas-wrap{position:relative}.editor-toolbar{z-index:10;border:2px solid var(--accent-border);box-shadow:0 6px 20px var(--shadow-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:14px;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.45rem .55rem;display:flex;position:absolute;top:12px;left:12px;right:12px}@media (prefers-color-scheme:dark){.editor-toolbar{background:#141820eb}}.editor-toolbar-group{align-items:center;gap:.3rem;display:flex}.editor-toolbar-divider{background:var(--border,#d1d5db);flex-shrink:0;width:1px;height:28px;margin:0 .15rem}.editor-file-menu{position:relative}.editor-file-menu-panel{z-index:20;border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;gap:.15rem;min-width:220px;padding:.35rem;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 28px #00000024}.editor-file-menu-panel button{text-align:left;font:inherit;color:var(--text-h,#1f2937);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:.45rem .6rem;font-size:.85rem;font-weight:600}.editor-file-menu-panel button:hover:not(:disabled){background:var(--surface-2,#f3f4f6)}.editor-file-menu-panel button:disabled{opacity:.45;cursor:not-allowed;color:var(--text-muted,#6b7280)}@media (prefers-color-scheme:dark){.editor-file-menu-panel{background:#1c212b}}.editor-tool{border:1px solid var(--border);background:var(--bg);color:var(--text-h);cursor:pointer;border-radius:7px;align-items:center;gap:.3rem;padding:.4rem .65rem;font-size:.78rem;font-weight:500;display:flex}.editor-tool:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-bg)}.editor-tool.active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent);font-weight:700}.editor-tool.danger{color:#c62828}.editor-tool.danger:hover:not(:disabled){background:#c6282814;border-color:#c6282859}.editor-tool:disabled{opacity:.4;cursor:not-allowed}.editor-tool.subtle{color:var(--text)}.editor-tool.compact{justify-content:center;min-width:3rem;padding:.35rem .55rem}.tool-icon{font-size:.95rem;line-height:1}.toolbar-label{color:var(--text);margin-right:.15rem;font-size:.72rem}.plank-plane-picker .editor-tool.compact{flex-direction:column;gap:.05rem;min-width:3.6rem;padding:.3rem .45rem;line-height:1.15}.plank-plane-picker .plane-label{font-size:.68rem;font-weight:600}.plank-plane-picker .plane-short{letter-spacing:.04em;opacity:.75;font-size:.62rem;font-weight:500}.material-picker .material-swatch-btn{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;padding:.2rem}.material-picker .material-swatch-btn.active{border-color:var(--accent)}.material-picker .swatch{border:1px solid #00000026;border-radius:50%;width:22px;height:22px;display:block}.bom-summary{color:var(--text);margin-bottom:.65rem;font-size:.84rem;line-height:1.4}.bom-summary strong{color:var(--text-h)}.bom-section{margin-bottom:1rem}.bom-section h3{color:var(--text-h);margin:0 0 .5rem;font-size:.85rem}.bom-panel table{border-collapse:collapse;width:100%;font-size:.82rem}.bom-panel th,.bom-panel td{text-align:left;border-bottom:1px solid var(--border);padding:.4rem .5rem}.bom-panel th{color:var(--text);font-weight:500}.bom-panel td.muted{color:var(--text);font-size:.78rem}.bom-hint{color:var(--text-muted);margin:.15rem 0 0;font-size:.72rem}.bom-panel tbody .bom-row{cursor:pointer;transition:background .12s}.bom-panel tbody .bom-row:hover{background:var(--accent-bg)}.bom-panel tbody .bom-row-active{box-shadow:inset 4px 0 0 var(--accent-5);background:#eab3082e}.bom-panel tbody .bom-row-active td{color:var(--text-h);font-weight:600}.bom-notes{color:var(--text);margin:0 0 1rem;padding-left:1.2rem;font-size:.8rem;line-height:1.45}.shop-links{flex-wrap:wrap;gap:.75rem;display:flex}.shop-links a{color:var(--accent);font-size:.85rem;font-weight:500;text-decoration:none}.shop-links a:hover{text-decoration:underline}.suppliers-menu-hint{color:var(--text-muted,#6b7280);margin:0 0 .5rem;font-size:.78rem;line-height:1.4}.suppliers-menu-items{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.suppliers-menu-items a{color:var(--accent);font-size:.85rem;font-weight:500;text-decoration:none}.suppliers-menu-items a:hover{text-decoration:underline}.suppliers-menu-dropdown{font-size:.88rem;position:relative}.suppliers-menu-dropdown>summary{cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid var(--border);font:inherit;color:var(--text);box-shadow:0 2px 8px var(--shadow);background:#ffffffbf;border-radius:10px;padding:.5rem .85rem;font-weight:600;list-style:none}.suppliers-menu-dropdown>summary::-webkit-details-marker{display:none}.suppliers-menu-dropdown>summary:after{content:"▾";opacity:.7;margin-left:.4rem}.suppliers-menu-dropdown[open]>summary{border-color:var(--accent);color:var(--accent)}.suppliers-menu-dropdown .suppliers-menu-panel{z-index:20;border:2px solid var(--border);background:var(--bg,#fff);border-radius:10px;min-width:14rem;padding:.65rem .75rem;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 8px 24px #0000001f}@media (prefers-color-scheme:dark){.suppliers-menu-dropdown>summary{background:#221a38d9}.suppliers-menu-dropdown .suppliers-menu-panel{background:var(--bg,#1a1428)}}.quote-panel{border-top:none;margin-top:0;padding-top:0}.app-footer{border-top:1px solid var(--border);color:var(--text-muted);background:var(--surface);flex-shrink:0;padding:.85rem 1.5rem;font-size:.82rem;display:block}.app-footer p{width:100%;max-width:none;margin:0;line-height:1.45}.app-footer a{color:var(--accent)}.quote-panel-embedded .quote-header-embedded{justify-content:flex-end;margin-bottom:.5rem}.quote-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.quote-header h2{color:var(--text-h);margin:0;font-size:1rem}.quote-refresh{border:1px solid var(--border);background:var(--code-bg);color:var(--text-h);cursor:pointer;border-radius:6px;padding:.35rem .65rem;font-size:.78rem}.quote-refresh:disabled{opacity:.6;cursor:wait}.quote-intro,.quote-cheapest{margin:0 0 .75rem;font-size:.82rem;line-height:1.45}.quote-cheapest a{color:var(--accent)}.quote-error{color:#c0392b;font-size:.82rem}.quote-cards{flex-direction:column;gap:.5rem;display:flex}.quote-card{border:1px solid var(--border);background:var(--code-bg);border-radius:8px;overflow:hidden}.quote-card-head{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .75rem;display:flex}.quote-card-head strong{color:var(--text-h);font-size:.88rem;display:block}.quote-status{background:var(--accent-bg);color:var(--accent);border-radius:4px;margin-top:.15rem;padding:.1rem .4rem;font-size:.72rem;display:inline-block}.quote-status-estimate{color:#b8860b;background:#f4d35e33}.quote-total{text-align:right}.quote-total-incl{color:var(--text-h);font-size:.95rem;font-weight:600;display:block}.quote-total-excl{font-size:.72rem}.quote-card-body{border-top:1px solid var(--border);padding:0 .75rem .75rem}.quote-card-body table{border-collapse:collapse;width:100%;margin-top:.5rem;font-size:.78rem}.quote-card-body th,.quote-card-body td{text-align:left;border-bottom:1px solid var(--border);padding:.35rem .4rem}.quote-est{color:#b8860b;font-size:.72rem}.quote-notes{color:var(--text);margin:.65rem 0 0;padding-left:1.1rem;font-size:.75rem;line-height:1.4}.quote-shop-link{color:var(--accent);margin-top:.5rem;font-size:.8rem;font-weight:500;text-decoration:none;display:inline-block}.quote-shop-link:hover{text-decoration:underline}.quote-card-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.quote-cart-fill{border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent);cursor:pointer;border-radius:6px;padding:.45rem .85rem;font-size:.8rem;font-weight:500}.quote-cart-fill:hover{background:var(--accent);color:#fff}.quote-shop-link{margin-top:0}.quote-matrix-wrap{margin:1rem 0 1.25rem}.quote-matrix-title{color:var(--text-h);margin:0 0 .25rem;font-size:.92rem}.quote-matrix-hint{margin:0 0 .5rem;font-size:.78rem}.quote-matrix-scroll{border:1px solid var(--border);background:#fff;border-radius:8px;overflow-x:auto}.quote-matrix{border-collapse:collapse;width:100%;min-width:640px;font-size:.78rem}.quote-matrix th,.quote-matrix td{border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;padding:.45rem .55rem}.quote-matrix th:first-child,.quote-matrix td:first-child,.quote-matrix-sticky{text-align:left;z-index:1;background:#fff;position:sticky;left:0;box-shadow:2px 0 4px #0000000a}.quote-matrix thead th{background:var(--code-bg);color:var(--text-h);font-weight:600}.quote-matrix tfoot td{background:var(--code-bg);border-bottom:none}.quote-matrix-best{background:#2d6a4f1a;font-weight:600}.quote-matrix a{color:var(--accent);text-decoration:none}.quote-matrix a:hover{text-decoration:underline}@media (width<=1100px){.app{height:auto;min-height:100svh;overflow:visible}.app-main{grid-template-rows:auto minmax(50svh,1fr) auto;grid-template-columns:1fr;overflow:visible}.main-left{border-right:none;border-bottom:2px solid var(--border);max-height:none;overflow-y:visible}.main-center{min-height:50svh}.main-sidebar{border-left:none;border-top:2px solid var(--border);max-height:none}}.base-type-toggle{gap:.4rem;display:flex}.base-type-toggle button{border:2px solid var(--border);color:var(--text-h);cursor:pointer;background:#fff;border-radius:10px;flex:1;padding:.45rem .5rem;font-size:.85rem;font-weight:700;transition:transform .12s,box-shadow .12s}.base-type-toggle button:hover{background:var(--accent-bg);border-color:var(--accent-border)}.base-type-toggle button.active{background:var(--tab-active-bg);color:#fff;box-shadow:0 4px 12px var(--cta-shadow);border-color:#0000}.diameter-toggle{grid-template-columns:1fr 1fr;display:grid}.diameter-toggle button{white-space:nowrap}.base-type-hint{color:var(--text-muted,#6b7280);margin:.5rem 0 0;font-size:.76rem}.length-fixed-hint{color:var(--text-muted,#6b7280);margin:.4rem 0 0;font-size:.74rem}.mount-options-title{margin:.85rem 0 .35rem;font-size:.85rem;font-weight:600}.mount-options-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.mount-options-list button{text-align:left;border:1px solid var(--border,#d1d5db);background:var(--surface,#fff);width:100%;color:var(--text,#1f2937);cursor:pointer;border-radius:4px;padding:.35rem .55rem;font-size:.78rem}.mount-options-list button:hover{border-color:var(--accent,#2d6a4f)}.mount-options-list button.active{color:#1b4332;background:#e8f5e9;border-color:#2d6a4f}.model-store-intro{color:var(--text-muted,#6b7280);margin:0 0 .6rem;font-size:.78rem;line-height:1.4}.model-file-actions{margin-bottom:.6rem}.model-open-btn{border:1px dashed var(--border);width:100%;color:var(--text-h,#1f2937);cursor:pointer;background:#fff;border-radius:8px;padding:.45rem .6rem;font-size:.82rem;font-weight:600}.model-open-btn:hover{background:var(--surface-2,#f3f4f6)}.model-open-btn:disabled{opacity:.5;cursor:not-allowed}.model-store-dialog{flex-direction:column;width:min(560px,100%);max-height:min(90vh,720px);padding:0;display:flex;overflow:hidden}.model-store-dialog .auth-modal-header{flex-shrink:0;margin-bottom:0;padding:1rem 1.15rem .75rem}.model-store-dialog-body{max-height:min(78vh,640px);padding:0 1.15rem 1.15rem;overflow-y:auto}.model-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,#6b7280);margin:.85rem 0 .4rem;font-size:.72rem;font-weight:700}.model-store-section:first-of-type .model-section-title{margin-top:.35rem}.model-list--dialog{max-height:200px}.model-store .model-save-row{gap:.4rem;margin-bottom:.6rem;display:flex}.model-store .model-save-row input{border:1px solid var(--border);border-radius:7px;flex:1;min-width:0;padding:.4rem .5rem;font-size:.85rem}.model-save-btn{background:var(--cta-bg);color:#fff;cursor:pointer;box-shadow:0 3px 10px var(--cta-shadow);border:none;border-radius:10px;padding:.4rem .75rem;font-size:.82rem;font-weight:700}.model-save-btn:hover{filter:brightness(1.05)}.model-editing-hint{margin:0 0 .55rem;font-size:.78rem;line-height:1.35}.model-save-as-new{margin:-.25rem 0 .6rem}.model-save-as-new-btn{color:var(--text-muted,#6b7280);cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:600;text-decoration:underline}.model-save-as-new-btn:hover{color:var(--text-h,#1f2937)}.model-save-as-new-btn:disabled{opacity:.5;cursor:not-allowed}.model-empty{color:var(--text-muted,#6b7280);margin:0;font-size:.82rem}.model-list{scrollbar-width:thin;flex-direction:column;gap:.35rem;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow:hidden auto}.model-item{border:1px solid var(--border);background:#fff9;border-radius:8px;flex-direction:column;align-items:stretch;gap:.35rem;min-width:0;padding:.4rem .5rem;display:flex}.model-item-info{flex-direction:column;gap:.1rem;min-width:0;display:flex}.model-item-name{color:var(--text-h,#1f2937);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.model-item-meta{color:var(--text-muted,#6b7280);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.model-item-actions{align-items:center;gap:.3rem;min-width:0;display:flex}.model-item-actions button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;padding:.28rem .55rem;font-size:.78rem;line-height:1.2}.model-item-actions button:hover{background:var(--surface-2,#f3f4f6)}.model-item-actions .model-delete{color:#c0392b;border-color:#c0392b66;margin-left:auto;padding:.28rem .45rem}.model-item-actions .model-publish-btn{border-color:var(--cta-bg,#2d6a4f);color:var(--cta-bg,#2d6a4f);font-weight:600}.model-publish-offer{background:#2d6a4f14;border:1px solid #2d6a4f59;border-radius:8px;margin:0 0 .75rem;padding:.65rem .75rem}.model-publish-offer--ok{background:#2d6a4f1f;border-color:#2d6a4f80}.model-publish-offer p{color:var(--text-h,#1f2937);margin:0 0 .5rem;font-size:.82rem;line-height:1.4}.model-publish-offer-actions{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.admin-style-panel{min-width:11rem;position:relative}.admin-style-summary{cursor:pointer;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);-webkit-user-select:none;user-select:none;border-radius:8px;padding:.45rem .7rem;font-size:.78rem;font-weight:700;list-style:none}.admin-style-summary::-webkit-details-marker{display:none}.admin-style-summary:hover{color:var(--accent);border-color:var(--accent-border)}.admin-style-panel[open] .admin-style-summary{color:var(--accent);border-color:var(--accent)}.admin-style-body{z-index:40;background:var(--surface);border:1px solid var(--border);width:min(22rem,90vw);box-shadow:0 8px 28px var(--shadow-strong);border-radius:10px;padding:.75rem;position:absolute;top:calc(100% + .4rem);right:0}.admin-style-hint{color:var(--text-muted);margin:0 0 .65rem;font-size:.75rem;line-height:1.4}.admin-style-hint code{font-family:var(--mono);font-size:.72rem}.admin-style-options{flex-direction:column;gap:.45rem;display:flex}.admin-style-option{text-align:left;border:1px solid var(--border);background:var(--code-bg);cursor:pointer;width:100%;font:inherit;color:var(--text);border-radius:8px;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.65rem .7rem;transition:border-color .12s,background .12s;display:flex}.admin-style-option:hover{border-color:var(--accent-border)}.admin-style-option.selected{border-color:var(--accent);background:var(--accent-bg);box-shadow:inset 3px 0 0 var(--accent)}.admin-style-swatches{gap:.25rem;margin-bottom:.15rem;display:flex}.admin-style-swatches span{border:1px solid var(--border);border-radius:3px;width:1rem;height:1rem}.admin-style-label{color:var(--text-h);font-size:.9rem;font-weight:700}.admin-style-desc{color:var(--text-muted);font-size:.75rem;line-height:1.35}.account-btn{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text-h);cursor:pointer;border-radius:6px;padding:.4rem .75rem;font-size:.85rem;font-weight:600}.account-btn.secondary{color:var(--text);font-weight:500}.account-btn:hover{border-color:var(--accent-border)}.account-menu-panel{z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.45rem;min-width:14rem;padding:.75rem;display:flex;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 8px 24px #0000001f}.account-menu-email{word-break:break-all;font-size:.75rem}.account-name-edit input{font:inherit;border:1px solid var(--border);border-radius:4px;padding:.35rem .5rem}.linkish{font:inherit;color:var(--accent);cursor:pointer;text-align:left;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.auth-modal{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;width:100%;max-width:22rem;padding:1.25rem 1.5rem;box-shadow:0 16px 40px #0003}.auth-modal h2{margin:0 0 .5rem;font-size:1.25rem}.auth-modal-reason{margin:0 0 .75rem;font-size:.9rem}.auth-form input{font:inherit;border:1px solid var(--border);border-radius:5px;padding:.45rem .55rem;font-weight:400}.auth-modal-actions{gap:.5rem;margin-top:.25rem;display:flex}.auth-modal-error{color:#b42318;margin:0;font-size:.85rem}.auth-modal-info{color:var(--text-muted);margin:0;font-size:.85rem}.auth-modal-switch{margin:.85rem 0 0;font-size:.85rem}.app-page{max-width:960px;margin:0 auto;padding:1.25rem 1rem 3rem}.upgrade-page .upgrade-list{margin:1rem 0;padding-left:1.25rem}.upgrade-plans{gap:1.25rem;margin:1.5rem 0;display:grid}@media (width>=720px){.upgrade-plans{grid-template-columns:1fr 1fr}}.upgrade-plan-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:1.1rem 1.15rem}.upgrade-plan-card h2{margin:0 0 .35rem;font-size:1.15rem}.public-model-main{min-height:420px}.bom-action-locked{opacity:.85}.bom-gate-msg{color:var(--text-muted);margin:.5rem 0 0;font-size:.8rem}.model-limit-hint{margin:0 0 .5rem;font-size:.8rem}.model-migrate{border:1px dashed var(--border);border-radius:6px;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.65rem .75rem;font-size:.85rem;display:flex}.model-migrate p{flex:100%;margin:0}.muted{color:var(--text-muted)}.auth-menu-btn,.account-btn{border:2px solid var(--border);background:var(--tabs-surface,#fff);color:var(--text);font:inherit;cursor:pointer;border-radius:10px;padding:.45rem .85rem;font-size:.85rem;font-weight:600}.auth-menu-btn:hover,.account-btn:hover{background:var(--accent-bg);color:var(--accent)}.account-menu{position:relative}.account-menu-panel{z-index:40;border:2px solid var(--border);min-width:220px;box-shadow:0 8px 24px var(--shadow);background:#fff;border-radius:12px;flex-direction:column;gap:.45rem;padding:.75rem;display:flex;position:absolute;top:calc(100% + .35rem);right:0}.account-menu-email{word-break:break-all;margin:0;font-size:.78rem}.account-name-edit{flex-direction:column;gap:.35rem;display:flex}.account-name-edit input{border:1px solid var(--border);border-radius:6px;padding:.35rem .5rem}.linkish{color:var(--accent);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.auth-modal-backdrop{z-index:100;background:#14181c73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.auth-modal{border:2px solid var(--border);background:#fff;border-radius:14px;width:min(420px,100%);padding:1.1rem 1.25rem 1.25rem;box-shadow:0 16px 40px #0000002e}.auth-modal-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.auth-modal-header h2{margin:0;font-size:1.15rem}.auth-modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:1.1rem}.auth-modal-banner,.auth-modal-reason{background:var(--accent-bg,#f3f4f6);color:var(--text);border-radius:8px;margin:0 0 .75rem;padding:.5rem .65rem;font-size:.82rem}.auth-form{flex-direction:column;gap:.65rem;display:flex}.auth-form label{flex-direction:column;gap:.25rem;font-size:.82rem;font-weight:600;display:flex}.auth-form input{border:1px solid var(--border);font:inherit;border-radius:8px;padding:.45rem .55rem;font-weight:400}.auth-primary-btn{background:var(--cta-bg);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:.25rem;padding:.55rem .9rem;font-weight:700}.auth-primary-btn:disabled{opacity:.6;cursor:not-allowed}.auth-switch{margin:.75rem 0 0;font-size:.82rem}.auth-link-btn{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.auth-error,.auth-modal-error{color:#c0392b;margin:.65rem 0 0;font-size:.82rem}.auth-info{color:#1b4332;margin:.65rem 0 0;font-size:.82rem}.bom-action-locked{opacity:.85;border-style:dashed!important}.app-page{text-align:left;flex:1;padding:1.25rem 1.5rem 2rem;overflow:auto}.upgrade-page .upgrade-lead{max-width:36rem;line-height:1.45}.upgrade-list{margin:1rem 0;padding-left:1.2rem}.upgrade-paid-ok{color:#1b4332;font-weight:700}.gallery-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:.85rem;max-width:72rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.gallery-item,.gallery-card{border:1px solid var(--border);background:#ffffffbf;border-radius:12px;flex-direction:column;align-items:stretch;gap:.65rem;padding:.75rem;transition:border-color .15s,box-shadow .15s;display:flex}.gallery-card:hover{border-color:var(--accent-border,var(--accent));box-shadow:0 4px 16px var(--shadow,#00000014)}.gallery-card-hit{cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:0;display:block;overflow:hidden}.gallery-item-body{cursor:pointer;flex:1;min-width:0}.gallery-item p{margin:.2rem 0 0;font-size:.82rem}.gallery-item .bom-action-btn{width:100%}.gallery-thumb{border:1px solid var(--border);background:var(--preview-ground,#d4e8c2);border-radius:8px;width:100%;height:14rem;position:relative;overflow:hidden}.gallery-thumb--studio{background:#e8edf2}.gallery-thumb canvas,.gallery-thumb-img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.gallery-thumb-placeholder{width:100%;height:100%;color:var(--muted,#6b7280);background:linear-gradient(145deg,#ffffff59,#0000000a);place-items:center;font-size:.7rem;display:grid}.gallery-thumb-loading span{opacity:.75}.app-model-detail .app-header{padding:.65rem 1.25rem .55rem}.app-model-detail .app-header h1{font-size:1.15rem}.app-page.public-model-page{flex-direction:column;width:100%;max-width:none;min-height:0;padding:.65rem 1rem .75rem;display:flex;overflow:hidden}.public-model-back{margin-bottom:.35rem;font-size:.85rem;display:inline-block}.public-model-layout{flex:1;grid-template-columns:minmax(0,1fr) min(220px,22vw);align-items:stretch;gap:.85rem;min-height:0;display:grid}.public-model-viewport{height:100%;min-height:min(72vh,780px)}.public-model-viewport .preview-3d{border-width:2px;height:100%;min-height:0}.public-model-viewport .preview-hint{padding:.4rem .65rem;font-size:.78rem}.public-model-info{border-left:1px solid var(--border);flex-direction:column;gap:.25rem;min-width:0;padding:.15rem 0 .15rem .85rem;display:flex}.public-model-info h1{margin:0;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.25}.public-model-meta,.public-model-meta-bits{margin:0;font-size:.85rem;line-height:1.35}.public-model-meta-bits{margin-top:.15rem}.public-model-actions{flex-flow:column;gap:.4rem;margin-top:auto;padding-top:.75rem;display:flex}.public-model-actions .bom-action-btn{width:100%}@media (width<=900px){.app-page.public-model-page{overflow:auto}.public-model-layout{flex:none;grid-template-columns:1fr}.public-model-viewport{height:min(70vh,560px);min-height:min(70vh,560px)}.public-model-info{border-left:none;gap:.2rem;padding:.35rem 0 0}.public-model-actions{flex-flow:wrap;margin-top:.5rem;padding-top:0}.public-model-actions .bom-action-btn{width:auto}}.user-avatar{object-fit:cover;vertical-align:middle;background:color-mix(in srgb, var(--border,#ccc) 55%, transparent);border-radius:50%;flex-shrink:0;display:inline-block}.user-avatar--initials{letter-spacing:.02em;color:var(--text-h,var(--text,#222));background:color-mix(in srgb, var(--accent,#5b6e4e) 18%, var(--surface,#f3f3f3));-webkit-user-select:none;user-select:none;place-items:center;font-weight:700;line-height:1;display:inline-grid}.maker-meta{vertical-align:middle;align-items:center;gap:.4rem;max-width:100%;display:inline-flex}.maker-meta-text{min-width:0}.maker-meta-avatar{flex-shrink:0}.account-btn{align-items:center;gap:.45rem;display:inline-flex}.account-btn.account-btn--compact{box-sizing:border-box;border-radius:var(--md-sys-shape-corner-full);justify-content:center;align-items:center;gap:0;width:40px;min-width:40px;height:40px;min-height:40px;margin:0;padding:0;line-height:0;display:inline-flex;overflow:hidden}.account-btn-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px;margin:0;display:block;overflow:hidden}.account-btn:not(.account-btn--compact) .account-btn-avatar{width:22px;height:22px}.account-menu-panel.account-menu-panel--up{inset:auto auto calc(100% + 8px) 0}.account-menu-header{align-items:center;gap:.65rem;display:flex}.account-menu-header .account-menu-email{flex:1;min-width:0;margin:0}.profile-header{align-items:flex-start;gap:1rem;margin:.75rem 0 1rem;display:flex}.profile-header h1{margin:0 0 .25rem}.profile-header p{margin:0}