@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:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-vietnamese-600-normal-BjlAJixd.woff2) format("woff2"),url(/assets/fraunces-vietnamese-600-normal-DlAl5EAR.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-latin-ext-600-normal-BtzmzP0X.woff2) format("woff2"),url(/assets/fraunces-latin-ext-600-normal-B0Dy4lqi.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-latin-600-normal-BFCDtZfi.woff2) format("woff2"),url(/assets/fraunces-latin-600-normal-DL5QCzvS.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--wps-color-primary: #7d48be;--wps-color-secondary: #b68ef3;--wps-color-accent: #4a85de;--wps-color-text: #2f184a;--wps-color-background: #fef6fe;--wps-color-secondary-background: #491c79;--wps-color-secondary-text: #ede2ff;--wps-color-border: #ac75ff;--wps-color-success: #10b981;--wps-color-warning: #f59e0b;--wps-color-error: #ef4444;--wps-surface: #ffffff;--wps-surface-muted: #faf4ff;--wps-surface-hover: #f3e9ff;--wps-border-soft: #ead9ff;--wps-font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--wps-font-display: "Fraunces", Georgia, "Times New Roman", serif;--wps-font-mono: "SFMono-Regular", "Consolas", "Liberation Mono", monospace;--wps-radius: 8px;--wps-radius-sm: 6px;--wps-radius-lg: 12px;--wps-radius-pill: 11px;--wps-space-1: 4px;--wps-space-2: 8px;--wps-space-3: 12px;--wps-space-4: 16px;--wps-space-5: 24px;--wps-space-6: 32px;--wps-shadow-sm: 0 1px 2px rgba(47, 24, 74, .08);--wps-shadow-md: 0 4px 12px rgba(47, 24, 74, .12);--wps-shadow-primary: 0 4px 14px rgba(125, 72, 190, .28);--wps-shadow-lift: 0 5px 16px rgba(125, 72, 190, .13);--wps-gradient-primary: linear-gradient(135deg, #8e57d0, var(--wps-color-primary));--wps-gradient-column: linear-gradient(135deg, #5a92e6, var(--wps-color-accent));--wps-gradient-slider: linear-gradient(90deg, var(--wps-color-secondary), var(--wps-color-primary));--wps-focus-ring: 0 0 0 3px rgba(172, 117, 255, .18);--wps-primary-hover: #6b3aa8;--wps-text-muted: #7a6699;--wps-text-subtle: #a08bbd;font-family:var(--wps-font-ui);color:var(--wps-color-text)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--wps-color-background);color:var(--wps-color-text);font-family:var(--wps-font-ui);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased}.wps-btn{font-family:var(--wps-font-ui);font-size:13px;font-weight:600;line-height:1;padding:9px 15px;border-radius:var(--wps-radius-pill);border:1.5px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .12s ease;white-space:nowrap}.wps-btn:disabled{opacity:.45;cursor:not-allowed}.wps-btn--primary{background:var(--wps-gradient-primary);color:#fff;box-shadow:var(--wps-shadow-primary)}.wps-btn--primary:not(:disabled):hover{transform:translateY(-1px)}.wps-btn--secondary{background:var(--wps-color-secondary);color:#2f184a}.wps-btn--secondary:not(:disabled):hover{background:#a87cf0}.wps-btn--outline{background:var(--wps-surface);border-color:var(--wps-color-primary);color:var(--wps-color-primary)}.wps-btn--outline:not(:disabled):hover{background:var(--wps-color-primary);color:#fff}.wps-btn--ghost{background:transparent;color:var(--wps-color-primary)}.wps-btn--ghost:not(:disabled):hover{background:var(--wps-surface-hover)}.wps-btn--link{background:transparent;color:var(--wps-color-accent);padding:4px 6px;text-decoration:underline}.wps-btn--danger{background:var(--wps-color-error);color:#fff}.wps-btn--danger:not(:disabled):hover{background:#dc2626}.wps-btn--danger-soft{background:#fef2f2;border-color:#fecdd3;color:var(--wps-color-error)}.wps-btn--danger-soft:not(:disabled):hover{background:#fee2e2}.wps-btn--dashed{background:var(--wps-surface-muted);border:1.5px dashed var(--wps-color-border);color:var(--wps-color-primary)}.wps-btn--dashed:not(:disabled):hover{background:var(--wps-surface-hover);border-color:var(--wps-color-primary)}.wps-btn--block{width:100%;justify-content:center}.wps-icon-btn{width:38px;height:38px;padding:0;justify-content:center;font-size:16px;border-radius:var(--wps-radius-pill);border:1.5px solid var(--wps-border-soft);background:var(--wps-surface);color:var(--wps-text-muted)}.wps-icon-btn:not(:disabled):hover{border-color:var(--wps-color-border);color:var(--wps-color-primary);background:var(--wps-surface)}.wps-field{display:flex;flex-direction:column;gap:7px;margin-bottom:var(--wps-space-4)}.wps-label{font-size:12px;font-weight:600;color:var(--wps-color-primary)}.wps-input,.wps-select,.wps-textarea{font-family:var(--wps-font-ui);font-size:13px;color:var(--wps-color-text);background:var(--wps-surface);border:1.5px solid var(--wps-border-soft);border-radius:var(--wps-radius-pill);padding:9px 12px;width:100%}.wps-input:focus,.wps-select:focus,.wps-textarea:focus{outline:none;border-color:var(--wps-color-border);box-shadow:var(--wps-focus-ring)}.wps-textarea{resize:vertical;min-height:64px}.wps-row-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--wps-space-2)}.wps-select-wrap{position:relative}.wps-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:30px;cursor:pointer}.wps-select-caret{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--wps-color-border);font-size:11px}.wps-range-field{gap:9px}.wps-range-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.wps-range-value{font-family:var(--wps-font-mono);font-size:12px;font-weight:600;color:var(--wps-color-primary);font-variant-numeric:tabular-nums}.wps-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background-color:var(--wps-surface-hover);background-image:var(--wps-gradient-slider);background-repeat:no-repeat;cursor:pointer}.wps-range:focus-visible{outline:none;box-shadow:var(--wps-focus-ring)}.wps-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--wps-color-primary);box-shadow:var(--wps-shadow-sm);cursor:grab}.wps-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--wps-color-primary);box-shadow:var(--wps-shadow-sm);cursor:grab}.wps-switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:var(--wps-space-4)}.wps-switch{flex:none;width:40px;height:23px;padding:0;border:none;border-radius:999px;background:var(--wps-border-soft);cursor:pointer;transition:background .14s ease}.wps-switch--on{background:var(--wps-color-primary)}.wps-switch-knob{display:block;width:19px;height:19px;margin:2px;border-radius:50%;background:#fff;box-shadow:var(--wps-shadow-sm);transition:transform .14s ease}.wps-switch--on .wps-switch-knob{transform:translate(17px)}.wps-switch:focus-visible{outline:none;box-shadow:var(--wps-focus-ring)}.wps-input-with-token{display:flex;align-items:flex-start;gap:6px}.wps-input-with-token .wps-input,.wps-input-with-token .wps-textarea{flex:1;min-width:0}.wps-token-picker{position:relative;flex:0 0 auto}.wps-token-btn{width:38px;height:38px;border:1.5px solid var(--wps-border-soft);border-radius:var(--wps-radius-pill);background:var(--wps-surface-muted);color:var(--wps-color-primary);font-family:var(--wps-font-mono);font-size:12px;font-weight:700;cursor:pointer;transition:background .12s ease,border-color .12s ease}.wps-token-btn:hover{background:var(--wps-surface-hover);border-color:var(--wps-color-border)}.wps-token-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:10;width:220px;max-height:280px;overflow-y:auto;background:var(--wps-surface);border:1px solid var(--wps-border-soft);border-radius:var(--wps-radius-sm);box-shadow:var(--wps-shadow-md);padding:6px}.wps-token-menu-group-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--wps-text-muted);padding:6px 8px 2px}.wps-token-menu-item{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;text-align:left;padding:6px 8px;border:none;background:transparent;border-radius:var(--wps-radius-sm);font-family:var(--wps-font-ui);font-size:13px;color:var(--wps-color-text);cursor:pointer}.wps-token-menu-item:hover{background:var(--wps-surface-hover)}.wps-token-menu-code{font-family:var(--wps-font-mono);font-size:11px;color:var(--wps-text-muted)}.wps-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;background:var(--wps-surface-hover);border:1px solid var(--wps-border-soft);border-radius:var(--wps-radius-pill);box-shadow:inset 0 1px 2px #7d48be0f}.wps-seg-btn{border:none;background:transparent;border-radius:var(--wps-radius-sm);padding:7px 4px;font-family:var(--wps-font-ui);font-size:12px;font-weight:600;color:var(--wps-text-muted);cursor:pointer;transition:background .12s ease,color .12s ease}.wps-seg-btn:hover{color:var(--wps-color-primary)}.wps-seg-btn--active{background:var(--wps-surface);color:var(--wps-color-primary);box-shadow:var(--wps-shadow-sm)}.wps-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.wps-thumb{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;border:1px solid var(--wps-border-soft);border-radius:var(--wps-radius-sm);background:var(--wps-surface);cursor:pointer}.wps-thumb:hover{border-color:var(--wps-color-border)}.wps-thumb--active{border-color:var(--wps-color-primary);box-shadow:0 0 0 1px var(--wps-color-primary)}.wps-thumb-shape{width:30px;height:30px;background:var(--wps-surface-hover);border:0 solid var(--wps-color-text);box-sizing:border-box}.wps-thumb-label{font-size:11px;color:var(--wps-text-muted);text-align:center;line-height:1.2}.wps-thumb--active .wps-thumb-label{color:var(--wps-color-primary);font-weight:600}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-body{flex:1;display:grid;grid-template-columns:278px 1fr 344px;min-height:0}.panel{background:var(--wps-surface);display:flex;flex-direction:column;min-height:0;overflow:hidden}.palette{border-right:1px solid var(--wps-border-soft)}.inspector{border-left:1px solid var(--wps-border-soft)}.panel-header{display:flex;align-items:center;gap:10px;font-family:var(--wps-font-display);font-weight:600;font-size:18px;letter-spacing:-.01em;padding:16px 20px;border-bottom:1px solid var(--wps-border-soft);color:var(--wps-color-text);background:linear-gradient(180deg,var(--wps-surface),var(--wps-surface-muted))}.panel-dot{width:11px;height:11px;border-radius:4px;flex:none;background:var(--wps-color-primary)}.panel-body{padding:20px;overflow-y:auto;height:100%}.palette-heading{padding:20px 18px 4px}.palette-title{font-family:var(--wps-font-display);font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--wps-color-text)}.palette-subtitle{font-size:12px;color:var(--wps-text-subtle);margin-top:2px}.topbar{display:flex;align-items:center;gap:18px;height:64px;padding:0 22px;flex:none;background:var(--wps-surface);border-bottom:1px solid var(--wps-border-soft);box-shadow:0 1px #7d48be0a;z-index:30}.topbar-left{display:flex;align-items:center;gap:14px}.topbar-right{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}.wordmark{font-family:var(--wps-font-display);font-weight:600;font-size:20px;color:var(--wps-color-primary);letter-spacing:.2px}.topbar-logo{display:block;height:42px;width:auto}.name-input{width:210px;background:var(--wps-surface-muted)}.topbar-divider{width:1px;height:26px;background:var(--wps-border-soft)}.width-control{display:flex;align-items:center;gap:11px;padding:7px 14px;background:var(--wps-surface-muted);border:1.5px solid var(--wps-border-soft);border-radius:var(--wps-radius-lg);font-size:12px;font-weight:600;color:var(--wps-text-muted)}.width-control input[type=range]{accent-color:var(--wps-color-primary);width:130px}.width-value{min-width:44px;color:var(--wps-color-primary);font-variant-numeric:tabular-nums}.palette-group{margin-bottom:20px}.palette-group-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.11em;color:var(--wps-text-subtle);margin:0 0 10px}.palette-grid{display:grid;gap:8px}.palette-item{text-align:left;display:flex;align-items:center;gap:11px;padding:10px 11px;border:1.5px solid var(--wps-border-soft);border-radius:14px;background:var(--wps-surface);cursor:grab;font-family:var(--wps-font-ui);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.palette-item:hover{border-color:var(--wps-color-secondary);box-shadow:var(--wps-shadow-lift);transform:translateY(-1px)}.palette-item--dragging{opacity:.5}.palette-item-glyph{width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--wps-surface-hover);color:var(--wps-color-primary);font-family:var(--wps-font-display);font-size:15px;font-weight:700}.palette-item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.palette-item-label{font-size:13px;font-weight:600;color:var(--wps-color-text);line-height:1.2}.palette-item-hint{font-size:11.5px;color:var(--wps-text-subtle);line-height:1.3}.palette-item-grip{color:var(--wps-border-soft);font-size:14px;line-height:1;flex:none}.canvas-area{display:flex;flex-direction:column;min-height:0;background:var(--wps-color-background)}.canvas-tabs{display:flex;gap:5px;align-self:center;margin:22px auto 0;padding:4px;background:var(--wps-surface-hover);border-radius:var(--wps-radius-lg);box-shadow:inset 0 1px 2px #7d48be0f}.canvas-tab{border:none;background:transparent;padding:8px 22px;border-radius:var(--wps-radius);font-family:var(--wps-font-ui);font-size:13px;font-weight:600;color:var(--wps-text-muted);cursor:pointer;transition:background .14s ease,color .14s ease,box-shadow .14s ease}.canvas-tab:hover{color:var(--wps-color-primary)}.canvas-tab--active{background:var(--wps-surface);color:var(--wps-color-primary);box-shadow:var(--wps-shadow-sm)}.canvas-scroll{flex:1;overflow:auto;padding:26px 24px 60px;display:flex;flex-direction:column;align-items:center}.sig-canvas{background:#fff;border:1px solid var(--wps-border-soft);border-radius:18px;box-shadow:0 12px 40px #7d48be1a;min-height:120px}.add-row-btn{margin-top:14px;width:100%;border:2px dashed var(--wps-color-border);background:var(--wps-surface-muted);color:var(--wps-color-primary);border-radius:var(--wps-radius-lg);padding:13px;font-family:var(--wps-font-ui);font-weight:600;font-size:13.5px;cursor:pointer;transition:background .14s ease,border-color .14s ease}.add-row-btn:hover{background:var(--wps-surface-hover);border-color:var(--wps-color-primary)}.row-view{position:relative;border:1px solid transparent;border-radius:var(--wps-radius-sm);margin-bottom:6px}.row-view:hover:not(:has(.col-view:hover)){border-color:var(--wps-border-soft)}.row-view--selected{border-color:var(--wps-color-accent)}.row-columns{display:flex;align-items:stretch;width:100%}.col-view{position:relative;min-height:40px;border:1px dashed transparent;border-radius:var(--wps-radius-sm);box-sizing:border-box}.col-view:hover:not(:has(.block-view:hover)){border-color:var(--wps-border-soft)}.col-view--selected{border-color:var(--wps-color-secondary);border-style:solid}.col-view--over{background:var(--wps-surface-hover);border-color:var(--wps-color-primary)}.col-view--placeholder{opacity:.4}.col-resizer{flex:0 0 auto;width:6px;margin-left:-3px;margin-right:-3px;cursor:col-resize;background:transparent;border-radius:3px;align-self:stretch;position:relative;z-index:3}.col-resizer:hover{background:var(--wps-color-secondary)}.drop-empty{font-size:12px;color:var(--wps-text-muted);text-align:center;padding:16px 8px;border:1px dashed var(--wps-border-soft);border-radius:var(--wps-radius-sm)}.lvl-toolbar{position:absolute;display:none;align-items:center;gap:2px;padding:3px 4px;border-radius:var(--wps-radius-sm);box-shadow:var(--wps-shadow-md);font-family:var(--wps-font-ui);line-height:1;white-space:nowrap}.lvl-toolbar--row{top:-14px;left:12px;z-index:12;background:var(--wps-gradient-primary)}.lvl-toolbar--col{bottom:-13px;right:8px;z-index:13;background:var(--wps-gradient-column)}.lvl-toolbar--block{top:-12px;right:6px;z-index:14;background:var(--wps-color-text)}.lvl-grip{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:5px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:grab;-webkit-user-select:none;user-select:none}.lvl-grip:active{cursor:grabbing}.lvl-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:20px;border:none;border-radius:5px;background:#ffffff2e;color:#fff;font-size:12px;line-height:1;cursor:pointer;transition:background .12s ease}.lvl-btn:hover{background:#ffffff57}.lvl-toolbar--block .lvl-grip{color:var(--wps-color-secondary-text)}.lvl-toolbar--block .lvl-btn{background:transparent;color:var(--wps-color-secondary-text)}.lvl-toolbar--block .lvl-btn:hover{background:#ffffff24}.row-view--selected>.lvl-toolbar--row,.col-view--selected>.lvl-toolbar--col,.block-view--selected>.lvl-toolbar--block{display:flex}.block-view:hover>.lvl-toolbar--block{display:flex}.col-view:hover:not(:has(.block-view:hover))>.lvl-toolbar--col{display:flex}.row-view:hover:not(:has(.col-view:hover))>.lvl-toolbar--row{display:flex}.canvas-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 16px;color:var(--wps-text-subtle);text-align:center}.canvas-empty-glyph{font-size:34px;line-height:1;color:var(--wps-border-soft)}.canvas-empty-text{font-size:13px}.block-view{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:34px;margin-bottom:6px;padding:6px;border:1px solid transparent;border-radius:var(--wps-radius-sm);cursor:pointer}.block-view--placeholder{opacity:.4;border-style:dashed;border-color:var(--wps-color-border);background:var(--wps-surface-muted)}.block-view:hover{border-color:var(--wps-border-soft)}.block-view--selected{border-color:var(--wps-color-primary);box-shadow:0 0 0 1px var(--wps-color-primary)}.block-body{min-width:0}.bv-text{word-break:break-word}.bv-placeholder{font-size:12px;color:var(--wps-text-muted);background:var(--wps-surface-muted);border:1px dashed var(--wps-border-soft);border-radius:var(--wps-radius-sm);padding:10px;text-align:center}.bv-contact{display:flex;align-items:center;gap:6px}.bv-dot{width:10px;height:10px;border-radius:50%;background:var(--wps-border-soft);display:inline-block}.bv-contact-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;line-height:0}.bv-social{display:flex;align-items:center}.bv-chip,.bv-button{display:inline-block}.bv-chip{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--wps-surface-hover);color:var(--wps-color-primary)}.bv-button{font-family:var(--wps-font-ui)}.bv-spacer{display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--wps-text-muted);background:repeating-linear-gradient(45deg,var(--wps-surface-muted),var(--wps-surface-muted) 6px,var(--wps-surface-hover) 6px,var(--wps-surface-hover) 12px);border-radius:var(--wps-radius-sm)}.bv-muted{color:var(--wps-text-muted);font-style:italic}.drop-indicator{position:relative;height:3px;margin:3px 0;border-radius:999px;background:var(--wps-color-primary);z-index:2}.drop-indicator:before{content:"";position:absolute;left:-2px;top:50%;width:8px;height:8px;border-radius:50%;background:var(--wps-color-primary);transform:translateY(-50%)}.drop-indicator--vertical{height:auto;width:3px;margin:0 3px;align-self:stretch;flex:0 0 auto}.drop-indicator--vertical:before{left:50%;top:-2px;transform:translate(-50%)}.block-overlay{max-width:360px;padding:6px 8px;background:var(--wps-surface);border:1px solid var(--wps-color-primary);border-radius:var(--wps-radius-sm);box-shadow:var(--wps-shadow-md);cursor:grabbing}.palette-overlay,.row-overlay,.column-overlay{padding:8px 12px;background:var(--wps-surface);border:1px solid var(--wps-color-primary);border-radius:var(--wps-radius-sm);box-shadow:var(--wps-shadow-md);font-family:var(--wps-font-ui);font-size:13px;font-weight:600;color:var(--wps-color-primary);cursor:grabbing}.column-overlay{border-color:var(--wps-color-accent);color:var(--wps-color-accent)}.preview-pane{width:100%;display:flex;flex-direction:column;gap:12px;align-items:center;padding:1rem}.preview-warnings{width:100%;max-width:680px;background:#fff7ed;border:1px solid var(--wps-color-warning);color:#92400e;border-radius:var(--wps-radius-sm);padding:8px 12px;font-size:12px}.preview-frame{display:block;width:100%;max-width:680px;min-height:120px;overflow:hidden;background:#fff;border:1px solid var(--wps-border-soft);border-radius:var(--wps-radius);box-shadow:var(--wps-shadow-md)}.wps-hint{font-size:12px;color:var(--wps-text-muted);margin:4px 0 12px}.wps-subcard{border:1px solid var(--wps-border-soft);border-radius:var(--wps-radius-sm);padding:10px;margin-bottom:8px;background:var(--wps-surface-muted)}.cp-field{position:relative}.cp-trigger{display:flex;align-items:center;gap:9px;width:100%;padding:7px 10px;border:1.5px solid var(--wps-border-soft);border-radius:var(--wps-radius-pill);background:var(--wps-surface);cursor:pointer;font-family:var(--wps-font-ui)}.cp-trigger:hover{border-color:var(--wps-color-border)}.cp-trigger:focus-visible{outline:none;border-color:var(--wps-color-border);box-shadow:var(--wps-focus-ring)}.cp-trigger-swatch{width:22px;height:22px;flex:none;border-radius:6px;border:1px solid var(--wps-border-soft);background-image:linear-gradient(45deg,#e6d6f7 25%,transparent 25%),linear-gradient(-45deg,#e6d6f7 25%,transparent 25%);background-size:10px 10px}.cp-trigger-hex{flex:1;text-align:left;font-family:var(--wps-font-mono);font-size:12.5px;color:var(--wps-color-text);text-transform:uppercase}.cp-trigger-caret{color:var(--wps-color-border);font-size:11px}.cp-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:40;width:248px;padding:12px;background:var(--wps-surface);border:1px solid var(--wps-border-soft);border-radius:var(--wps-radius-lg);box-shadow:var(--wps-shadow-md)}.cp-popover--up{top:auto;bottom:calc(100% + 6px)}.cp-section-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--wps-text-subtle);margin:2px 0 8px}.cp-section-label+.cp-section-label,.cp-swatches+.cp-section-label{margin-top:14px}.cp-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.cp-swatch{width:100%;aspect-ratio:1;padding:0;border:1px solid var(--wps-border-soft);border-radius:7px;cursor:pointer}.cp-swatch:hover{transform:scale(1.08)}.cp-swatch:focus-visible{outline:none;box-shadow:var(--wps-focus-ring)}.cp-sv{position:relative;width:100%;height:132px;margin-bottom:12px;border-radius:var(--wps-radius-sm);cursor:crosshair;touch-action:none;background-image:linear-gradient(to top,#000,#0000),linear-gradient(to right,#fff,#fff0)}.cp-sv:focus-visible{outline:none;box-shadow:var(--wps-focus-ring)}.cp-sv-thumb,.cp-hue-thumb{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #2f184a59;transform:translate(-50%,-50%);pointer-events:none}.cp-hue{position:relative;width:100%;height:14px;margin-bottom:12px;border-radius:999px;cursor:pointer;touch-action:none;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.cp-hue:focus-visible{outline:none;box-shadow:var(--wps-focus-ring)}.cp-hue-thumb{top:50%}.cp-hex-row{display:flex;align-items:center;gap:8px}.cp-hex-preview{width:30px;height:30px;flex:none;border-radius:6px;border:1px solid var(--wps-border-soft)}.cp-hex-input{flex:1;min-width:0;font-family:var(--wps-font-mono);text-transform:uppercase}.cp-ok{flex:none;padding:9px 14px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2f184a52;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:flex-end;z-index:50}.drawer{width:440px;max-width:92vw;height:100%;background:var(--wps-surface);box-shadow:-16px 0 48px #2f184a38;display:flex;flex-direction:column}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid var(--wps-border-soft)}.drawer-header h2{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em;font-family:var(--wps-font-display);color:var(--wps-color-text)}.drawer-header-subtitle{font-size:12px;color:var(--wps-text-subtle);margin-top:2px}.drawer-body{flex:1;padding:22px 24px 40px;overflow-y:auto}.drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin-bottom:26px}.drawer-grid .wps-field{margin-bottom:0}.drawer-section-title{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.11em;color:var(--wps-text-subtle);margin:0 0 14px}.drawer-footer{flex:none;padding:16px 24px;border-top:1px solid var(--wps-border-soft)}.drawer-footer .wps-btn{width:100%;justify-content:center;padding:12px;font-size:14px}.app-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:34px;padding:0 16px;background:var(--wps-surface);border-top:1px solid var(--wps-border-soft);font-family:var(--wps-font-ui);font-size:11.5px;color:var(--wps-text-subtle)}.app-footer-link{color:var(--wps-text-muted);text-decoration:none;font-weight:600}.app-footer-link:hover{text-decoration:underline}.wps-help{font-size:12px;color:var(--wps-text-muted);margin-top:4px}.wps-error{font-size:12px;color:var(--wps-color-error);margin-top:4px}