.wf-dash{--bg:#0b0d10;--panel:#14171b;--panel-2:#1a1e23;--border:#23262b;--text:#f5f6f7;--text-muted:#8b9199;--text-faint:#5b6169;--accent:#c8ff4d;--accent-dim:#8fb536;--blue:#6ea8fe;--mono:"JetBrains Mono", monospace;--display:"Space Grotesk", sans-serif;--body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;background:var(--bg);color:var(--text);font-family:var(--body);min-height:100vh}.wf-dash *{box-sizing:border-box}.wf-topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.wf-topbar .brand{font-family:var(--display);font-size:15px;font-weight:600}.wf-topbar .email{color:var(--text-faint);margin-right:14px;font-size:12.5px}.wf-topbar button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:7px;padding:6px 12px;font-size:12.5px}.workbench{grid-template-columns:1fr 400px;display:grid}@media (max-width:980px){.workbench{grid-template-columns:1fr}}.preview-pane{background:radial-gradient(circle at 1px 1px, #1c2025 1px, transparent 0) 0 0/22px 22px, var(--bg);flex-direction:column;gap:12px;min-width:0;padding:20px;display:flex}.preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.preview-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-size:11px}.sample-pill{color:var(--accent);background:#c8ff4d14;border:1px solid #c8ff4d40;border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:500;text-decoration:none}.sample-pill:hover{background:#c8ff4d26}.resize-ruler{align-items:center;gap:4px;padding:20px 2px 4px;display:flex}.ruler-arrow{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:15px;line-height:1}.ruler-arrow:hover{background:var(--panel-2);color:var(--text)}.ruler-track{background-image:repeating-linear-gradient(to right, var(--border) 0, var(--border) 1px, transparent 1px, transparent 8px);flex:1;height:1px;position:relative}.ruler-label{font-family:var(--mono);color:var(--text-faint);white-space:nowrap;font-size:11px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.preview-frame{border:1px solid var(--border);background:#fff;border-radius:14px;max-width:100%;margin:0 auto;padding:20px 16px;position:relative}.resize-handle{background:var(--panel-2);border:1px solid var(--border);width:16px;height:40px;color:var(--text-faint);cursor:ew-resize;z-index:5;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.resize-handle:hover{color:var(--text);border-color:var(--accent)}.resize-handle.left{left:-8px}.resize-handle.right{right:-8px}.resize-handle svg{width:8px;height:16px}.embed-block{margin-top:0}.embed-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.copy-btn{background:var(--accent);color:#0b0d10;cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:600}.copy-btn.copied{background:var(--blue)}pre.code{border:1px solid var(--border);font-family:var(--mono);color:#c9d1d9;white-space:pre;background:#0d0f12;border-radius:10px;max-height:200px;padding:14px;font-size:12px;line-height:1.55;overflow:auto}.code-note{color:var(--text-faint);margin-top:10px;font-size:12px;line-height:1.5}.code-note code{font-family:var(--mono);background:var(--panel-2);border:1px solid var(--border);color:var(--accent);border-radius:4px;padding:1px 5px}.code-gate{border:1px dashed var(--border);text-align:center;background:#0d0f12;border-radius:10px;padding:24px 20px}.code-gate-icon{background:var(--panel-2);border:1px solid var(--border);width:34px;height:34px;color:var(--text-faint);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.code-gate-icon svg{width:16px;height:16px}.code-gate-text{color:var(--text-muted);max-width:320px;margin:0 auto 16px;font-size:13px;line-height:1.5}.settings-pane{background:var(--panel);border-left:1px solid var(--border);padding:20px 18px 24px;overflow-y:auto}.group{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;margin-bottom:10px;overflow:hidden}.group-header{cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:13px 14px;font-size:13px;font-weight:600;display:flex}.group-icon{width:17px;height:17px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.group-icon svg{width:100%;height:100%}.group-header-text{flex:1}.group-chevron{width:14px;height:14px;color:var(--text-faint);flex-shrink:0;transition:transform .15s}.group.open .group-chevron{transform:rotate(180deg)}.group-body{padding:2px 14px 16px}.field{margin-bottom:16px}.field-label{color:var(--text);align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.field-label .val-pill{font-family:var(--mono);color:var(--text-faint);background:var(--panel-2);border:1px solid var(--border);border-radius:5px;margin-left:auto;padding:2px 7px;font-size:11px}.seg{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;gap:2px;padding:3px;display:flex}.seg button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px 6px;font-size:12.5px;font-weight:500}.seg button.active{background:var(--accent);color:#0b0d10}.seg button:disabled{opacity:.3;cursor:not-allowed}.wf-dash input[type=range]{-webkit-appearance:none;background:var(--border);border-radius:2px;outline:none;width:100%;height:4px}.wf-dash input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border:2px solid #0b0d10;border-radius:50%;width:16px;height:16px}.toggle-row{justify-content:space-between;align-items:center;padding:10px 0;display:flex}.toggle-row .field-label{margin-bottom:0}.switch{flex-shrink:0;width:38px;height:22px;position:relative}.switch input{opacity:0;width:0;height:0}.slider-switch{background:var(--border);cursor:pointer;border-radius:999px;position:absolute;inset:0}.slider-switch:before{content:"";background:var(--text-muted);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch input:checked+.slider-switch{background:var(--accent-dim)}.switch input:checked+.slider-switch:before{background:#0b0d10;transform:translate(16px)}.color-row{align-items:center;gap:10px;display:flex}.swatch{border:1px solid var(--border);cursor:pointer;border-radius:8px;flex-shrink:0;width:36px;height:36px;position:relative;overflow:hidden}.swatch input[type=color]{cursor:pointer;border:none;width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;inset:-4px}.hex-input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-family:var(--mono);border-radius:7px;width:100%;padding:9px 12px;font-size:13px}.select-flat{background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-family:var(--body);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%235b6169' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:10px 6px;border-radius:7px;width:100%;padding:10px 34px 10px 12px;font-size:13px;font-weight:500}.select-flat:focus{border-color:var(--accent);outline:none}.select-flat option{font-family:var(--body)}.tier-row{gap:8px;display:flex}.tier-card{border:1px solid var(--border);background:var(--panel-2);text-align:center;border-radius:9px;flex:1;padding:12px 10px}.tier-card.active{border-color:var(--accent);background:#c8ff4d0f}.tier-card .tname{font-family:var(--display);font-size:13px;font-weight:600}.tier-card .tprice{font-family:var(--mono);color:var(--text-faint);margin-top:2px;font-size:10.5px}.upgrade-row{gap:8px;margin-top:12px;display:flex}.upgrade-row button{background:var(--accent);color:#0b0d10;cursor:pointer;border:none;border-radius:7px;flex:1;padding:9px 8px;font-size:12.5px;font-weight:600}.link-btn{color:var(--blue);cursor:pointer;background:0 0;border:none;margin-top:10px;padding:0;font-size:12.5px}.connect-btn{background:var(--panel-2);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:11px 14px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.connect-dot{background:var(--text-faint);border-radius:50%;flex-shrink:0;width:6px;height:6px}.connect-dot.connected{background:var(--accent-dim)}.connect-btn .tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;background:var(--bg);border:1px solid var(--border);color:var(--text-faint);border-radius:5px;margin-left:auto;padding:2px 7px;font-size:10px}.wf-preview-root{width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.wf-grid{display:grid}.wf-masonry{display:flex}.wf-masonry-col{flex-direction:column;flex:1;min-width:0;display:flex}.wf-carousel{padding-bottom:6px;display:flex;overflow-x:auto}.wf-carousel.wf-sb-visible{scrollbar-width:auto}.wf-carousel.wf-sb-visible::-webkit-scrollbar{height:8px}.wf-carousel.wf-sb-visible::-webkit-scrollbar-track{background:#eceef0;border-radius:4px}.wf-carousel.wf-sb-visible::-webkit-scrollbar-thumb{background:#b0b5bb;border-radius:4px}.wf-carousel.wf-sb-hidden{scrollbar-width:none;-ms-overflow-style:none}.wf-carousel.wf-sb-hidden::-webkit-scrollbar{display:none}.wf-carousel.wf-sb-hover{scrollbar-width:thin;scrollbar-color:transparent transparent}.wf-carousel.wf-sb-hover:hover{scrollbar-color:#c3c7cc transparent}.wf-carousel.wf-sb-hover::-webkit-scrollbar{height:6px}.wf-carousel.wf-sb-hover::-webkit-scrollbar-thumb{background:0 0}.wf-carousel.wf-sb-hover:hover::-webkit-scrollbar-thumb{background:#c3c7cc}.wf-carousel .wf-item{flex:none}.wf-item{cursor:pointer;background:#fff;border:1px solid #dbdbdb;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.wf-thumb{background:#fafafa;position:relative;overflow:hidden}.wf-thumb img{object-fit:cover;width:100%;height:100%;display:block}.wf-play{background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:8px;right:8px}.wf-play svg{fill:#fff;width:11px;height:11px}.wf-body{padding:10px 12px 12px}.wf-caption{color:#262626;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.wf-caption b{margin-right:4px;font-weight:600}.wf-engage{color:#262626;align-items:center;gap:16px;margin-top:8px;font-size:12.5px;font-weight:600;display:flex}.wf-engage span{align-items:center;gap:5px;display:flex}.wf-engage svg{flex-shrink:0;width:18px;height:18px}.wf-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.wf-avatar{object-fit:cover;background:#fafafa;border:1px solid #dbdbdb;border-radius:50%;flex-shrink:0;width:36px;height:36px;display:block}.wf-avatar-fallback{background:#dbdbdb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.wf-avatar-fallback svg{fill:#8e8e8e;width:18px;height:18px}.wf-handle{color:#262626;font-size:13.5px;font-weight:600}.wf-badge{color:#6b7075;align-items:center;gap:7px;margin-top:14px;font-size:12px;line-height:1;display:inline-flex}.wf-badge b{color:#1a1c1e}.wf-lightbox-overlay{z-index:9999;background:#000000e6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.wf-lightbox-content{background:#fff;border-radius:4px;width:100%;max-width:935px;max-height:90vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;overflow:hidden}.wf-lightbox-media{background:#fafafa;flex:60%;justify-content:center;align-items:center;min-width:0;display:flex}.wf-lightbox-media img,.wf-lightbox-media video{object-fit:contain;width:100%;height:100%;max-height:90vh}.wf-lightbox-panel{background:#fff;flex-direction:column;flex:40%;min-width:280px;max-width:400px;display:flex}.wf-lightbox-header{border-bottom:1px solid #efefef;flex-shrink:0;align-items:center;gap:11px;padding:14px 16px;display:flex}.wf-lightbox-body{flex:1;padding:16px;overflow-y:auto}.wf-lightbox-caption{color:#262626;font-size:14px;line-height:1.5}.wf-lightbox-caption b{margin-right:5px;font-weight:600}.wf-lightbox-footer{border-top:1px solid #efefef;flex-shrink:0;padding:12px 16px 16px}.wf-lightbox-icons{align-items:center;gap:16px;margin-bottom:8px;display:flex}.wf-lightbox-icons svg{color:#262626;width:24px;height:24px}.wf-lightbox-likes{color:#262626;margin-bottom:4px;font-size:13.5px;font-weight:600}.wf-lightbox-comments-count{color:#8e8e8e;margin-bottom:4px;font-size:13px}.wf-lightbox-time{color:#8e8e8e;text-transform:uppercase;letter-spacing:.2px;font-size:10px}.wf-lightbox-link{color:#0095f6;margin-top:10px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-block}.wf-lightbox-link:hover{text-decoration:underline}.wf-lightbox-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex;position:absolute;top:18px;right:18px}@media (max-width:640px){.wf-lightbox-content{flex-direction:column;max-height:95vh}.wf-lightbox-media{max-height:45vh}.wf-lightbox-panel{max-width:none}}.lock-note{color:var(--text-faint);margin-top:6px;font-size:11.5px}