@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2) format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2) format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2) format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2) format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-BjwYoWNd.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-LO58E6JB.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2) format("woff2"),url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-qfdV9bQt.woff2) format("woff2"),url(/assets/inter-greek-ext-700-normal-BoQ6DsYi.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-C3JjAnD8.woff2) format("woff2"),url(/assets/inter-greek-700-normal-BUv2fZ6O.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2) format("woff2"),url(/assets/inter-vietnamese-700-normal-BZaoP0fm.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-Ca8adRJv.woff2) format("woff2"),url(/assets/inter-latin-ext-700-normal-TidjK2hL.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.min-h-screen{min-height:100vh}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#f4f4f6;background:#09090d;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #09090d;--surface: rgba(20, 20, 27, .86);--surface-strong: #17171f;--surface-soft: #1d1d27;--border: rgba(255, 255, 255, .085);--border-strong: rgba(255, 255, 255, .14);--text: #f5f5f7;--muted: #8f8f9f;--muted-strong: #b9b9c5;--accent: #8b5cf6;--accent-bright: #a78bfa;--success: #67e8b3}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 78% -10%,rgba(108,68,218,.14),transparent 32%),radial-gradient(circle at 2% 45%,rgba(59,130,246,.07),transparent 26%),var(--bg)}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(167,139,250,.8);outline-offset:2px}::-moz-selection{color:#fff;background:#7c5cf680}::selection{color:#fff;background:#7c5cf680}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:#ffffff2b;background-clip:padding-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.surface-card{border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,#191922f0,#0f0f15eb);box-shadow:0 22px 70px #0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.editor-toolbar{display:flex;align-items:center;gap:3px;min-height:49px;padding:7px 10px;overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:none}.editor-toolbar::-webkit-scrollbar{display:none}.heading-select,.toolbar-select{width:83px;min-width:83px;height:32px;padding:0 9px;border:0;border-radius:7px;color:var(--muted-strong);background:transparent;font-size:12px;cursor:pointer}.toolbar-select{width:61px;min-width:61px;padding:0 6px}.font-select{width:66px;min-width:66px}.heading-select:hover,.heading-select:focus,.toolbar-select:hover,.toolbar-select:focus{color:#fff;background:#ffffff0f}.heading-select option,.toolbar-select option{color:var(--text);background:#1a1a22}.tool-button{display:inline-grid;width:32px;min-width:32px;height:32px;padding:0;place-items:center;border:0;border-radius:7px;color:#9494a4;background:transparent;cursor:pointer;transition:.14s ease}.tool-button:hover{color:#fff;background:#ffffff13}.tool-button:active{transform:scale(.93)}.tool-divider{width:1px;min-width:1px;height:20px;margin:0 5px;background:var(--border)}.editor-card{padding:18px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.section-heading h2{margin:0;color:var(--text);font-size:16px;font-weight:600;letter-spacing:-.02em}.character-count{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.editor-shell{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:#05050870;transition:border-color .18s ease,box-shadow .18s ease}.editor-shell:focus-within{border-color:#8b5cf673;box-shadow:0 0 0 3px #8b5cf614}.source-editor{display:block;width:100%;min-height:145px;padding:14px 17px;resize:vertical;border:0;outline:0!important;color:#dddde7;background:transparent;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.7;letter-spacing:-.01em}.source-editor::-moz-placeholder{color:#5f5f6b}.source-editor::placeholder{color:#5f5f6b}@media(max-height:760px)and (min-width:1041px){.source-editor{min-height:118px}}@media(max-width:640px){.editor-card{padding:16px}.source-editor{min-height:165px;padding:14px;font-size:12px}}.color-field{display:grid;gap:7px;min-width:0}.color-field__label{color:var(--muted);font-size:10px;font-weight:500}.color-field__control{display:flex;align-items:center;height:39px;padding:0 8px;border:1px solid var(--border);border-radius:10px;background:#00000038;transition:border-color .16s ease}.color-field__control:focus-within{border-color:#8b5cf67a}.color-swatch{position:relative;width:22px;min-width:22px;height:22px;overflow:hidden;border:2px solid rgba(255,255,255,.28);border-radius:7px;box-shadow:0 2px 9px #0000004d}.color-swatch input{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;width:40px;height:40px;padding:0;opacity:0;cursor:pointer}.hex-input{width:100%;min-width:0;padding:0 0 0 8px;border:0;outline:0!important;color:#d8d8e0;background:transparent;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;text-transform:uppercase}.color-space-preview{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:10px;min-height:116px;padding:10px}.color-space{position:relative;min-width:0;height:96px;overflow:hidden;border-radius:7px;background:linear-gradient(to bottom,#fff0,#fff),linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);box-shadow:inset 0 0 0 1px #ffffff29}.color-space__line{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.color-space__marker{position:absolute;z-index:2;width:14px;height:14px;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 7px #000000bf;transform:translate(-50%,-50%);cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.value-space{position:relative;display:grid;height:96px;grid-template-columns:repeat(2,1fr);overflow:visible;border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff1f}.value-space.has-middle{grid-template-columns:repeat(3,1fr)}.value-space>span:first-child{border-radius:5px 0 0 5px}.value-space>span:last-of-type{border-radius:0 5px 5px 0}.value-space__marker{position:absolute;padding:0;z-index:2;width:10px;height:10px;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #000000b8;transform:translate(-50%,-50%);cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.color-space__marker:active{cursor:grabbing}.value-space__marker.is-start{left:25%}.value-space__marker.is-end{left:75%}.value-space.has-middle .value-space__marker.is-start{left:16.666%}.value-space.has-middle .value-space__marker.is-middle{left:50%}.value-space.has-middle .value-space__marker.is-end{left:83.333%}.gradient-track{display:flex;min-height:116px;flex-direction:column;justify-content:center;padding:20px 15px 13px}.gradient-track__bar{position:relative;height:14px;border-radius:999px;box-shadow:0 0 18px #7c5cf629}.gradient-track__bar.is-draggable{cursor:ew-resize;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.gradient-track__bar.is-draggable:active{cursor:grabbing}.gradient-stop{position:absolute;z-index:2;top:50%;width:16px;height:16px;padding:0;border:3px solid #f4f4f6;border-radius:50%;box-shadow:0 3px 9px #000000b8;transform:translate(-50%,-50%)}.gradient-stop.is-start{left:0}.gradient-stop.is-end{left:100%}.gradient-stop.is-draggable{width:18px;height:18px;cursor:ew-resize;touch-action:none}.gradient-stop.is-draggable span{position:absolute;bottom:20px;left:50%;padding:3px 5px;border:1px solid var(--border);border-radius:5px;color:#d7d7df;background:#22222b;font-size:8px;font-weight:600;transform:translate(-50%);pointer-events:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.gradient-track__values{display:flex;justify-content:space-between;margin-top:14px;color:#696977;font-family:SFMono-Regular,Consolas,monospace;font-size:8px}.gradient-track__values.has-three{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.gradient-track__values.has-three span:first-child{text-align:left}.gradient-track__values.has-three span:last-child{text-align:right}.gradient-stop.is-draggable,.gradient-stop.is-draggable *{-moz-user-select:none;user-select:none;-webkit-user-select:none}.gradient-stop.is-draggable:active{cursor:grabbing}.gradient-card{padding:18px}.compact-heading{align-items:center;margin-bottom:13px}.section-icon{color:#767684}.control-group{display:grid;gap:7px;margin-bottom:12px}.control-label{color:var(--muted);font-size:10px;font-weight:500}.mode-selector{display:grid;grid-template-columns:repeat(5,1fr);padding:3px;border:1px solid var(--border);border-radius:10px;background:#0003}.mode-option{position:relative;height:30px;padding:0 5px;border:0;border-radius:7px;color:#747482;background:transparent;cursor:pointer;font-size:10px;transition:color .16s ease}.mode-option>span:last-child{position:relative;z-index:1}.mode-option.is-active{color:#f5f5f7}.mode-option__active{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--border);border-radius:7px;background:#262631;box-shadow:0 3px 10px #0000002e}.color-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px}.color-controls.has-middle{grid-template-columns:repeat(3,minmax(0,1fr))}.visualizer-card{min-height:157px;margin-bottom:12px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:#0000002b}.visualizer-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px;border-bottom:1px solid var(--border)}.visualizer-tabs.has-single-tab{grid-template-columns:1fr}.visualizer-tabs button{height:28px;border:0;border-radius:7px;color:#727280;background:transparent;cursor:pointer;font-size:10px;transition:.15s ease}.visualizer-tabs button.is-active{color:#eeeef2;background:#272731}.preset-disclosure{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:#ffffff05}.preset-toggle{display:flex;width:100%;height:36px;align-items:center;justify-content:space-between;padding:0 12px;border:0;color:var(--muted-strong);background:transparent;cursor:pointer;font-size:10px}.preset-toggle svg{color:#777786;transition:transform .18s ease}.preset-toggle svg.is-open{transform:rotate(180deg)}.preset-grid-wrap{overflow:hidden}.preset-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:0 8px 8px}.preset-card{position:relative;display:grid;min-width:0;padding:5px 5px 7px;border:1px solid var(--border);border-radius:9px;color:var(--muted);background:#ffffff06;cursor:pointer;font-size:9px;text-align:left;transition:border-color .17s ease,color .17s ease,background .17s ease}.preset-card:hover,.preset-card.is-active{border-color:#a78bfa66;color:#eeeef5;background:#8b5cf612}.preset-card__preview{width:100%;height:20px;margin-bottom:5px;border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff1f}.preset-card__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-check{position:absolute;top:8px;right:8px;display:grid;width:14px;height:14px;place-items:center;border-radius:50%;color:#5b3fb6;background:#fff}@media(max-width:740px){.gradient-card{padding:16px}.preset-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:500px){.color-controls.has-middle{grid-template-columns:1fr 1fr}.color-controls.has-middle>div{grid-column:span 2}}.app-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;min-height:66px;padding:0 34px;border-bottom:1px solid var(--border);background:#09090dc7;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%)}.brand{display:flex;align-items:center;min-width:0}.brand__mark{display:grid;width:32px;height:32px;margin-right:10px;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#fff;background:linear-gradient(145deg,#9b73fa,#6241d9);box-shadow:0 8px 24px #7c5cf645}.brand__name{font-size:15px;font-weight:700;letter-spacing:-.02em}.brand__divider{width:1px;height:17px;margin:0 12px;background:var(--border-strong)}.brand__product{overflow:hidden;color:var(--muted);font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.header-action{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid var(--border);border-radius:9px;color:var(--muted-strong);background:#ffffff09;cursor:pointer;font-size:12px;transition:.16s ease}.header-action:hover{border-color:var(--border-strong);color:#fff;background:#ffffff12}@media(max-width:640px){.app-header{min-height:58px;padding:0 16px}.brand__product,.brand__divider,.header-action span{display:none}.header-action{width:34px;padding:0;justify-content:center}}.preview-card{position:sticky;top:84px;display:flex;height:calc(100vh - 102px);min-height:540px;max-height:760px;flex-direction:column;overflow:hidden}.preview-card__head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 13px}.preview-card__head h2{margin:0;font-size:16px;font-weight:600;letter-spacing:-.02em}.copy-button{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 10px;border:1px solid rgba(139,92,246,.3);border-radius:9px;color:#c7b9f4;background:#8b5cf61a;cursor:pointer;font-size:10px;font-weight:500;transition:.17s ease}.copy-button:hover{color:#fff;background:#8b5cf62e;transform:translateY(-1px)}.copy-button.is-copied{border-color:#34d3994d;color:#86efc1;background:#34d39917}.preview-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:0 18px 12px;padding:3px;border:1px solid var(--border);border-radius:10px;background:#0003}.preview-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;height:31px;border:0;border-radius:7px;color:#71717f;background:transparent;cursor:pointer;font-size:10px;transition:.16s ease}.preview-tabs button.is-active{color:#ececf1;background:#272731;box-shadow:0 3px 10px #0003}.preview-content{min-height:0;flex:1;padding:0 18px 18px}.forum-preview,.code-output-wrap{height:100%;min-height:0;overflow:auto;border:1px solid var(--border);border-radius:12px;background:#0d0d12}.forum-post{display:flex;min-height:100%;padding:18px}.forum-post__content{width:100%;min-width:0;flex:1}.rendered-bbcode{width:100%;overflow-wrap:anywhere;color:#d4d4dc;font-size:14px;line-height:1.8;white-space:pre-wrap}.rendered-bbcode .bbcode-align{display:block;width:100%}.rendered-bbcode h1,.rendered-bbcode h2,.rendered-bbcode h3{margin:0 0 10px;line-height:1.25;letter-spacing:-.035em}.rendered-bbcode h1{font-size:24px}.rendered-bbcode h2{font-size:20px}.rendered-bbcode h3{font-size:17px}.rendered-bbcode blockquote{margin:10px 0;padding:8px 12px;border-left:2px solid #7451d5;color:#adadb9;background:#8b5cf60e}.rendered-bbcode a{text-decoration:underline;text-underline-offset:3px}.rendered-bbcode ul,.rendered-bbcode ol{margin:8px 0;padding-left:20px}.rendered-bbcode .bbcode-notice{display:block;width:100%;margin:8px 0;padding:10px 12px;border:1px solid rgba(96,165,250,.24);border-left:3px solid #60a5fa;border-radius:8px;background:#3b82f617}.rendered-bbcode .bbcode-notice__title{display:block;margin-bottom:4px;color:#f0f0f4;font-size:12px;font-weight:650}.rendered-bbcode .bbcode-notice__body{display:block}.rendered-bbcode .bbcode-notice--success{border-color:#34d39940;border-left-color:#34d399;background:#34d39914}.rendered-bbcode .bbcode-notice--warning{border-color:#fbbf2440;border-left-color:#fbbf24;background:#fbbf2414}.rendered-bbcode .bbcode-notice--error{border-color:#f8717140;border-left-color:#f87171;background:#f8717114}.empty-preview{color:#555561}.code-output-wrap{display:flex;flex-direction:column;overflow:hidden;background:#0b0b0f}.code-output{width:100%;min-height:0;flex:1;padding:15px;resize:none;border:0;outline:0!important;color:#aaaabd;background:transparent;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.75}@media(max-width:1040px){.preview-card{position:relative;top:0;height:580px;min-height:580px;max-height:none}}@media(max-width:640px){.preview-card{height:520px;min-height:520px}.preview-card__head{padding:16px 16px 12px}.preview-tabs{margin:0 16px 11px}.preview-content{padding:0 16px 16px}}.app-toast{position:fixed;z-index:100;right:24px;bottom:24px;display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid rgba(103,232,179,.19);border-radius:11px;color:#cafbe6;background:#14231deb;box-shadow:0 14px 40px #0000005c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:11px}.app-toast svg{color:#67e8b3}@media(max-width:640px){.app-toast{right:16px;bottom:16px}}.app{min-height:100vh}.workspace{width:min(1400px,calc(100% - 40px));margin:0 auto;padding:18px 0 24px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(350px,.82fr);gap:14px;align-items:start}.work-column{display:grid;gap:14px;min-width:0}.preview-column{min-width:0}@media(max-width:1040px){.workspace{width:min(760px,calc(100% - 32px))}.workspace-grid{grid-template-columns:1fr}}@media(max-width:640px){.workspace{width:calc(100% - 22px);padding:12px 0 24px}.workspace-grid,.work-column{gap:11px}}