@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dmmono/v16/aFTU7PB1QTsUX8KYthSQBLyM.woff2) format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dmmono/v16/aFTU7PB1QTsUX8KYthqQBA.woff2) format("woff2");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:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/dmmono/v16/aFTR7PB1QTsUX8KYvumzEY2tbZX9.woff2) format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/dmmono/v16/aFTR7PB1QTsUX8KYvumzEYOtbQ.woff2) format("woff2");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:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6h9Q.woff2) format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2) format("woff2");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:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6h9Q.woff2) format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2) format("woff2");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:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6h9Q.woff2) format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2) format("woff2");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:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6h9Q.woff2) format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2) format("woff2");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:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggqxSuXd.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggOxSuXd.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggSxSuXd.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggixSuXd.woff2) format("woff2");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:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggmxSuXd.woff2) format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggexSg.woff2) format("woff2");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:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggqxSuXd.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggOxSuXd.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggSxSuXd.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggixSuXd.woff2) format("woff2");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:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggmxSuXd.woff2) format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggexSg.woff2) format("woff2");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:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggqxSuXd.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggOxSuXd.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggSxSuXd.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggixSuXd.woff2) format("woff2");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:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggmxSuXd.woff2) format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggexSg.woff2) format("woff2");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:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggqxSuXd.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggOxSuXd.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggSxSuXd.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggixSuXd.woff2) format("woff2");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:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggmxSuXd.woff2) format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggexSg.woff2) format("woff2");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:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggqxSuXd.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggOxSuXd.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggSxSuXd.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggixSuXd.woff2) format("woff2");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:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggmxSuXd.woff2) format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggexSg.woff2) format("woff2");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{color-scheme:light;font-family:DM Sans,sans-serif;font-size:16px;color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #20211f;--page: #f6f6f2;--surface: #ffffff;--surface-soft: #eeefe9;--surface-row: rgba(255, 255, 255, .67);--muted: #686a63;--muted-strong: #5d5f58;--muted-soft: #686a63;--field-text: #3d3e39;--code-text: #4c4d46;--badge-bg: #ece9ff;--badge-text: #7258ed;--line: #e6e7e0;--accent: #7357ec}[data-theme=dark]{color-scheme:dark;--ink: #f1f0f8;--page: #171821;--surface: #22232e;--surface-soft: #2a2b37;--surface-row: rgba(34, 35, 46, .82);--muted: #c0bfcc;--muted-strong: #d0cfda;--muted-soft: #aaaab7;--field-text: #ecebf4;--code-text: #dedde8;--badge-bg: #37314f;--badge-text: #c3b5ff;--line: #373844}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--page);color:var(--ink);transition:background .2s ease,color .2s ease}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #a797ff;outline-offset:3px}.studio-shell{width:100%;max-width:1600px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font:800 20px Manrope,sans-serif;letter-spacing:-.7px}.brand-light{font-weight:500}.brand-mark{width:24px;height:24px;display:flex;align-items:end;gap:3px;transform:rotate(-35deg)}.brand-mark span{width:6px;border-radius:5px;background:#785af4}.brand-mark span:nth-child(1){height:13px;opacity:.55}.brand-mark span:nth-child(2){height:20px;opacity:.78}.brand-mark span:nth-child(3){height:16px}.topbar-actions{display:flex;align-items:center;gap:13px}.saved-label{font-size:14px;color:var(--muted-strong);margin-right:8px}.status-dot,.live-indicator{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#57bc91}.icon-button{border:1px solid var(--line);background:var(--surface);height:37px;width:40px;border-radius:9px;cursor:pointer;font-size:20px}.theme-button{color:var(--ink)}.button{border:0;border-radius:9px;cursor:pointer;font-weight:600}.button-dark{background:var(--ink);color:var(--page)}.button-small{min-height:42px;padding:0 18px;font-size:14px}.button-small span{margin-right:5px}.workspace{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:4.5%;padding:38px 0 44px}.editor-panel{min-width:0}.eyebrow{color:var(--muted-strong);display:flex;align-items:center;gap:9px;font:600 12px DM Mono,monospace;letter-spacing:1.2px}.eyebrow-line{width:20px;height:1px;background:#8f7bf0}h1{font:800 clamp(43px,5.2vw,66px)/.98 "Manrope",sans-serif;letter-spacing:-4px;margin:21px 0 13px}h1 span{color:#765bf0}.intro{color:var(--muted);font-size:17px;line-height:1.6;margin:0 0 37px}.control-section{padding:15px 0 16px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-heading h2{margin:0;font:700 16px Manrope,sans-serif;letter-spacing:-.15px}.count-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:5px;padding:0 6px;border-radius:6px;background:var(--badge-bg);color:var(--badge-text);font:600 12px DM Mono,monospace}.text-button{border:0;padding:5px 0;background:transparent;color:#6551c0;cursor:pointer;font-size:14px;font-weight:600}.text-button span{margin-right:3px;font-size:15px}.stop-list{display:grid;gap:8px}.stop-row{display:flex;align-items:center;height:48px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-row)}.stop-index{width:35px;color:var(--muted-soft);font:12px DM Mono,monospace}.color-swatch{display:block;width:25px;height:25px;background:var(--swatch);border-radius:7px;position:relative;overflow:hidden;cursor:pointer;border:1px solid rgba(0,0,0,.08)}.color-swatch input{opacity:0;width:100%;height:100%;padding:0;cursor:pointer}.hex-input{flex:1;border:0;outline:0;background:transparent;padding:0 12px;color:var(--field-text);font:14px DM Mono,monospace;letter-spacing:.5px}.remove-stop{height:32px;width:32px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font-size:22px}.remove-stop:hover{background:#f3e9e7;color:#a53b3b}.add-stop{display:flex;align-items:center;gap:8px;margin-top:9px;padding:9px 0;border:0;background:transparent;color:var(--muted-strong);cursor:pointer;font-size:14px}.add-stop:disabled{opacity:.7;cursor:not-allowed}.plus{display:grid;place-items:center;width:24px;height:24px;border:1px dashed #92938b;border-radius:6px;color:var(--muted-strong);font-size:18px}.add-limit{margin-left:auto;color:var(--muted);font:12px DM Mono,monospace}.style-section{padding-bottom:16px}.segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft)}.segmented-control button{min-height:42px;border:0;border-radius:6px;background:transparent;color:var(--muted-strong);cursor:pointer;font-size:14px}.segmented-control button.active{color:var(--ink);background:var(--surface);box-shadow:0 1px 4px #1c1c1714;font-weight:600}.segmented-control button span{margin-right:5px;color:#765bf0;font-size:14px}.angle-control{padding-top:18px}.angle-label{display:flex;justify-content:space-between;color:var(--muted-strong);font-size:14px}.angle-value{color:var(--field-text);font:14px DM Mono,monospace}input[type=range]{width:100%;height:4px;margin:15px 0 7px;accent-color:#765bf0;cursor:pointer}.range-labels{display:flex;justify-content:space-between;color:var(--muted);font:12px DM Mono,monospace}.favorites-section{padding-bottom:16px}.favorite-list{display:flex;gap:9px;flex-wrap:wrap}.favorite-chip{width:44px;height:30px;border:2px solid white;border-radius:7px;background:var(--favorite-gradient);cursor:pointer;box-shadow:0 0 0 1px var(--line)}.editor-footer{padding-top:11px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.editor-footer span{color:#856df3;margin-right:5px}.preview-column{min-width:0;padding-top:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.preview-title{color:var(--muted-strong);font:600 12px DM Mono,monospace;letter-spacing:1.1px}.live-indicator{width:7px;height:7px;margin-right:7px}.reset-button{color:var(--muted)}.preview-card{min-height:345px;height:clamp(345px,39vw,460px);border-radius:13px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;padding:8%;box-shadow:0 12px 30px #34312c18;transition:background .25s ease;color:#fff}.preview-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#16141c57,#17151c05 80%)}.preview-copy{position:relative;z-index:2;text-shadow:0 2px 22px #201b3145}.preview-kicker,.preview-caption{font:600 12px DM Mono,monospace;letter-spacing:1.4px}.preview-copy p{margin:20px 0 24px;font:700 clamp(32px,4.3vw,55px)/1.03 "Manrope",sans-serif;letter-spacing:-2px}.period{color:#ffe284}.preview-caption{color:#ffffffd9;font-size:11px;letter-spacing:1.2px}.preview-orbit{position:absolute;z-index:0;border:1px solid #ffffff35;border-radius:50%;transform:rotate(-26deg)}.orbit-one{width:65%;height:75%;right:-10%;top:-3%}.orbit-two{width:56%;height:65%;right:-4%;top:8%;border-color:#ffffff1f}.preview-stamp{position:absolute;right:7%;bottom:8%;display:flex;align-items:center;gap:8px;color:#ffffffed}.preview-stamp span{font-size:27px}.preview-stamp small{font:11px/1.4 DM Mono,monospace;letter-spacing:1px}.code-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:11px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.code-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.code-head>div{display:flex;align-items:center;gap:7px}.code-dot{width:7px;height:7px;border-radius:50%;background:#765bf0}.code-label,.code-type{color:var(--muted-strong);font:600 12px DM Mono,monospace;letter-spacing:.7px}.code-type{color:var(--muted)}.code-card code{overflow-wrap:anywhere;color:var(--code-text);font:12px/1.7 DM Mono,monospace}.code-property{color:#805ee9}.copy-button{align-self:start;min-height:38px;padding:7px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);cursor:pointer;color:var(--field-text);font-size:13px;white-space:nowrap}.export-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;color:var(--muted);font-size:13px}.export-actions{display:flex;flex-wrap:wrap;justify-content:end;gap:7px}.export-button{min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:7px;background:transparent;cursor:pointer;color:var(--field-text);font-size:13px;font-weight:600}.presets-section{padding:35px 0 55px;border-top:1px solid var(--line)}.presets-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.presets-heading h2{margin:10px 0 0;font:700 30px Manrope,sans-serif;letter-spacing:-.8px}.preset-count{padding-bottom:5px;color:var(--muted);font:12px DM Mono,monospace;letter-spacing:.5px}.preset-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.preset-card{min-width:0;padding:0;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.preset-swatch{display:block;height:105px;position:relative;overflow:hidden;border-radius:9px;box-shadow:inset 0 0 0 1px #00000008;transition:transform .2s ease}.preset-card:hover .preset-swatch{transform:translateY(-3px)}.preset-use{position:absolute;inset:auto 6px 6px;display:flex;justify-content:space-between;padding:8px 9px;border-radius:5px;background:#ffffffed;color:#30312d;opacity:0;font-size:12px;transition:opacity .18s}.preset-card:hover .preset-use,.preset-card:focus-visible .preset-use{opacity:1}.preset-meta{display:flex;justify-content:space-between;gap:4px;padding-top:10px;font-size:14px;font-weight:600}.preset-colors{color:var(--muted);font:12px DM Mono,monospace;font-weight:400}.page-footer{min-height:70px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:var(--muted);font:12px DM Mono,monospace;letter-spacing:.3px}.page-footer .footer-heart{color:#e67a88}.page-footer a{color:var(--muted-strong);font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}.page-footer a:hover{color:#7357ec}.page-footer button{border:0;background:transparent;color:var(--muted-strong);cursor:pointer;font:inherit;letter-spacing:0}.toast{position:fixed;z-index:5;right:25px;bottom:25px;padding:14px 18px;border-radius:9px;background:#242520;color:#fff;box-shadow:0 8px 25px #0002;font-size:14px;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.image-description{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.image-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--badge-bg);color:var(--badge-text);font-size:18px}.upload-button,.use-palette-button{min-height:44px;padding:0 15px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--field-text);cursor:pointer;font-size:14px;font-weight:600}.upload-button span{margin-right:7px;color:#7357ec}.upload-button:disabled{cursor:progress;opacity:.75}.image-hint{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.image-result{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:start;gap:12px;margin-top:14px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-row)}.image-preview{width:76px;height:76px;object-fit:cover;border-radius:7px;background:var(--surface-soft)}.image-result-content{min-width:0}.image-name{overflow:hidden;margin:0 0 7px;color:var(--field-text);font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.image-status{margin:0;color:var(--muted);font-size:13px}.extracted-palette{display:flex;gap:7px;margin:4px 0 10px}.extracted-color{display:block;width:29px;height:29px;border:1px solid var(--line);border-radius:7px;background:var(--extracted-color)}.use-palette-button{min-height:38px;padding:0 11px;background:#7357ec;color:#fff;border:0;font-size:13px}@media(min-width:1450px){.workspace{gap:4%}}@media(max-width:900px){.studio-shell{padding:0 4%}.workspace{gap:4%;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:30px 0 36px}.preview-card{min-height:320px}.preset-grid{grid-template-columns:repeat(4,1fr);row-gap:18px}}@media(max-width:680px){.studio-shell{padding:0 20px}.topbar{height:68px}.saved-label{display:none}.workspace{grid-template-columns:1fr;gap:36px;padding:42px 0 45px}.editor-panel{max-width:none}.preview-column{padding-top:0}.preview-card{height:340px;min-height:0}.preview-copy p{font-size:clamp(38px,11vw,55px)}.presets-heading{align-items:start}.presets-heading h2{font-size:25px}.preset-count{max-width:120px;text-align:right;line-height:1.5}.preset-grid{grid-template-columns:repeat(2,1fr);gap:17px 12px}.preset-swatch{height:100px}.preset-meta{font-size:13px}.preset-colors{font-size:11px}.page-footer{gap:10px;flex-wrap:wrap;padding:15px 0;font-size:11px}.page-footer span:nth-child(2){order:3;width:100%}.toast{left:18px;right:18px;bottom:18px;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}