:root[data-theme=dark]{--ws-bg:#0b0b0e;--ws-bg-soft:#111114;--ws-surface:#16161b;--ws-surface-2:#1c1c22;--ws-border:#242429;--ws-border-soft:#1e1e24;--ws-text:#f4f2ee;--ws-text-muted:#8b8b95;--ws-text-faint:#51515a;--ws-accent:#ff4d1c;--ws-accent-soft:#ff4d1c1f;--ws-accent-glow:#ff4d1c4d;--ws-success:#22d88f;--ws-warn:#f5b700;--ws-danger:#ff5470;--ws-shadow:0 1px 0 #ffffff0a inset, 0 1px 2px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--ws-bg:#fafaf9;--ws-bg-soft:#f4f4f2;--ws-surface:#fff;--ws-surface-2:#f8f8f6;--ws-border:#e8e8e4;--ws-border-soft:#efefec;--ws-text:#18181b;--ws-text-muted:#6b6b73;--ws-text-faint:#a8a8ae;--ws-accent:#ff4d1c;--ws-accent-soft:#ff4d1c14;--ws-accent-glow:#ff4d1c33;--ws-success:#128a5c;--ws-warn:#b57f00;--ws-danger:#d63657;--ws-shadow:0 1px 2px #0000000a, 0 0 0 1px #00000005;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.ws-root{background:var(--ws-bg);color:var(--ws-text);font-feature-settings:"ss01", "cv11";min-height:100vh}.ws-card{background:var(--ws-surface);border:1px solid var(--ws-border);border-radius:12px;transition:border-color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.ws-card:hover{border-color:var(--ws-text-faint)}.ws-card-interactive:hover{transform:translateY(-1px);box-shadow:0 8px 24px -8px #0003}.ws-input{background:var(--ws-bg-soft);border:1px solid var(--ws-border);color:var(--ws-text);border-radius:8px;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.ws-input:focus{border-color:var(--ws-accent);box-shadow:0 0 0 3px var(--ws-accent-soft);outline:none}.ws-btn-primary{background:var(--ws-accent);color:#fff;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:opacity .15s,transform .1s}.ws-btn-primary:hover{opacity:.92}.ws-btn-primary:active{transform:scale(.98)}.ws-btn-primary:disabled{opacity:.4;cursor:not-allowed}.ws-btn-ghost{border:1px solid var(--ws-border);color:var(--ws-text);background:0 0;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;transition:border-color .15s,background .15s}.ws-btn-ghost:hover{border-color:var(--ws-text-faint);background:var(--ws-surface-2)}.ws-divider{background:var(--ws-border);height:1px}.ws-pill{border-radius:999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.ws-pill-success{color:var(--ws-success);background:#22d88f1f}.ws-pill-warn{color:var(--ws-warn);background:#f5b7001f}.ws-pill-muted{background:var(--ws-surface-2);color:var(--ws-text-muted)}.ws-pill-accent{background:var(--ws-accent-soft);color:var(--ws-accent)}.ws-sidebar{border-right:1px solid var(--ws-border);background:var(--ws-bg-soft);flex-direction:column;flex-shrink:0;width:240px;height:100vh;display:flex;position:sticky;top:0}.ws-mobile-trigger{z-index:70;background:var(--ws-surface);border:1px solid var(--ws-border);width:36px;height:36px;color:var(--ws-text);border-radius:8px;justify-content:center;align-items:center;display:none;position:fixed;top:.75rem;left:.75rem;box-shadow:0 4px 12px #0000001a}.ws-mobile-backdrop{-webkit-backdrop-filter:blur(4px);z-index:65;background:#00000080;animation:.2s wsFadeIn;display:none;position:fixed;inset:0}@media (max-width:900px){.ws-sidebar{z-index:80;transition:transform .22s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 0 60px #0006}.ws-sidebar-open{transform:translate(0)}.ws-mobile-trigger{display:inline-flex}.ws-sidebar-open~.ws-mobile-backdrop,.ws-mobile-backdrop{display:block}}.ws-content{flex:1;min-width:0}@media (max-width:900px){.ws-content{padding-top:3rem}}.ws-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) both wsFadeIn}@keyframes wsFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ws-stagger>*{animation:.22s cubic-bezier(.16,1,.3,1) both wsFadeIn}.ws-stagger>:first-child{animation-delay:0s}.ws-stagger>:nth-child(2){animation-delay:30ms}.ws-stagger>:nth-child(3){animation-delay:60ms}.ws-stagger>:nth-child(4){animation-delay:90ms}.ws-stagger>:nth-child(5){animation-delay:.12s}.ws-stagger>:nth-child(6){animation-delay:.15s}.ws-stagger>:nth-child(7){animation-delay:.18s}.ws-stagger>:nth-child(8){animation-delay:.21s}.builder-shell{background:var(--ws-bg);color:var(--ws-text);isolation:isolate;flex-direction:column;display:flex}.builder-topbar{border-bottom:1px solid var(--ws-border);background:var(--ws-bg-soft);z-index:60;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;min-height:52px;padding:.5rem 1rem;display:flex}.builder-topbar>*{align-items:center;gap:.5rem;display:flex}.builder-canvas{flex:1;min-height:0;position:relative;overflow:hidden}.builder-canvas .Puck{width:100%;height:100%}.builder-canvas [class*=PuckLayout-inner]{height:100%!important;min-height:0!important}.builder-canvas [class*=PuckLayout],.builder-canvas [class*=Puck-portal]{min-width:0;min-height:0}.builder-canvas [class*=SidebarSection],.builder-canvas [class*=PuckSideBar]{max-height:100%;overflow-y:auto}.builder-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.builder-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.builder-mobile-block{z-index:100;background:var(--ws-bg);text-align:center;justify-content:center;align-items:center;padding:2rem;display:none;position:fixed;inset:0}@media (max-width:768px){.builder-canvas{display:none}.builder-mobile-block{display:flex}}.block-ai-floating{z-index:70;pointer-events:auto;position:fixed;bottom:1.25rem;right:50%;transform:translate(50%)}.block-ai-trigger{background:var(--ws-surface);border:1px solid var(--ws-border);color:var(--ws-text);border-radius:999px;align-items:center;gap:.4rem;padding:.55rem .9rem;font-size:.75rem;font-weight:500;transition:transform .15s,border-color .15s;display:inline-flex;box-shadow:0 8px 24px -8px #00000059}.block-ai-trigger:hover{border-color:var(--ws-accent);transform:translateY(-1px)}.block-ai-menu{background:var(--ws-surface);border:1px solid var(--ws-border);border-radius:12px;width:280px;padding:.4rem;animation:.18s cubic-bezier(.16,1,.3,1) wsFadeIn;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);box-shadow:0 16px 32px -8px #0006}.block-ai-item{width:100%;color:var(--ws-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .7rem;font-size:.75rem;transition:background .1s;display:flex}.block-ai-item:hover{background:var(--ws-surface-2)}.block-ai-item:disabled{opacity:.5;cursor:wait}.block-ai-spinner{color:var(--ws-text-muted);margin-left:auto}.block-ai-divider{background:var(--ws-border);height:1px;margin:.4rem 0}.block-ai-custom{align-items:center;gap:.3rem;padding:.2rem;display:flex}.block-ai-input{background:var(--ws-bg-soft);border:1px solid var(--ws-border);color:var(--ws-text);border-radius:8px;outline:none;flex:1;padding:.4rem .55rem;font-size:.7rem}.block-ai-input:focus{border-color:var(--ws-accent)}.block-ai-submit{background:var(--ws-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.35rem .6rem;font-size:.75rem}.block-ai-submit:disabled{opacity:.4}.block-ai-error{color:var(--ws-danger);padding:.4rem .7rem;font-size:.65rem}:root[data-theme=dark] .Puck,:root[data-theme=dark] .puck-root{--puck-color-rose-1:#ff4d1c;--puck-color-rose-3:#ff4d1c;--puck-color-rose-5:#ff4d1c;--puck-color-rose-9:#ff4d1c;--puck-color-azure-3:#00e5ff;--puck-color-azure-9:#00e5ff;--puck-color-grey-01:#0b0b0e;--puck-color-grey-02:#111114;--puck-color-grey-03:#16161b;--puck-color-grey-04:#1c1c22;--puck-color-grey-05:#242429;--puck-color-grey-06:#34343c;--puck-color-grey-07:#51515a;--puck-color-grey-08:#8b8b95;--puck-color-grey-09:#b5b5bc;--puck-color-grey-10:#e5e5ea;--puck-color-grey-11:#f4f2ee;--puck-color-white:#f4f2ee;--puck-color-black:#0b0b0e}:root[data-theme=dark] .Puck input,:root[data-theme=dark] .Puck textarea,:root[data-theme=dark] .Puck select{background:var(--ws-bg-soft)!important;color:var(--ws-text)!important;border-color:var(--ws-border)!important}:root[data-theme=dark] .Puck input:focus,:root[data-theme=dark] .Puck textarea:focus,:root[data-theme=dark] .Puck select:focus{border-color:var(--ws-accent)!important;box-shadow:0 0 0 3px var(--ws-accent-soft)!important}
