:root{--wb-text-xs:11px;--wb-text-sm:12px;--wb-text-md:13px;--wb-text-lg:14px;--wb-text-xl:18px;--wb-text-2xl:20px;--wb-radius-sm:calc(var(--radius) * .66);--wb-radius-md:var(--radius);--wb-radius-lg:calc(var(--radius) * 1.5)}body:has(.wb-app){--wb-brand:#295ff3;--wb-ok:oklch(0.72 0.17 150);--wb-pending:oklch(0.78 0.15 80);--background:#fcfcfc;--foreground:#111112;--card:#ffffff;--card-foreground:#111112;--popover:#ffffff;--popover-foreground:#111112;--primary:oklch(0.205 0 0);--primary-foreground:oklch(0.985 0 0);--secondary:#eeeff0;--secondary-foreground:oklch(0.205 0 0);--muted:#f3f4f5;--muted-foreground:#686a6e;--accent:#eeeff0;--accent-foreground:oklch(0.205 0 0);--destructive:oklch(0.577 0.245 27.325);--border:#000c1e17;--input:#000c1d1f;--wb-blue:#295ff3;--wb-blue-text:#295ff3;--ring:var(--wb-blue-text);--sidebar:#f3f4f5;--sidebar-foreground:#111112;--sidebar-primary:oklch(0.205 0 0);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:#e9eaeb;--sidebar-accent-foreground:oklch(0.205 0 0);--sidebar-border:#000c1e17;--sidebar-ring:var(--wb-blue-text);--shadow-xs:0 1px 3px 0 hsl(0 0% 0%/.05);--shadow-sm:0 1px 3px 0 hsl(0 0% 0%/.1),0 1px 2px -1px hsl(0 0% 0%/.1);--radius:0.625rem;--wb-radius-sm:calc(var(--radius) * .66);--wb-radius-md:var(--radius);--wb-radius-lg:calc(var(--radius) * 1.2)}.dark body:has(.wb-app){--background:#181819;--card:#1f1f20;--popover:#28292b;--sidebar:#1f1f20;--foreground:oklch(0.93 0 0);--card-foreground:oklch(0.93 0 0);--popover-foreground:oklch(0.93 0 0);--sidebar-foreground:oklch(0.93 0 0);--muted-foreground:oklch(0.66 0 0);--primary:oklch(0.93 0 0);--primary-foreground:#181819;--secondary:#28292b;--secondary-foreground:oklch(0.93 0 0);--muted:#28292b;--accent:#28292b;--accent-foreground:oklch(0.93 0 0);--sidebar-primary:oklch(0.93 0 0);--sidebar-primary-foreground:#181819;--sidebar-accent:#28292b;--sidebar-accent-foreground:oklch(0.93 0 0);--destructive:oklch(0.704 0.191 22.216);--border:oklch(1 0 0/9%);--input:oklch(1 0 0/13%);--sidebar-border:oklch(1 0 0/9%);--wb-blue-text:#6b93ff;--shadow-xs:none;--shadow-sm:none}body:has(.wb-app){--font-sans:var(--font-geist-sans),"GeistSans Fallback",sans-serif;font-family:var(--font-sans);background:var(--background);color:var(--foreground)}body:has(.wb-app)>.site>.site-footer,body:has(.wb-app)>.site>.site-header,div:has(>.wb-app)>footer,div:has(>.wb-app)>header{display:none}body:has(.wb-app)>.site{max-width:none;padding:0;display:block;min-height:0}.wb-app{--wb-col:1040px;--wb-gutter:16px;--wb-bar:40px;font-size:var(--wb-text-md);line-height:1.45;min-height:100dvh;display:flex;flex-direction:column;color:var(--foreground);background:var(--background)}.wb-app *{box-sizing:border-box}.wb-app h1,.wb-app h2,.wb-app h3{letter-spacing:-.015em;line-height:1.25;font-weight:600;margin:0}.wb-app h1{font-size:var(--wb-text-2xl);letter-spacing:-.02em}@media(max-width:759px){.wb-app h1{font-size:var(--wb-text-xl)}}.wb-app h2{font-size:var(--wb-text-lg)}.wb-app h3{font-size:var(--wb-text-md);font-weight:500}.wb-mono{font-family:var(--font-mono);font-size:var(--wb-text-xs);letter-spacing:0}.wb-muted{color:var(--muted-foreground)}.wb-error{color:var(--destructive)}.wb-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wb-between{justify-content:space-between}.wb-small{font-size:var(--wb-text-xs);display:flex;align-items:center;gap:5px}.wb-space-top{margin-top:12px}.wb-space-bottom{margin-bottom:12px}.wb-subheading{margin:16px 0 8px}.wb-inline-link{display:inline-flex;align-items:center;gap:5px;color:var(--foreground);text-decoration:underline;text-decoration-color:color-mix(in oklch,currentColor 35%,transparent);text-underline-offset:3px}.wb-inline-link:hover{text-decoration-color:currentColor}.wb-row-dim{opacity:.55}.wb-field-help{display:block;margin-top:4px;font-weight:400}.wb-page-sub{margin-top:2px;font-size:var(--wb-text-sm);color:var(--muted-foreground);max-width:56ch}.wb-app button,.wb-app input,.wb-app select,.wb-app textarea{font:inherit}.wb-app button:not([data-slot]):not(.wb-plain){display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);background:var(--background);border-radius:999px;padding:4px 10px;cursor:pointer;white-space:nowrap;font-size:var(--wb-text-sm)}.wb-app button:not([data-slot]):not(.wb-plain):hover{background:var(--muted)}.wb-app button:not([data-slot]):disabled{opacity:.45;cursor:not-allowed}body:has(.wb-app) .wb-primary{background:var(--wb-blue);border-color:transparent;color:#fff;font-weight:500}body:has(.wb-app) .wb-primary:hover{background:color-mix(in oklch,var(--wb-blue) 88%,#000);filter:none}body:has(.wb-app) .wb-primary:disabled{background:var(--muted);color:var(--muted-foreground);opacity:1}body:has(.wb-app) .wb-link{color:var(--wb-blue-text);text-decoration:none}body:has(.wb-app) .wb-link:hover{text-decoration:underline;text-underline-offset:3px}.wb-app .wb-danger{color:var(--destructive);border-color:color-mix(in oklch,var(--destructive) 40%,var(--border));background:color-mix(in oklch,var(--destructive) 10%,var(--background))}.wb-app input:not([data-slot]),.wb-app select:not([data-slot]),.wb-app textarea:not([data-slot]){border:1px solid var(--input);border-radius:var(--wb-radius-md);background:var(--background);padding:5px 8px;min-width:0;color:var(--foreground);font-size:var(--wb-text-sm)}.wb-app :focus-visible:not(input,textarea,[data-slot=select-trigger]){outline:2px solid var(--ring);outline-offset:2px}body:has(.wb-app) :is([data-slot=input],[data-slot=textarea],[data-slot=select-trigger]):is(:focus-visible,[data-state=open]){border-color:color-mix(in oklch,var(--foreground) 55%,transparent);box-shadow:0 0 0 3px color-mix(in oklch,var(--foreground) 7%,transparent);outline:none}.wb-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);background:var(--background);border-radius:999px;padding:4px 10px;cursor:pointer;font-size:var(--wb-text-sm)}.wb-button:hover{background:var(--muted)}.wb-topbar{position:sticky;top:0;z-index:30;background:color-mix(in oklch,var(--background) 88%,transparent);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--border)}.wb-topbar-inner{max-width:var(--wb-col);margin:0 auto;padding:0 var(--wb-gutter);height:var(--wb-bar);display:flex;align-items:center;gap:8px}.wb-topbar-right{margin-left:auto;display:flex;align-items:center;gap:4px}.wb-brand{display:inline-flex;align-items:center;height:28px;padding:0 4px;border-radius:var(--wb-radius-md);color:var(--muted-foreground)}.wb-brand:hover{color:var(--foreground)}.wb-tabs{max-width:var(--wb-col);margin:0 auto;padding:0 calc(var(--wb-gutter) - 8px);display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.wb-tabs::-webkit-scrollbar{display:none}.wb-tab{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 8px 10px;font-size:var(--wb-text-sm);color:var(--muted-foreground);white-space:nowrap;border-radius:var(--wb-radius-md) var(--wb-radius-md) 0 0;transition:color .12s}.wb-tab.active,.wb-tab:hover{color:var(--foreground)}.wb-tab.active{font-weight:500}.wb-tab.active svg{color:var(--primary)}.wb-tab.active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:var(--primary);border-radius:var(--wb-radius-sm) var(--wb-radius-sm) 0 0}.wb-tab-count{font-family:var(--font-mono);font-size:var(--wb-text-xs);line-height:1;padding:1px 4px;border-radius:999px;background:var(--muted);color:var(--muted-foreground)}.wb-tab.active .wb-tab-count{color:var(--foreground)}.wb-tabs-sep{height:1px;background:var(--border);flex-shrink:0;margin:auto 8px 6px}.wb-subtabs{display:flex;gap:4px;margin:-2px 0 16px;border-bottom:1px solid var(--border)}.wb-subtab{position:relative;padding:6px 10px 9px;font-size:var(--wb-text-md);color:var(--muted-foreground);transition:color .12s}.wb-subtab.active,.wb-subtab:hover{color:var(--foreground)}.wb-subtab.active{font-weight:500}.wb-subtab.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--primary);border-radius:var(--wb-radius-sm) var(--wb-radius-sm) 0 0}.wb-main{flex:1;min-width:0;width:100%}.wb-home,.wb-page{max-width:var(--wb-col);margin:0 auto;width:100%;padding:16px var(--wb-gutter) 40px}.wb-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.wb-filters,.wb-toolbar{display:flex;align-items:center;gap:6px;margin-bottom:10px}.wb-list{border:1px solid var(--border);border-radius:var(--wb-radius-lg);background:var(--card);overflow:hidden;box-shadow:var(--shadow-xs)}.wb-list-empty{padding:40px 16px;text-align:center;color:var(--muted-foreground);font-size:var(--wb-text-sm)}.wb-site-row{position:relative;display:grid;align-items:center;border-top:1px solid var(--border);color:inherit;transition:background .12s}.wb-site-row:first-child{border-top:0}.wb-site-row:focus-visible,.wb-site-row:hover{background:color-mix(in oklch,var(--foreground) 3%,var(--card));outline:none}.wb-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--border);background:var(--muted);flex-shrink:0}.wb-thumb iframe{position:absolute;top:0;left:0;border:0;pointer-events:none;transform-origin:top left;background:#fff}.wb-thumb-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground)}.wb-site-title{min-width:0;display:flex;flex-direction:column}.wb-site-link{display:flex;align-items:center;min-width:0;color:inherit;outline:none}.wb-site-link:after{content:"";position:absolute;inset:0;border-radius:inherit}.wb-site-row:has(.wb-site-link:focus-visible){background:color-mix(in oklch,var(--foreground) 3%,var(--card));box-shadow:inset 2px 0 0 var(--foreground)}.wb-site-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-site-edit-btn,.wb-site-title span{color:var(--muted-foreground)}.wb-site-edit-btn{position:relative;z-index:1;display:inline-flex;padding:3px;border-radius:var(--wb-radius-sm);opacity:0;transition:opacity .12s;flex-shrink:0}.wb-site-edit-btn:focus-visible,.wb-site-row:hover .wb-site-edit-btn{opacity:1}.wb-site-edit-btn:hover{color:var(--foreground);background:var(--accent)}@media (hover:none){.wb-site-edit-btn{opacity:1}}.wb-status{display:inline-flex;align-items:center;gap:5px;color:var(--muted-foreground);white-space:nowrap}.wb-status i{box-sizing:border-box;width:12px;height:12px;border-radius:50%;flex-shrink:0;border:3px solid transparent;background-clip:padding-box;background-color:var(--muted-foreground)}.wb-status[data-s=live] i{background-color:var(--wb-ok);border-color:color-mix(in oklch,var(--wb-ok) 22%,transparent)}.wb-status[data-s=live],.wb-status[data-s=ready]{color:var(--foreground)}.wb-status[data-s=ready] i{background-color:var(--wb-ok);border-color:color-mix(in oklch,var(--wb-ok) 22%,transparent)}.wb-status[data-s=changed] i{background-color:var(--wb-pending)}.wb-status[data-s=draft] i{background-color:transparent;border-color:var(--muted-foreground);border-width:1.5px}.wb-status[data-checking] i{animation:wb-ping 1.6s ease-out infinite}@keyframes wb-ping{0%{box-shadow:0 0 0 0 color-mix(in oklch,oklch(.78 .15 80) 70%,transparent)}to{box-shadow:0 0 0 6px transparent}}.wb-empty{padding:40px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:var(--muted-foreground);font-size:var(--wb-text-sm);border:1px dashed var(--border);border-radius:var(--wb-radius-lg)}.wb-empty p{max-width:44ch;margin:0}.wb-empty b{color:var(--foreground);font-weight:500;font-size:var(--wb-text-md)}.wb-app td.wb-cell-clamp>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;max-width:36ch}.wb-app td.wb-cell-clamp{white-space:normal}.wb-empty-guide{padding:32px 16px;gap:6px}.wb-empty-guide p{max-width:56ch;line-height:1.5}.wb-empty-guide .wb-connect-prompt{margin-top:10px;justify-content:center;text-align:left}.wb-empty-guide .wb-connect-prompt code{color:var(--foreground);max-width:60ch;white-space:normal}.wb-first-run{padding:40px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;border:1px solid var(--border);border-radius:var(--wb-radius-lg);background:var(--card)}.wb-first-run p{color:var(--muted-foreground);max-width:46ch;margin:0}.wb-first-run .wb-row{margin-top:10px;justify-content:center}.wb-first-run code{font-family:var(--font-mono);font-size:var(--wb-text-xs);background:var(--muted);border:1px solid var(--border);border-radius:var(--wb-radius-md);padding:2px 6px;color:var(--foreground)}.wb-first-run-try{margin-top:12px!important;font-size:var(--wb-text-xs)}.wb-first-run-try code{white-space:nowrap}.wb-table{overflow:auto;border:1px solid var(--border);border-radius:var(--wb-radius-lg);background:var(--card)}.wb-table table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.wb-table th{font-weight:500;color:var(--muted-foreground);font-size:var(--wb-text-xs)}.wb-table td,.wb-table th{padding:7px 10px;border-bottom:1px solid var(--border)}.wb-table tr:last-child td{border:0}.wb-table td{font-size:var(--wb-text-sm)}.wb-table td small{display:block;color:var(--muted-foreground);font-size:var(--wb-text-xs)}.wb-app [data-slot=table] td code,.wb-table td code{font-family:var(--font-mono);font-size:var(--wb-text-xs)}.wb-app [data-slot=table] td,.wb-app [data-slot=table] th{padding:7px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.wb-app [data-slot=table] td small{display:block;color:var(--muted-foreground)}.wb-app [data-slot=table] tr:last-child td{border-bottom:0}.wb-app [data-slot=table] th{font-size:var(--wb-text-sm);font-weight:500;color:var(--muted-foreground)}.wb-app [data-slot=badge]{border-radius:999px;font-weight:500}.wb-panel{padding:14px;border:1px solid var(--border);border-radius:var(--wb-radius-lg);margin-bottom:12px;background:var(--card);box-shadow:var(--shadow-xs)}.wb-panel h2{margin-bottom:8px}.wb-panel p{color:var(--muted-foreground)}.wb-activity-feed{max-width:none}.wb-activity-date{font-size:var(--wb-text-sm);font-weight:500;color:var(--muted-foreground);margin:18px 0 4px}.wb-activity-feed>div:first-child .wb-activity-date{margin-top:0}.wb-activity-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0}.wb-activity-icon{width:26px;height:26px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--muted);color:var(--muted-foreground);flex-shrink:0;margin-top:1px}.wb-activity-body p b{font-weight:600}.wb-activity-body{flex:1;min-width:0}.wb-activity-body p{font-size:var(--wb-text-md);margin:0}.wb-activity-body p a{color:inherit}.wb-activity-body p a:hover{text-decoration:underline;text-underline-offset:3px}.wb-activity-what{display:block;margin-top:2px;color:var(--muted-foreground);font-size:var(--wb-text-sm)}a.wb-activity-what:hover{color:var(--foreground);text-decoration:underline;text-underline-offset:3px}.wb-activity-time{font-variant-numeric:tabular-nums;font-size:var(--wb-text-xs);color:var(--muted-foreground);white-space:nowrap;margin-top:4px}.wb-connect{display:flex;flex-direction:column}.wb-connect-code{position:relative;background:var(--muted);border:1px solid var(--border);border-radius:var(--wb-radius-md);padding:12px;margin-top:10px}.wb-connect .wb-connect-code pre{margin:0;padding:0;border:0;border-radius:0;background:none;overflow:auto;font-family:var(--font-mono);font-size:var(--wb-text-sm);line-height:1.55;white-space:pre-wrap;word-break:break-word}.wb-connect-code-dim pre{opacity:.55}.wb-connect-hint{font-size:var(--wb-text-sm);color:var(--muted-foreground);margin:8px 0 0}.wb-connect-hint code{font-family:var(--font-mono);font-size:var(--wb-text-sm)}.wb-connect-notice{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;padding:10px 12px;font-size:var(--wb-text-sm);line-height:1.5;border:1px solid color-mix(in oklch,var(--primary) 30%,var(--border));border-radius:var(--wb-radius-md);background:color-mix(in oklch,var(--primary) 7%,var(--background))}.wb-connect-notice svg{flex-shrink:0;margin-top:3px;color:var(--primary)}.wb-connect-notice a{text-decoration:underline;text-underline-offset:2px}.wb-connect-prompt{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:var(--wb-text-sm)}.wb-connect-prompt code{font-family:var(--font-mono);padding:4px 10px;font-size:var(--wb-text-sm)}.wb-connect-prompt code,.wb-notice{background:var(--muted);border:1px solid var(--border);border-radius:var(--wb-radius-md)}.wb-notice{display:grid;gap:8px;padding:12px 14px;font-size:var(--wb-text-md)}.wb-notice p{margin:0;max-width:64ch;line-height:1.5}.wb-notice .wb-connect-prompt code{background:var(--background);max-width:100%;white-space:normal}.wb-admin-gate{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding-top:0;padding-bottom:0}.wb-admin-gate-card{display:grid;gap:12px;width:100%;max-width:340px;padding:24px;border:1px solid var(--border);border-radius:var(--wb-radius-lg);background:var(--card)}.wb-admin-gate-card p,.wb-setting-label span.wb-admin-who{margin:0;font-size:var(--wb-text-md)}.wb-setting-label span.wb-admin-who{display:flex;align-items:center;gap:8px;color:var(--foreground);flex-wrap:wrap}.wb-admin-who em{font-style:normal;font-weight:400;color:var(--muted-foreground)}.wb-admin-nav{display:flex;gap:2px;margin-left:12px}.wb-admin-nav button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--wb-radius-md);font-size:var(--wb-text-md);color:var(--muted-foreground);cursor:pointer}.wb-admin-nav button:hover{background:var(--muted)}.wb-admin-nav button[aria-current=page]{color:var(--foreground);background:var(--muted);font-weight:500}.wb-admin-nav button span{font-size:var(--wb-text-xs);padding:1px 6px;border-radius:999px;background:var(--primary);color:var(--primary-foreground);font-weight:500}.wb-metrics small{display:block;margin-top:6px;font-size:var(--wb-text-xs)}.wb-metrics-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:720px){.wb-admin-nav{margin-left:4px}}.wb-feedback-kinds{margin-bottom:12px}.wb-feedback-kinds button{border:1px solid var(--border)}.wb-feedback-kinds button[aria-pressed=true]{border-color:var(--foreground)}.wb-deploy-status{display:inline-flex;align-items:center;gap:6px;font-size:var(--wb-text-xs);font-weight:500;padding:3px 9px;border-radius:999px;white-space:nowrap;border:1px solid var(--border);color:var(--muted-foreground)}.wb-deploy-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:currentColor}.wb-deploy-building{color:oklch(.72 .14 80)}.wb-deploy-building .wb-deploy-dot{animation:wb-pulse 1.2s infinite}.wb-deploy-ready{color:var(--primary);border-color:color-mix(in oklch,var(--primary) 30%,var(--border))}.wb-deploy-failed{color:var(--destructive);border-color:color-mix(in oklch,var(--destructive) 35%,var(--border))}@keyframes wb-pulse{0%,to{opacity:1}50%{opacity:.4}}.wb-error-log{margin-top:14px;border:1px solid color-mix(in oklch,var(--destructive) 35%,var(--border));border-radius:var(--wb-radius-md);background:color-mix(in oklch,var(--destructive) 6%,var(--background));overflow:hidden}.wb-error-log-head{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:var(--wb-text-sm);font-weight:600;color:var(--destructive);border-bottom:1px solid color-mix(in oklch,var(--destructive) 25%,var(--border))}.wb-error-log pre{margin:0;padding:12px;font-size:var(--wb-text-sm);white-space:pre-wrap;border:0;background:transparent;font-family:var(--font-mono)}.wb-diag-loc{color:var(--muted-foreground);font-weight:600}.wb-diagnostic{white-space:pre-wrap;font-size:var(--wb-text-md);border-bottom:1px solid var(--border);padding:14px 0}.wb-check{display:flex;align-items:center;gap:8px;margin:0;padding:6px 8px;border-radius:var(--wb-radius-md)}.wb-check:hover{background:var(--muted)}.wb-check small{margin-left:auto;color:var(--muted-foreground)}@media (max-width:720px){.wb-app{--wb-gutter:16px}.wb-home,.wb-page{padding-top:20px}.wb-page-head{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.wb-app *{animation:none!important;transition:none!important}}.wb-app,.wb-app *{scrollbar-width:thin;scrollbar-color:color-mix(in oklch,var(--foreground) 22%,transparent) transparent}.wb-app.wb-studio{--wb-col:1200px;height:100dvh}.wb-studio .wb-main{display:flex;flex-direction:column;min-height:0;margin:0;width:100%;max-width:none}.wb-studio .wb-page{flex:1;overflow:auto}.wb-site-switcher{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 8px;margin-left:-4px;border-radius:var(--wb-radius-md);font-weight:500;font-size:var(--wb-text-lg);max-width:min(40vw,360px)}.wb-site-switcher:hover{background:var(--muted)}.wb-site-switcher-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-status-pill{height:24px;padding:0 9px 0 8px;border:1px solid var(--border);border-radius:999px;font-size:var(--wb-text-sm);background:var(--card)}.wb-seg{display:inline-flex;padding:2px;gap:1px;border:1px solid var(--border);border-radius:var(--wb-radius-lg);background:var(--card);margin-right:4px}.wb-app .wb-seg button{height:24px;padding:0 10px;border:0;border-radius:var(--wb-radius-md);font-size:var(--wb-text-sm);font-weight:500;color:var(--muted-foreground);background:transparent;cursor:pointer}.wb-app .wb-seg button:hover{color:var(--foreground)}.wb-app .wb-seg button.active{background:var(--foreground);color:var(--background)}.wb-preview{flex:1;justify-content:center;padding:16px var(--wb-gutter) 20px;background:var(--muted)}.wb-frame,.wb-preview{min-height:0;display:flex}.wb-frame{flex-direction:column;width:100%;max-width:1600px;border:1px solid var(--border);border-radius:var(--wb-radius-lg);overflow:hidden;background:var(--card);box-shadow:0 1px 2px color-mix(in oklch,var(--foreground) 6%,transparent),0 12px 40px -20px color-mix(in oklch,var(--foreground) 25%,transparent);transition:max-width .25s ease}.wb-frame-mobile{max-width:400px}.wb-frame-bar{display:flex;align-items:center;gap:12px;height:36px;padding:0 12px;border-bottom:1px solid var(--border);flex-shrink:0}.wb-frame-dots{display:inline-flex;gap:5px}.wb-frame-dots i{width:9px;height:9px;border-radius:50%;background:var(--border)}.wb-frame-url{flex:1;display:flex;justify-content:center;align-items:center;gap:6px;height:24px;font-family:var(--font-mono);font-size:var(--wb-text-sm);color:var(--muted-foreground);background:var(--muted);border-radius:var(--wb-radius-md);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wb-frame-url em{font-style:normal;opacity:.7}.wb-frame iframe{flex:1;width:100%;border:0;background:#fff;min-height:0}.wb-frame-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:var(--muted-foreground);padding:24px}.wb-frame-empty b{color:var(--foreground);font-weight:500}.wb-frame-empty p{margin:0 0 8px;max-width:38ch}.wb-settings{margin-bottom:32px}.wb-settings>h2{margin:0 0 8px}.wb-settings-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--wb-radius-lg);background:var(--card);box-shadow:var(--shadow-xs)}.wb-setting{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr) auto;gap:12px 16px;align-items:center;padding:14px 16px;border-top:1px solid var(--border);min-height:56px}.wb-setting:first-child{border-top:0}.wb-setting-label{min-width:0}.wb-setting-label b{display:block;font-weight:500;font-size:var(--wb-text-md)}.wb-setting-label span{display:block;font-size:var(--wb-text-sm);color:var(--muted-foreground);margin-top:2px;line-height:1.45}.wb-setting-label b,.wb-setting-label span{overflow-wrap:anywhere}.wb-person{display:flex;align-items:center;gap:12px;min-width:0}.wb-person [data-slot=avatar-fallback]{color:var(--muted-foreground)}.wb-person-text{display:block;min-width:0;overflow:hidden}.wb-person-name>:first-child{overflow:hidden;text-overflow:ellipsis}.wb-person-name{display:flex;align-items:center;white-space:nowrap;font-size:var(--wb-text-md);font-weight:500;color:var(--foreground)}.wb-person-email{display:block;margin-top:1px;white-space:nowrap;font-size:var(--wb-text-sm);color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis}.wb-tabbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 16px;border-bottom:1px solid var(--border)}.wb-tabbar [data-slot=tabs-list]{height:40px;padding:0 0 4px}.wb-tabbar [data-slot=tabs-trigger]{flex:none;padding:0 10px}.wb-count{display:inline-flex;min-width:20px;justify-content:center;padding:0 6px;border:1px solid var(--border);border-radius:999px;font-size:var(--wb-text-xs);color:var(--muted-foreground)}.wb-people td{padding-top:12px;padding-bottom:12px;vertical-align:middle}.wb-people td:first-child,.wb-people th:first-child{width:50%;padding-left:16px}@media (max-width:720px){.wb-people td:nth-child(3),.wb-people th:nth-child(3){display:none}.wb-people td:first-child{max-width:0}}.wb-setting-value{font-size:var(--wb-text-md);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;justify-self:start}.wb-setting-value:empty{display:none}.wb-setting:has(.wb-setting-value:empty){grid-template-columns:minmax(0,1fr) auto}.wb-setting-value .wb-status{vertical-align:middle}.wb-setting-action{justify-self:end;display:flex;flex-wrap:nowrap;gap:8px;align-items:center;flex-shrink:0}.wb-setting-action:empty{display:none}.wb-setting-action>button{white-space:nowrap}.wb-setting-more{grid-column:1/-1;padding-top:6px}.wb-settings-note{min-height:40px;margin:0;padding:10px 18px;border-top:1px solid var(--border);line-height:1.45;flex-wrap:nowrap;background:color-mix(in oklch,var(--muted) 35%,transparent)}.wb-settings-note svg{flex:0 0 auto}.wb-settings-note span{min-width:0;overflow-wrap:anywhere}.wb-setting-more .wb-error-log{margin-top:8px}.wb-setting-more table td{font-size:var(--wb-text-sm)}.wb-setting-dim .wb-setting-label,.wb-setting-dim .wb-setting-value{opacity:.55}.wb-key-prefix{font-family:var(--font-mono);font-size:var(--wb-text-xs);color:var(--muted-foreground);margin-left:6px;font-weight:400}.wb-settings+.wb-subheading{margin-top:4px}.wb-setting-click{cursor:pointer}.wb-setting-click:hover{background:color-mix(in oklch,var(--muted) 45%,transparent)}.wb-setting-click:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.wb-setting-click .wb-setting-label b{color:var(--foreground)}.wb-settings-card .wb-setting-click:first-child{border-radius:var(--wb-radius-lg) var(--wb-radius-lg) 0 0}.wb-settings-card .wb-setting-click:last-child{border-radius:0 0 var(--wb-radius-lg) var(--wb-radius-lg)}.wb-settings-card .wb-setting-click:only-child{border-radius:var(--wb-radius-lg)}.wb-content-head h2{margin:0}.wb-content-head p{font-size:var(--wb-text-sm);margin:2px 0 0}.wb-item-form{display:flex;flex-direction:column;min-height:0}.wb-item-fields{max-height:calc(85dvh - 200px);overflow-y:auto;overflow-x:hidden;padding:2px 6px 0 2px;margin:-2px -6px 0 -2px}.wb-item-textarea{font-size:var(--wb-text-md);line-height:1.55;resize:vertical}.wb-item-readonly{display:flex;flex-direction:column;gap:2px;font-size:var(--wb-text-md);padding:8px 10px;border:1px dashed var(--border);border-radius:var(--wb-radius-md);margin:0}.wb-item-readonly .wb-muted{font-size:var(--wb-text-sm)}.wb-item-advanced{margin:4px 0 12px}.wb-item-advanced summary{font-size:var(--wb-text-sm);color:var(--muted-foreground);cursor:pointer;margin-bottom:8px}.wb-color{width:34px;height:34px;padding:2px;border:1px solid var(--border);border-radius:var(--wb-radius-md);background:var(--background)}.wb-msg-meta{font-size:var(--wb-text-sm);margin:0 0 12px}.wb-msg-body{font-size:var(--wb-text-lg);line-height:1.6;white-space:pre-wrap;color:var(--foreground);margin:0 0 14px;max-height:40dvh;overflow-y:auto}.wb-msg-fields{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:var(--wb-text-md);border-top:1px solid var(--border);padding-top:12px}.wb-msg-fields>div{display:contents}.wb-msg-fields dt{color:var(--muted-foreground)}.wb-msg-fields dd{margin:0;overflow-wrap:anywhere}.wb-setting-label .wb-badge,.wb-setting-label [data-slot=badge]{vertical-align:middle}.wb-settings-desc{margin:-4px 0 10px;font-size:var(--wb-text-sm);color:var(--muted-foreground);line-height:1.45}.wb-settings-danger>h2{color:var(--destructive)}.wb-settings-danger .wb-settings-card{border-color:color-mix(in srgb,var(--destructive) 30%,var(--border))}.wb-settings-danger .wb-setting{border-top-color:color-mix(in srgb,var(--destructive) 15%,var(--border))}.wb-settings-general .wb-page-head{margin-bottom:20px}.wb-settings-general>.wb-settings{margin-bottom:28px}.wb-settings-general .wb-settings>h2{margin-bottom:6px}.wb-settings-general .wb-settings-danger>h2{color:var(--destructive)}.wb-settings-general .wb-setting,.wb-settings-general .wb-setting:has(.wb-setting-value:empty){grid-template-columns:minmax(0,1fr) minmax(0,18rem) 5.5rem}.wb-settings-general .wb-setting-action:empty,.wb-settings-general .wb-setting-value:empty{display:block}.wb-settings-general .wb-setting-value{color:var(--foreground)}.wb-settings-general .wb-setting-label span span{display:inline;margin:0;font-size:inherit}.wb-settings-general .wb-setting-label span .block{display:block;margin-top:2px}.wb-settings-general .wb-setting-label .wb-mono{font-size:var(--wb-text-xs);color:var(--foreground)}@media (max-width:720px){.wb-settings-general .wb-setting,.wb-settings-general .wb-setting:has(.wb-setting-value:empty){grid-template-columns:1fr}.wb-settings-general .wb-setting-action:empty,.wb-settings-general .wb-setting-value:empty{display:none}}@media (max-width:720px){.wb-setting,.wb-setting:has(.wb-setting-value:empty){grid-template-columns:1fr;gap:8px}.wb-setting-action{justify-self:start;flex-wrap:wrap}.wb-setting-value{white-space:normal}}.wb-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px}.wb-metrics>div{border:1px solid var(--border);border-radius:var(--wb-radius-md);padding:12px 14px;background:var(--card)}.wb-metrics span{display:block;color:var(--muted-foreground);font-size:var(--wb-text-xs)}.wb-metrics b{display:block;font-size:var(--wb-text-xl);margin-top:4px;font-weight:500;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.wb-split{display:grid;grid-template-columns:168px minmax(0,1fr);gap:14px}.wb-split>nav{display:flex;flex-direction:column;align-items:stretch;gap:1px;max-height:65vh;overflow:auto}.wb-app .wb-split>nav button:not([data-slot]){justify-content:flex-start;border-radius:var(--wb-radius-md);text-align:left;white-space:normal;word-break:break-word;background:none;border-color:transparent;font-size:var(--wb-text-sm);padding:5px 7px}.wb-app .wb-split>nav button:not([data-slot]):hover{background:var(--muted)}.wb-app .wb-split>nav button.active:not([data-slot]){background:var(--muted);color:var(--foreground);border-color:transparent;font-weight:500}.wb-app .wb-split>nav button small{margin-left:auto;color:var(--muted-foreground);font-family:var(--font-mono);font-size:var(--wb-text-xs)}.wb-split>section{min-width:0}.wb-code{padding:12px 14px;background:var(--card);border:1px solid var(--border);border-radius:var(--wb-radius-md);overflow:auto;max-height:70vh;font-size:var(--wb-text-sm);line-height:1.55;margin-top:8px;tab-size:2;font-family:var(--font-mono)}.wb-cell-data{white-space:normal!important;min-width:180px;max-width:420px;overflow-wrap:anywhere}.wb-assets{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.wb-asset{border:1px solid var(--border);border-radius:var(--wb-radius-md);overflow:hidden;min-width:0;padding-bottom:8px;background:var(--card)}.wb-asset>div{height:110px;display:flex;align-items:center;justify-content:center;background:var(--muted);margin-bottom:6px}.wb-asset img{height:100%;width:100%;object-fit:contain}.wb-asset b,.wb-asset small{display:block;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-asset b{font-size:var(--wb-text-sm);font-weight:500}.wb-asset small{color:var(--muted-foreground);font-size:var(--wb-text-xs)}.wb-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.wb-bars{height:160px;display:flex;gap:2px;align-items:flex-end;padding:8px 0;border-bottom:1px solid var(--border)}.wb-bars>div{flex:1;background:color-mix(in oklch,var(--foreground) 22%,transparent);min-width:1px;border-radius:3px 3px 0 0;transition:background .12s}.wb-bars>div:hover{background:var(--foreground)}.wb-bars>div[data-empty]{background:color-mix(in oklch,var(--foreground) 8%,transparent)}.wb-breakdowns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wb-breakdowns .wb-panel{min-width:0}@media (max-width:1050px){.wb-metrics{grid-template-columns:1fr 1fr}.wb-split{grid-template-columns:1fr}.wb-split>nav{flex-direction:row;overflow:auto}.wb-breakdowns{grid-template-columns:1fr}}@media (max-width:720px){.wb-preview{padding:8px}.wb-frame{border-radius:var(--wb-radius-md)}.wb-frame-bar{height:32px}.wb-status-pill span{display:inline}.wb-metrics>div{padding:12px}.wb-metrics b{font-size:var(--wb-text-xl)}}.wb-site-row{min-height:52px;padding:8px 10px;gap:12px;grid-template-columns:56px minmax(0,1.5fr) minmax(0,1fr) 120px 52px}.wb-thumb{width:56px;border-radius:var(--wb-radius-sm)}.wb-thumb iframe{width:1200px;height:750px;transform:scale(.0467)}.wb-site-title{gap:1px}.wb-site-title b{font-size:var(--wb-text-md);font-weight:500;line-height:1.3}.wb-status{font-size:var(--wb-text-xs);line-height:1.4}@media(min-width:721px) and (max-width:1000px){.wb-site-row{grid-template-columns:48px minmax(0,1.4fr) minmax(0,1fr) 110px 48px;gap:10px}.wb-thumb{width:48px}}@media(max-width:720px){.wb-site-row{grid-template-columns:48px minmax(0,1fr) 48px;grid-template-areas:"preview title actions" "preview status actions";gap:4px 10px;padding:10px;min-height:64px}.wb-thumb{grid-area:preview;width:48px}.wb-site-title{grid-area:title;gap:1px}.wb-status{grid-area:status;font-size:var(--wb-text-xs)}.wb-status span{display:inline}}.wb-studio .wb-status-pill{border:0;background:transparent;padding:0 4px;font-size:var(--wb-text-xs)}.wb-studio .wb-preview{flex-direction:column;align-items:center;gap:8px;background:color-mix(in oklch,var(--muted) 45%,var(--background));padding-top:10px}.wb-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:1600px;min-height:28px;flex-shrink:0}.wb-preview-label{font-size:var(--wb-text-xs);font-weight:500;color:var(--muted-foreground)}.wb-preview-controls{display:flex;align-items:center;gap:4px}.wb-studio .wb-seg{background:transparent}.wb-studio .wb-seg button.active{background:var(--card);color:var(--foreground);box-shadow:0 1px 3px color-mix(in oklch,var(--foreground) 12%,transparent)}.wb-studio .wb-frame{flex:1;border-radius:var(--wb-radius-md);box-shadow:0 2px 8px color-mix(in oklch,var(--foreground) 4%,transparent)}.wb-studio .wb-frame-bar{height:32px;background:var(--card)}.wb-preview-indicator{width:6px;height:6px;background:var(--muted-foreground);border-radius:50%;opacity:.5;flex-shrink:0}.wb-studio .wb-frame-url{display:block;min-width:0;background:transparent;font-family:inherit;font-size:var(--wb-text-xs);line-height:20px}.wb-studio .wb-view .wb-page-head{margin-bottom:16px}@media(max-width:720px){.wb-studio .wb-preview{padding:8px;gap:6px}.wb-preview-toolbar{gap:4px}.wb-preview-controls{gap:2px}}.wb-studio .wb-settings{margin-bottom:16px}.wb-studio .wb-setting{min-height:44px}.wb-overview-heading{display:flex;justify-content:space-between;gap:8px}.wb-overview-heading h1{margin-bottom:0}.wb-overview-heading span{font-size:var(--wb-text-xs);color:var(--muted-foreground)}.wb-site-filters button{display:flex;align-items:center;border-radius:var(--wb-radius-md);white-space:nowrap;color:var(--muted-foreground);cursor:pointer}.wb-site-filters button:hover{background:var(--muted)}.wb-site-filters button[aria-pressed=true]{color:var(--foreground);background:var(--muted);font-weight:500}.wb-site-grid.wb-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:0;background:transparent;overflow:visible;box-shadow:none}.wb-site-grid .wb-site-row{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"preview" "title" "updated" "host" "action";row-gap:4px;padding:0 16px 16px;border:1px solid var(--border);background:var(--card);overflow:hidden;transition:background-color .15s,box-shadow .15s}.wb-site-grid .wb-site-row:has(.wb-site-link:focus-visible){background:var(--card);box-shadow:0 0 0 2px var(--ring)}.wb-site-grid .wb-site-row:hover{background:color-mix(in oklab,var(--card),var(--foreground) 4%)}.wb-thumb-inner{position:absolute;inset:0}.wb-site-grid .wb-thumb{grid-area:preview;width:calc(100% + 32px);height:auto;aspect-ratio:16/10;margin:0 -16px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:var(--muted)}.wb-site-grid .wb-thumb iframe{width:400%;height:400%;transform:scale(.25);backface-visibility:hidden}.wb-site-grid .wb-site-title{grid-area:title;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.wb-site-grid .wb-site-title b{font-size:15px}.wb-site-grid .wb-status{flex-shrink:0}.wb-site-grid .wb-status span{display:inline}.wb-site-updated{grid-area:updated;font-size:var(--wb-text-sm);color:var(--muted-foreground)}.wb-site-grid .wb-site-host{grid-area:host;display:flex;align-items:center;gap:4px;min-width:0;font-family:var(--font-mono);font-size:var(--wb-text-xs);color:var(--foreground)}.wb-site-action{grid-area:action;position:relative;z-index:1;width:100%;margin-top:10px}.wb-site-host>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-site-grid .wb-list-empty{grid-column:1/-1}.wb-tab svg{flex-shrink:0}@media(min-width:760px){.wb-console .wb-tab-count{margin-left:auto;font-size:var(--wb-text-xs);padding:1px 3px}.wb-studio .wb-view{max-width:1100px}.wb-studio .wb-site-switcher{max-width:180px}}@media(max-width:759px){.wb-site-grid.wb-list{grid-template-columns:1fr}.wb-tab svg{display:none}}@media(min-width:760px) and (max-width:1050px){.wb-site-grid.wb-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.wb-overview-heading{margin-bottom:16px;align-items:center}.wb-site-filters{gap:6px}.wb-site-filters button{font-size:var(--wb-text-md);padding:7px 11px;gap:7px}.wb-site-filters button span{font-size:var(--wb-text-sm);opacity:.8}.wb-site-grid.wb-list{gap:20px}.wb-site-grid .wb-site-row{border-radius:var(--wb-radius-lg);gap:4px 10px;padding-bottom:14px}.wb-site-grid .wb-site-title b{font-size:var(--wb-text-lg);font-weight:600}.wb-site-grid .wb-status{font-size:var(--wb-text-sm)}.wb-preview-unavailable{height:100%;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;color:var(--muted-foreground);background:linear-gradient(145deg,var(--muted),var(--background))}.wb-preview-unavailable b{font-size:var(--wb-text-lg);color:var(--foreground);font-weight:500}.wb-preview-unavailable span{max-width:370px;font-size:var(--wb-text-md);line-height:1.6}.wb-frame>.wb-preview-unavailable{flex:1}.wb-review-notice{display:flex;flex-direction:column;gap:4px;border:1px solid color-mix(in oklch,var(--primary) 20%,var(--border));background:color-mix(in oklch,var(--primary) 4%,var(--background));border-radius:var(--wb-radius-lg);padding:14px 16px;font-size:var(--wb-text-md);line-height:1.5}.wb-review-notice span{color:var(--muted-foreground)}.wb-sharing-card{padding:20px;border:1px solid var(--border);border-radius:var(--wb-radius-lg);margin-bottom:28px;max-width:680px}.wb-sharing-card h2{font-weight:600;margin-bottom:6px}.wb-sharing-card p{color:var(--muted-foreground);font-size:var(--wb-text-lg);margin-bottom:14px}@media(min-width:760px){.wb-studio .wb-view{padding:28px}.wb-studio .wb-preview{padding:20px;gap:14px}.wb-studio .wb-status-pill{font-size:var(--wb-text-sm)}.wb-preview-label{font-size:var(--wb-text-md)}}@media(max-width:759px){.wb-site-grid .wb-status span{display:inline}}.wb-review-notice{width:100%}.wb-app.wb-console{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100dvh}.wb-sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;border-right:1px solid var(--sidebar-border);background:var(--sidebar);min-width:0}.wb-side-head{padding:10px 10px 12px;border-bottom:1px solid var(--border)}.wb-side-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px 2px}.wb-side-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--wb-radius-md);color:var(--muted-foreground)}.wb-side-toggle:hover{color:var(--foreground);background:color-mix(in oklch,var(--foreground) 6%,transparent)}.wb-side-workspace{display:flex;align-items:center;gap:9px;width:100%;padding:6px;border-radius:var(--wb-radius-md);font-size:var(--wb-text-md);text-align:left}.wb-side-workspace:hover{background:color-mix(in oklch,var(--foreground) 6%,transparent)}.wb-side-plan{font-family:var(--font-mono);font-size:var(--wb-text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground)}.wb-side-nav{flex:1;overflow:auto}.wb-side-group,.wb-side-nav{display:flex;flex-direction:column}.wb-side-group{gap:2px;padding:10px 8px;border-bottom:1px solid var(--border)}.wb-side-group:last-child{border-bottom:0}.wb-side-link{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:var(--wb-radius-md);font-size:var(--wb-text-md);color:var(--muted-foreground);text-align:left;transition:color .12s,background .12s}.wb-side-link svg{flex-shrink:0}.wb-side-link:hover{color:var(--foreground);background:color-mix(in oklch,var(--foreground) 5%,transparent)}.wb-side-link.active{color:var(--foreground);font-weight:500;background:color-mix(in oklch,var(--foreground) 8%,transparent)}.wb-side-link.active>svg:first-child{color:inherit}.wb-side-link.open{color:var(--foreground);font-weight:500}.wb-side-link.open>svg:first-child{color:inherit}.wb-side-link .wb-tab-count{margin-left:auto}.wb-side-chevron{margin-left:auto;opacity:.6;transition:transform .15s}.wb-side-sub{display:flex;flex-direction:column;gap:1px;margin:2px 0 4px 17px;padding-left:12px;border-left:1px solid var(--border)}.wb-side-sublink{padding:6px 10px;border-radius:var(--wb-radius-md);font-size:var(--wb-text-md);color:var(--muted-foreground)}.wb-side-sublink:hover{color:var(--foreground)}.wb-side-sublink.active{color:var(--foreground);font-weight:500;background:color-mix(in oklch,var(--foreground) 8%,transparent)}.wb-side-extra .wb-side-link{font-size:var(--wb-text-md)}.wb-side-foot{padding:8px;border-top:1px solid var(--border)}.wb-side-account{display:flex;align-items:center;gap:9px;width:100%;padding:7px 8px;border-radius:var(--wb-radius-md);font-size:var(--wb-text-md);font-weight:500;text-align:left}.wb-side-account:hover{background:color-mix(in oklch,var(--foreground) 6%,transparent)}.wb-console>.wb-main{min-width:0}.wb-console .wb-home,.wb-console .wb-page{padding:30px 40px;max-width:1200px}@media(min-width:760px){.wb-console .wb-subtabs{display:none}.wb-app.wb-console{transition:grid-template-columns .18s ease}.wb-app.wb-console.wb-side-collapsed{grid-template-columns:56px minmax(0,1fr)}.wb-side-collapsed .wb-sidebar{overflow:hidden}.wb-side-collapsed .wb-side-account-more,.wb-side-collapsed .wb-side-account-name,.wb-side-collapsed .wb-side-chevron,.wb-side-collapsed .wb-side-label,.wb-side-collapsed .wb-side-sub,.wb-side-collapsed .wb-side-top .wb-brand,.wb-side-collapsed .wb-tab-count{display:none}.wb-side-collapsed .wb-side-head{padding:10px 8px 12px}.wb-side-collapsed .wb-side-top{justify-content:center;margin:0 0 8px}.wb-side-collapsed .wb-side-account,.wb-side-collapsed .wb-side-workspace{justify-content:center;padding:6px 0}.wb-side-collapsed .wb-side-link{justify-content:center;padding:8px 0}.wb-console.wb-side-collapsed .wb-subtabs{display:flex}}@media(max-width:759px){.wb-app.wb-console{display:flex;flex-direction:column}.wb-side-toggle{display:none}.wb-side-top{margin:0}.wb-sidebar{position:sticky;top:0;z-index:30;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;border-right:0;border-bottom:1px solid var(--border);background:color-mix(in oklch,var(--background) 92%,transparent);backdrop-filter:blur(8px)}.wb-side-head{display:flex;align-items:center;gap:6px;padding:6px 8px;border:0;flex:1;min-width:0}.wb-side-head .wb-brand{margin:0}.wb-side-foot{order:2;border:0;padding:6px 8px}.wb-side-account-more,.wb-side-account-name{display:none}.wb-side-nav{order:3;flex-basis:100%;flex-direction:row;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--border)}.wb-side-group{flex-direction:row;padding:4px;border:0}.wb-side-chevron,.wb-side-sub{display:none}.wb-side-link{white-space:nowrap;padding:6px 10px;gap:6px}.wb-console .wb-home,.wb-console .wb-page{padding:20px 16px}}.wb-studio-shell{flex:1;display:grid;grid-template-columns:232px minmax(0,1fr);min-height:0;height:100%}.wb-studio-shell>.wb-sidebar{height:100%}.wb-side-back{display:inline-flex;align-items:center;gap:6px;margin:2px 0 8px 4px;font-size:var(--wb-text-sm);color:var(--muted-foreground)}.wb-side-back:hover{color:var(--foreground)}.wb-sidebar .wb-site-switcher{width:100%;max-width:none;justify-content:space-between;padding:7px 8px;font-size:var(--wb-text-lg);font-weight:600;border-radius:var(--wb-radius-md)}.wb-sidebar .wb-site-switcher:hover{background:color-mix(in oklch,var(--foreground) 6%,transparent)}.wb-studio-main{display:flex;flex-direction:column;min-width:0;min-height:0}.wb-studio-bar{flex-shrink:0;display:flex;align-items:center;gap:10px;height:56px;padding:0 20px;border-bottom:1px solid var(--border);background:var(--background)}.wb-studio-bar .wb-status-pill{font-size:var(--wb-text-sm);padding:0}.wb-address-pill{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:320px;height:28px;padding:0 10px;border:1px solid var(--border);border-radius:999px;font-family:var(--font-mono);font-size:var(--wb-text-sm);color:var(--foreground)}.wb-address-pill:hover{background:var(--muted)}.wb-studio-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.wb-studio-main>.wb-preview,.wb-studio-main>.wb-view{flex:1;min-height:0;min-width:0;width:100%}.wb-studio-main>.wb-view{overflow:auto}@media(max-width:759px){.wb-studio-shell{display:flex;flex-direction:column}.wb-studio-shell>.wb-sidebar{height:auto}.wb-side-back{margin:0;font-size:0;gap:0}.wb-side-back svg{width:16px;height:16px}.wb-sidebar .wb-site-switcher{width:auto;font-size:var(--wb-text-md)}.wb-studio-bar{height:auto;min-height:48px;padding:6px 12px;flex-wrap:wrap}.wb-studio-shell .wb-side-sub{display:flex;flex-direction:row;margin:0;padding:0;border:0}}.wb-overview-actions{display:flex;align-items:center;gap:8px}.wb-site-search{position:relative;width:240px;margin-left:auto}.wb-home .wb-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 20px}.wb-site-filters{display:flex;overflow:auto;margin:0;padding:0}@media(max-width:720px){.wb-site-search{flex:1 1 100%;width:auto;margin-left:0}}.wb-status[data-s=suspended]{color:var(--destructive)}.wb-status[data-s=suspended] i{background-color:var(--destructive)}.wb-history-problem{display:grid;gap:10px;margin-bottom:20px}.wb-history{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--wb-radius-lg);background:var(--card)}.wb-history-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto 72px 84px;align-items:center;gap:12px;min-height:48px;padding:6px 14px;border-top:1px solid var(--border)}.wb-history-row:first-child{border-top:0}@media (hover:hover){.wb-history-action{opacity:0;transition:opacity .12s}.wb-history-action:focus-within,.wb-history-row:hover .wb-history-action{opacity:1}}.wb-history-v{font-family:var(--font-mono);font-size:var(--wb-text-sm);color:var(--muted-foreground)}.wb-history-what{display:flex;align-items:baseline;gap:8px;min-width:0}.wb-history-what b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-history-what span{white-space:nowrap}.wb-history-row time,.wb-history-what span{font-size:var(--wb-text-sm);color:var(--muted-foreground)}.wb-history-row time{text-align:right}.wb-history-action{display:flex;justify-content:flex-end}.wb-history-row.is-live .wb-history-v{color:var(--foreground)}.wb-history-row.is-live{background:color-mix(in oklch,var(--foreground) 7%,transparent)}.wb-history-row:first-child{border-radius:var(--wb-radius-lg) var(--wb-radius-lg) 0 0}.wb-history-row:last-child{border-radius:0 0 var(--wb-radius-lg) var(--wb-radius-lg)}.wb-history-row:only-child{border-radius:var(--wb-radius-lg)}.wb-history-days{display:grid;gap:20px}.wb-history-day{position:sticky;top:0;z-index:1;margin:0;padding:8px 0 10px 15px;background:var(--background);font-size:var(--wb-text-sm);font-weight:500;color:var(--muted-foreground)}@media(max-width:620px){.wb-history-row{grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"v what action" "v meta meta"}.wb-history-v{grid-area:v}.wb-history-what{grid-area:what;flex-direction:column;gap:2px}.wb-history-action{grid-area:action}.wb-history-row time,.wb-history-state{grid-area:meta;justify-self:start}.wb-history-row time{display:none}}.wb-status[data-s=failed] i{background-color:var(--destructive);border-color:color-mix(in oklch,var(--destructive) 18%,transparent)}.wb-status[data-s=failed]{color:var(--destructive)}.wb-copy{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:22px;height:22px;border-radius:var(--wb-radius-sm);color:var(--muted-foreground);background:transparent;border:0;cursor:pointer;transition:background .15s,color .15s}.wb-copy:hover{background:var(--muted);color:var(--foreground)}.wb-copy-lg{width:28px;height:28px}.wb-inline-copy{display:inline-flex;align-items:center;gap:4px;max-width:100%}.wb-domain-list{display:flex;flex-direction:column;gap:8px}.wb-domain{border:1px solid var(--border);border-radius:var(--wb-radius-lg);background:var(--card);box-shadow:var(--shadow-xs);overflow:hidden}.wb-domain[data-tone=failed]{border-color:color-mix(in oklch,var(--destructive) 35%,var(--border))}.wb-domain-head{padding:10px 10px 10px 12px;min-height:56px}.wb-domain-head,.wb-domain-toggle{display:flex;align-items:center;gap:12px}.wb-domain-toggle{flex:1;min-width:0;text-align:left;background:none;border:0;padding:0;cursor:pointer;color:inherit}div.wb-domain-toggle{cursor:default}.wb-domain-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border-radius:var(--wb-radius-md);background:var(--muted);color:var(--muted-foreground)}.wb-domain[data-tone=live] .wb-domain-icon{background:color-mix(in oklch,var(--wb-ok) 14%,transparent);color:var(--wb-ok)}.wb-domain[data-tone=failed] .wb-domain-icon{background:color-mix(in oklch,var(--destructive) 12%,transparent);color:var(--destructive)}.wb-domain-name{min-width:0;display:flex;flex-direction:column}.wb-domain-name b{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--wb-text-md);font-weight:500;letter-spacing:0}.wb-domain-name b,.wb-domain-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-domain-name>span{font-size:var(--wb-text-sm);color:var(--muted-foreground);margin-top:1px}.wb-domain-badge{font-family:var(--font-sans);font-size:var(--wb-text-xs);font-weight:600;letter-spacing:.02em;text-transform:uppercase;padding:1px 6px;border-radius:999px;background:var(--foreground);color:var(--background)}.wb-domain-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}.wb-domain-head>.wb-status{flex:0 0 auto;margin-right:6px}.wb-domain-setup{border-top:1px solid var(--border);background:color-mix(in oklch,var(--muted) 40%,transparent);padding:16px 16px 18px 56px;display:flex;flex-direction:column;gap:12px}.wb-domain-setup-lead{margin:4px 0 0;display:flex;flex-direction:column;gap:2px}.wb-domain-setup-lead b{font-weight:500;font-size:var(--wb-text-md)}.wb-domain-setup-foot,.wb-domain-setup-lead span{font-size:var(--wb-text-sm);color:var(--muted-foreground)}.wb-domain-setup-foot{margin:0;max-width:70ch}.wb-domain-steps{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:0;flex-wrap:wrap}.wb-domain-steps li{display:flex;align-items:center;gap:7px;font-size:var(--wb-text-sm);color:var(--muted-foreground)}.wb-domain-steps .wb-step-short{display:none}.wb-domain-steps li+li:before{content:"";width:28px;height:1px;background:var(--border);margin:0 10px}.wb-domain-steps li[data-state=done]+li:before{background:var(--primary)}.wb-domain-step-dot{display:grid;place-items:center;width:20px;height:20px;border-radius:999px;border:1px solid var(--border);background:var(--background);font-size:var(--wb-text-xs);font-weight:600;font-variant-numeric:tabular-nums}.wb-domain-steps li[data-state=done] .wb-domain-step-dot{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.wb-domain-steps li[data-state=current]{color:var(--foreground);font-weight:500}.wb-domain-steps li[data-state=current] .wb-domain-step-dot{border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--primary) 16%,transparent)}.wb-domain-steps[data-checking] li[data-state=current] .wb-domain-step-dot{animation:wb-step-ring 1.6s ease-out infinite}@keyframes wb-step-ring{0%{box-shadow:0 0 0 0 color-mix(in oklch,var(--primary) 45%,transparent)}to{box-shadow:0 0 0 7px transparent}}.wb-domain-steps li[data-state=done] .wb-domain-step-dot{animation:wb-step-pop .3s ease-out}@keyframes wb-step-pop{0%{transform:scale(.5);opacity:.4}}.wb-domain-log{list-style:none;margin:2px 0 0;padding:0;display:grid;grid-template-columns:auto auto 1fr;column-gap:7px;row-gap:5px;font-size:var(--wb-text-sm)}.wb-domain-log li{display:grid;grid-column:1/-1;grid-template-columns:subgrid;align-items:center;color:var(--muted-foreground);animation:wb-fade .25s ease-out}.wb-domain-log li[data-tone=done] svg{color:var(--primary)}.wb-domain-log li[data-tone=busy]{color:var(--foreground);font-weight:500}.wb-domain-log li[data-tone=error]{color:var(--destructive)}.wb-domain-log li[data-tone=muted],.wb-domain-log time{color:var(--muted-foreground)}.wb-domain-log time{padding-left:5px;font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap}.wb-domain-alert{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:var(--wb-radius-md);border:1px solid color-mix(in srgb,var(--destructive) 30%,var(--border));background:color-mix(in oklch,var(--destructive) 7%,var(--background));font-size:var(--wb-text-sm)}.wb-domain-alert b{font-weight:500;color:var(--destructive)}.wb-domain-alert span{color:var(--foreground)}.wb-dns{border:1px solid var(--border);border-radius:var(--wb-radius-md);background:var(--background);overflow:hidden;font-size:var(--wb-text-sm)}.wb-dns-head,.wb-dns-row{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1.6fr);gap:12px;align-items:center;padding:0 10px}.wb-dns-head{height:30px;font-size:var(--wb-text-xs);font-weight:500;color:var(--muted-foreground);background:var(--muted);border-bottom:1px solid var(--border)}.wb-dns-row{min-height:40px}.wb-dns-row+.wb-dns-row{border-top:1px solid var(--border)}.wb-dns-type{display:inline-flex;padding:1px 6px;border-radius:var(--wb-radius-sm);background:var(--muted);font-family:var(--font-mono);font-size:var(--wb-text-xs);font-weight:600}.wb-dns-cell{display:flex;align-items:center;gap:4px;min-width:0}.wb-dns-cell code{font-family:var(--font-mono);font-size:var(--wb-text-sm);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-old-keys{margin-top:24px}.wb-old-keys>summary{cursor:pointer;font-size:var(--wb-text-md);color:var(--muted-foreground);width:fit-content;list-style:none;display:inline-flex;align-items:center;gap:6px}.wb-old-keys>summary::-webkit-details-marker{display:none}.wb-old-keys>summary svg{transition:transform .15s}.wb-old-keys[open]>summary svg{transform:rotate(90deg)}.wb-old-keys>summary:hover{color:var(--foreground)}.wb-old-keys[open]>summary{margin-bottom:8px}.wb-domain-optional>summary{cursor:pointer;font-size:var(--wb-text-sm);color:var(--muted-foreground);width:fit-content}.wb-domain-optional>summary:hover{color:var(--foreground)}.wb-domain-optional[open]>summary{margin-bottom:8px}.wb-domain-optional p{margin:0 0 8px;font-size:var(--wb-text-sm);color:var(--muted-foreground);max-width:70ch}.wb-domain-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:40px 20px;border:1px dashed var(--border);border-radius:var(--wb-radius-lg);margin-bottom:16px}.wb-domain-empty-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;background:var(--muted);color:var(--foreground);margin-bottom:4px}.wb-domain-empty b{font-weight:500;font-size:var(--wb-text-lg)}.wb-domain-empty p{margin:0;max-width:48ch;color:var(--muted-foreground);font-size:var(--wb-text-md)}.wb-domain-empty-steps{list-style:none;display:flex;gap:18px;margin:10px 0 8px;padding:0;flex-wrap:wrap;justify-content:center}.wb-domain-empty-steps li{display:flex;align-items:center;gap:6px;font-size:var(--wb-text-sm);color:var(--muted-foreground)}.wb-domain-empty-steps span{display:grid;place-items:center;width:18px;height:18px;border-radius:999px;background:var(--muted);color:var(--foreground);font-size:var(--wb-text-xs);font-weight:600}@media (max-width:640px){.wb-domain-head{flex-wrap:wrap;row-gap:8px}.wb-domain-toggle{flex-basis:100%}.wb-domain-head>.wb-status{margin-left:44px}.wb-domain-actions{margin-left:auto}.wb-domain-setup{padding:14px}.wb-dns-head{display:none}.wb-dns-row{grid-template-columns:1fr;gap:4px;padding:10px}.wb-domain-steps{flex-wrap:nowrap}.wb-domain-steps li{white-space:nowrap}.wb-domain-steps li+li:before{width:14px;margin:0 6px}.wb-domain-steps .wb-step-long{display:none}.wb-domain-steps .wb-step-short{display:inline}}.wb-domain-empty .wb-domain-empty-hint{font-size:var(--wb-text-sm);color:var(--foreground);padding:6px 10px;border-radius:var(--wb-radius-md);background:var(--muted)}.wb-apex-choice{display:grid;gap:8px;margin:2px 0 12px;border:0;padding:0}.wb-apex-choice label{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--border);border-radius:var(--wb-radius-md);cursor:pointer;transition:border-color .15s,background .15s}.wb-apex-choice label:hover{border-color:color-mix(in oklch,var(--foreground) 22%,var(--border))}.wb-apex-choice label.on{border-color:var(--primary);background:color-mix(in oklch,var(--primary) 6%,transparent)}.wb-apex-choice input{margin-top:3px;accent-color:var(--primary)}.wb-apex-choice label>span{display:flex;flex-direction:column;gap:2px;font-size:var(--wb-text-sm);color:var(--muted-foreground)}.wb-apex-choice b{display:flex;align-items:center;gap:6px;font-size:var(--wb-text-md);font-weight:500;color:var(--foreground);font-family:var(--font-mono);letter-spacing:0}.wb-apex-choice em{font-style:normal;font-family:var(--font-sans);font-size:var(--wb-text-xs);font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--primary);background:color-mix(in oklch,var(--primary) 12%,transparent);padding:1px 6px;border-radius:999px}.wb-domain-connect{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.wb-domain-connect .wb-domain-setup-foot{border-top:1px dashed var(--border);padding-top:12px;align-self:stretch}.wb-provider-logo{display:block;height:32px;width:auto;aspect-ratio:612/200;color:var(--foreground)}.wb-dns-reference,.wb-forward{display:flex;flex-direction:column;gap:10px;padding-top:4px}.wb-domain-setup>.wb-forward:not(:first-child){border-top:1px dashed var(--border);padding-top:14px}.wb-forward-rule{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--border);border-radius:var(--wb-radius-md);background:var(--background);width:fit-content;max-width:100%}.wb-forward-rule code{font-family:var(--font-mono);font-size:var(--wb-text-sm);overflow-wrap:anywhere}.wb-forward-kind{font-size:var(--wb-text-xs);color:var(--muted-foreground);padding-left:8px;border-left:1px solid var(--border)}.wb-forward-check{margin:0;display:flex;align-items:center;gap:6px;font-size:var(--wb-text-sm);color:var(--muted-foreground)}.wb-forward-check.ok{color:var(--wb-ok)}.wb-forward-foot{gap:10px;flex-wrap:wrap}.wb-drop,.wb-forward-foot{display:flex;align-items:center}.wb-drop{position:fixed;inset:0;z-index:60;justify-content:center;padding:16px;background:color-mix(in oklch,var(--background) 70%,transparent);backdrop-filter:blur(2px);animation:wb-fade .12s ease-out}.wb-drop[data-passthrough]{pointer-events:none;background:color-mix(in oklch,var(--background) 40%,transparent);backdrop-filter:none}.wb-drop-circle{width:min(460px,100%);aspect-ratio:1;border-radius:50%;border:1.5px dashed color-mix(in oklch,var(--foreground) 30%,var(--border));background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;transition:border-color .15s,transform .15s}.wb-drop-circle[data-dragging]{border-color:color-mix(in oklch,var(--foreground) 45%,transparent);transform:scale(1.02)}.wb-drop-circle p{font-size:var(--wb-text-lg);color:var(--foreground)}.wb-drop-icon{display:inline-flex;padding:10px;border-radius:50%;background:var(--muted);color:var(--muted-foreground)}@keyframes wb-fade{0%{opacity:0}}.wb-toast-bar{position:relative;height:4px;margin-top:8px;overflow:hidden;background:color-mix(in oklch,currentColor 20%,transparent)}.wb-toast-bar,.wb-toast-bar>div{border-radius:var(--wb-radius-sm)}.wb-toast-bar>div{height:100%;background:currentColor;transition:width .2s ease-out}.wb-toast-bar>.wb-toast-bar-busy{width:35%;animation:wb-toast-slide 1.1s ease-in-out infinite}@keyframes wb-toast-slide{0%{transform:translateX(-100%)}to{transform:translateX(290%)}}@media (prefers-reduced-motion:reduce){.wb-toast-bar>.wb-toast-bar-busy{animation:none;width:100%;opacity:.5}}.wb-cleanup-choice{display:flex;gap:9px;align-items:flex-start;margin-top:12px;font-size:var(--wb-text-md);cursor:pointer}.wb-cleanup-choice input{margin-top:3px}.wb-cleanup-choice>span{display:flex;flex-direction:column;gap:2px}.wb-cleanup-choice>span>span{color:var(--muted-foreground);font-size:var(--wb-text-sm)}.wb-dns-diff{list-style:none;margin:12px 0;padding:0;border:1px solid var(--border);border-radius:var(--wb-radius-md);overflow:hidden;font-family:var(--font-mono,ui-monospace,monospace);font-size:var(--wb-text-sm);text-align:left}.wb-dns-diff li{display:grid;grid-template-columns:16px 64px minmax(0,1.2fr) minmax(0,1.6fr);gap:8px;padding:7px 10px;border-top:1px solid var(--border);align-items:baseline}.wb-dns-diff li:first-child{border-top:0}.wb-dns-diff li span{overflow-wrap:anywhere}.wb-dns-diff li[data-action=delete]{background:color-mix(in oklch,var(--destructive) 8%,transparent)}.wb-dns-diff li[data-action=delete] b{color:var(--destructive)}.wb-dns-diff li[data-action=create]{background:color-mix(in oklch,var(--primary) 7%,transparent)}.wb-dns-diff li[data-action=create] b{color:var(--primary)}.wb-dns-diff li[data-action=update] b{color:oklch(.72 .15 70)}.wb-dns-diff em,.wb-dns-diff li[data-action=keep]{color:var(--muted-foreground)}.wb-dns-diff em{grid-column:3/-1;font-style:normal;font-family:var(--font-sans,inherit)}.wb-site-addresses{display:flex;flex-direction:column;gap:8px}.wb-site-addresses ul{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--wb-radius-md);overflow:hidden}.wb-site-addresses li{display:flex;align-items:center;gap:8px;min-height:38px;padding:4px 8px 4px 12px;border-top:1px solid var(--border);font-size:var(--wb-text-md)}.wb-site-addresses li:first-child{border-top:0}.wb-site-addresses li .wb-mono{min-width:0;overflow-wrap:anywhere}.wb-site-addresses li>:nth-child(2){margin-left:auto}.wb-site-addresses-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.wb-address-choice{flex:1;align-self:stretch;display:flex;align-items:center;gap:8px;min-width:0;margin:-4px 0 -4px -12px;padding:4px 8px 4px 12px;text-align:left;color:var(--foreground);cursor:pointer}.wb-address-choice:focus-visible,.wb-address-choice:hover{background:var(--muted)}.wb-address-choice>:last-child{margin-left:auto;font-size:var(--wb-text-sm);color:var(--primary);white-space:nowrap}.wb-site-addresses ul[data-picking] li[data-fixed]{opacity:.5}.wb-flappy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:70vh;padding:48px 16px;color:var(--foreground);text-align:center}.wb-flappy canvas{width:100%;border-bottom:1px solid var(--border)}.wb-flappy p{margin:0;font-size:var(--wb-text-md);color:var(--muted-foreground)}.wb-flappy-board{width:100%;max-width:760px}.wb-flappy-still{width:60px;height:24px}.wb-flappy-strip{color:var(--foreground)}.wb-flappy-strip canvas{display:block;width:100%;border:1px solid var(--border);border-radius:var(--wb-radius-md);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.wb-flappy-strip canvas:focus-visible{outline:2px solid var(--ring,var(--primary));outline-offset:2px}.wb-files .wb-page-head,.wb-files-actions{align-items:center}.wb-files-actions{display:flex;gap:8px}.wb-files-actions .wb-site-search{width:200px}.wb-storage{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:var(--wb-text-sm);color:var(--muted-foreground)}.wb-storage-bar{display:inline-flex;width:48px;height:4px;border-radius:999px;background:var(--muted);overflow:hidden}.wb-storage-bar i{display:block;min-width:2px;height:100%;background:var(--foreground)}.wb-storage-bar i[data-near]{background:var(--wb-pending)}.wb-files-empty{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:8px;padding:56px 24px;border:1px dashed var(--border);border-radius:var(--wb-radius-lg);text-align:center}.wb-files-empty-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:var(--muted);color:var(--foreground)}.wb-files-empty b{font-size:var(--wb-text-lg);font-weight:600;margin-top:4px}.wb-files-empty p{max-width:46ch;margin:0;font-size:var(--wb-text-sm);color:var(--muted-foreground);line-height:1.5}.wb-files-empty .wb-files-agent{margin-top:8px}.wb-agent-prompt{display:inline-flex;cursor:pointer}.wb-agent-prompt code{animation:wb-prompt-in .35s ease-out}.wb-agent-prompt:hover code{background:var(--accent)}@keyframes wb-prompt-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.wb-agent-prompt code{animation:none}}.wb-files-agent code{font-family:var(--font-mono);font-size:var(--wb-text-xs);color:var(--foreground);background:var(--muted);border-radius:var(--wb-radius-sm);padding:2px 6px}.wb-files-expiry{display:flex;align-items:center;gap:2px;padding-bottom:4px;font-size:var(--wb-text-sm);color:var(--muted-foreground);white-space:nowrap}.wb-files-folder{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin-bottom:12px}.wb-files-folder p{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis}.wb-files-path{display:flex;align-items:center;gap:6px;margin-bottom:12px;font-size:var(--wb-text-md)}.wb-file-name{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--foreground);font-weight:500}.wb-file-name svg{flex-shrink:0;color:var(--muted-foreground)}.wb-file-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-file-name:hover span{text-decoration:underline;text-underline-offset:3px}.wb-file-actions{justify-content:flex-end;gap:6px}.wb-file-actions,.wb-file-more{display:flex;align-items:center}.wb-file-more{gap:4px}@media (hover:hover){.wb-file-more{opacity:0;transition:opacity .12s}.wb-file-more:focus-within,.wb-file-row:hover .wb-file-more{opacity:1}}@keyframes wb-fresh{0%{background:color-mix(in oklch,var(--wb-pending) 18%,transparent)}to{background:transparent}}.wb-file-row.is-fresh td{animation:wb-fresh 4s ease-out both}@media (max-width:720px){.wb-files .wb-page-head{flex-direction:column;align-items:stretch}.wb-files-actions .wb-site-search{flex:1;width:auto}.wb-tabbar{flex-wrap:wrap}.wb-files .wb-file-row td:nth-child(n+2):not(:last-child),.wb-files th:nth-child(n+2):not(:last-child){display:none}.wb-files .wb-file-row td:first-child{max-width:0;width:100%}.wb-file-actions{flex-wrap:wrap;row-gap:4px}}.wb-domain-host{display:inline-flex;align-items:center;gap:6px;min-width:0}.wb-domain-host a{color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-domain-host a:hover{text-decoration:underline;text-underline-offset:3px}.wb-domain-copy{display:inline-flex;padding:3px;border-radius:var(--wb-radius-sm);color:var(--muted-foreground);opacity:0;transition:opacity .12s}.wb-domain-copy:focus-visible,.wb-setting:hover .wb-domain-copy{opacity:1}.wb-domain-copy:hover{color:var(--foreground);background:var(--accent)}@media (hover:none){.wb-domain-copy{opacity:1}}.wb-keys .wb-setting,.wb-keys .wb-setting:has(.wb-setting-value:empty){grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 190px}.wb-keys .wb-setting-action:empty{display:block}@media (max-width:720px){.wb-keys .wb-setting,.wb-keys .wb-setting:has(.wb-setting-value:empty){grid-template-columns:1fr}.wb-keys .wb-setting-action:empty{display:none}}@media (hover:hover){.wb-keys .wb-setting-action{opacity:0;transition:opacity .12s}.wb-keys .wb-setting-action:focus-within,.wb-keys .wb-setting:hover .wb-setting-action{opacity:1}}.wb-studio .wb-preview-toolbar{justify-content:flex-end}.wb-studio .wb-frame{overflow:hidden;border-radius:var(--wb-radius-lg)}.wb-visitors-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.wb-visitors-chart{padding:16px 16px 12px;border:1px solid var(--border);border-radius:var(--wb-radius-lg);background:var(--card);margin-bottom:16px}.wb-vtabs{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));margin:-16px -16px 18px;border-bottom:1px solid var(--border)}.wb-vtabs[data-n="2"]{--n:2}.wb-vtabs[data-n="4"]{--n:4}.wb-vtabs>*{position:relative;display:grid;gap:6px;padding:16px 18px 14px;text-align:left;color:var(--muted-foreground);min-width:0}.wb-vtabs>*+*{border-left:1px solid var(--border)}.wb-vtabs>:first-child{border-top-left-radius:var(--wb-radius-lg)}.wb-vtabs>:last-child{border-top-right-radius:var(--wb-radius-lg)}.wb-vtabs button{all:unset;box-sizing:border-box;position:relative;display:grid;gap:6px;padding:16px 18px 14px;text-align:left;cursor:pointer;color:var(--muted-foreground);min-width:0;transition:background-color .15s,color .15s}.wb-vtabs *+button,.wb-vtabs button+*{border-left:1px solid var(--border)}.wb-vtabs button:hover{background:color-mix(in oklch,var(--foreground) 3%,transparent);color:var(--foreground)}.wb-vtabs button:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.wb-vtabs button[aria-selected=true]{color:var(--foreground)}.wb-vtabs button[aria-selected=true]:after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:2px;border-radius:2px;background:var(--foreground)}.wb-vtab-label{font-size:var(--wb-text-sm);font-weight:500}.wb-vtab-value{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.wb-vtab-value b{font-size:26px;line-height:1;font-weight:600;color:var(--foreground);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.wb-vtab-value small{font-size:var(--wb-text-xs);color:var(--muted-foreground);font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width:640px){.wb-vtabs[data-n="4"]{--n:2}.wb-vtabs[data-n="4"]>:nth-child(3){border-left:0}.wb-vtabs[data-n="4"]>:nth-child(-n+2){border-bottom:1px solid var(--border)}.wb-vtabs[data-n="4"]>:last-child{border-top-right-radius:0}.wb-vtabs[data-n="4"]>:nth-child(2){border-top-right-radius:var(--wb-radius-lg)}}.wb-area{position:relative;height:160px;color:var(--foreground)}.wb-area svg{display:block;width:100%;height:100%;overflow:visible}.wb-area-grid{stroke:currentColor;stroke-opacity:.07;stroke-dasharray:4 4}.wb-area-base,.wb-area-grid{vector-effect:non-scaling-stroke}.wb-area-base{stroke:currentColor;stroke-opacity:.12}.wb-area-line{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linejoin:round}.wb-area-cursor,.wb-area-line{vector-effect:non-scaling-stroke}.wb-area-cursor{stroke:currentColor;stroke-opacity:.25}.wb-area-dot{width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--foreground);box-shadow:0 0 0 3px var(--card)}.wb-area-dot,.wb-area-tip{position:absolute;pointer-events:none}.wb-area-tip{top:0;transform:translateX(-50%);padding:6px 9px;border-radius:8px;background:var(--popover);border:1px solid var(--border);font-size:var(--wb-text-xs);white-space:nowrap;z-index:1}.wb-area-tip b{display:block;font-size:12px;font-weight:600}.wb-area-tip small,.wb-visitors-axis{color:var(--muted-foreground)}.wb-visitors-axis{position:relative;height:16px;margin-top:8px;font-size:var(--wb-text-xs)}.wb-visitors-axis span{position:absolute;transform:translateX(-50%);white-space:nowrap}.wb-visitors-axis span:first-child{transform:none}.wb-visitors-axis span:last-child{transform:translateX(-100%)}.wb-visitors-axis span:only-child{transform:translateX(-50%)}.wb-visitors-empty{display:grid;place-content:center;gap:2px;height:160px;margin:0;text-align:center;font-size:var(--wb-text-sm);color:var(--muted-foreground)}.wb-visitors-empty b{font-weight:500;color:var(--foreground)}.wb-breakdowns{grid-template-columns:repeat(3,minmax(0,1fr))}.wb-breakdown{padding:14px 16px;border:1px solid var(--border);border-radius:var(--wb-radius-lg);background:var(--card);min-width:0}.wb-breakdown h3{margin:0 0 8px;font-size:var(--wb-text-sm);font-weight:500;color:var(--muted-foreground)}.wb-breakdown ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}.wb-breakdown li{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 8px;font-size:var(--wb-text-md);border-radius:var(--wb-radius-sm)}.wb-breakdown li i{position:absolute;left:8px;right:8px;bottom:1px;height:2px;border-radius:1px;background:color-mix(in oklch,var(--foreground) 22%,transparent);transform-origin:left}.wb-breakdown li span{position:relative;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-breakdown li b{position:relative;font-weight:500;font-variant-numeric:tabular-nums}@media (max-width:1050px){.wb-breakdowns{grid-template-columns:1fr 1fr}}@media (max-width:720px){.wb-breakdowns{grid-template-columns:1fr}}.wb-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.wb-section-head h2{margin:0}.wb-site-settings>.wb-settings{margin-bottom:28px}.wb-site-settings .wb-setting,.wb-site-settings .wb-setting:has(.wb-setting-value:empty){grid-template-columns:minmax(0,1fr) minmax(0,18rem) 8rem}.wb-site-settings .wb-setting-action:empty,.wb-site-settings .wb-setting-value:empty{display:block}.wb-site-settings .wb-setting-action{justify-self:end}@media (max-width:720px){.wb-site-settings .wb-setting,.wb-site-settings .wb-setting:has(.wb-setting-value:empty){grid-template-columns:1fr}.wb-site-settings .wb-setting-action:empty,.wb-site-settings .wb-setting-value:empty{display:none}}.wb-site-more{position:absolute;top:10px;right:10px;z-index:2;opacity:0;transition:opacity .12s}.wb-site-more:focus-within,.wb-site-more:has([data-state=open]),.wb-site-row:hover .wb-site-more{opacity:1}@media (hover:none){.wb-site-more{opacity:1}}.wb-tabbar [data-slot=tabs-trigger] svg{color:var(--muted-foreground)}.wb-tabbar [data-slot=tabs-trigger][data-drop]{background:color-mix(in oklch,var(--foreground) 8%,transparent);border-radius:var(--wb-radius-md)}.wb-site-row[draggable=true]{cursor:grab}.wb-site-row[draggable=true]:active{cursor:grabbing}.wb-building{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted-foreground);font-size:var(--wb-text-sm);text-align:center}.wb-thumb .wb-building{position:absolute;inset:0}.wb-frame .wb-building{flex:1;min-height:320px;background:var(--background)}.wb-building-mark{width:40px;height:16px;color:var(--foreground)}.wb-building-mark rect{opacity:.15;animation:wb-building-step 1.6s ease-in-out infinite}.wb-building-mark rect:nth-child(2){animation-delay:.2s}.wb-building-mark rect:nth-child(3){animation-delay:.4s}.wb-building-mark rect:nth-child(4){animation-delay:.6s}@keyframes wb-building-step{0%,to{opacity:.15}30%,50%{opacity:1}}.wb-building-dots:after{content:"";display:inline-block;width:1.2em;text-align:left;animation:wb-building-dots 1.2s steps(4) infinite}@keyframes wb-building-dots{0%{content:""}25%{content:"."}50%{content:".."}75%,to{content:"..."}}.wb-building-compact{display:inline-flex;flex-direction:row;gap:0}.wb-building-compact .wb-building-mark{width:15px;height:6px;color:currentColor}.wb-status[data-s=building]{color:var(--foreground)}@media (prefers-reduced-motion:reduce){.wb-building-mark rect{animation:none;opacity:.6}.wb-building-dots:after{animation:none;content:"..."}}.wb-thumb .wb-building{background:var(--muted)}.wb-thumb .wb-building-mark{width:20px;height:8px}.wb-thumb .wb-building-label{display:none}.wb-site-grid .wb-thumb .wb-building-mark{width:40px;height:16px}.wb-site-grid .wb-thumb .wb-building-label{display:inline}