.dash-page{min-height:100vh;background:var(--c-bg);font-family:var(--font-body);color:var(--c-text)}.dash-content{padding-top:clamp(var(--sp8),5vw,var(--sp16));padding-bottom:clamp(var(--sp12),7vw,var(--sp24));display:flex;flex-direction:column;gap:var(--sp5)}.dash-header{display:flex;align-items:center;justify-content:space-between}.dash-title{font-size:var(--text-xl);font-family:var(--font-display);font-weight:700;color:var(--c-text);line-height:1.2}.dash-tabs{display:flex;gap:var(--sp1);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);padding:var(--sp1);width:fit-content}.dash-tab{display:flex;align-items:center;gap:var(--sp2);padding:var(--sp2) var(--sp5);border-radius:calc(var(--r-xl) - 4px);font-size:var(--text-sm);font-weight:600;font-family:var(--font-body);color:var(--c-muted);border:none;background:none;cursor:pointer;transition:all .18s ease;white-space:nowrap}.dash-tab:hover{color:var(--c-text);background:var(--c-surface-alt)}.dash-tab--active{background:var(--c-bg);color:var(--c-primary);box-shadow:0 1px 4px rgba(0,0,0,.08)}.dash-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);padding:clamp(var(--sp5),3vw,var(--sp8));display:flex;flex-direction:column;gap:var(--sp4)}.dash-card--flush{padding:0;overflow:hidden}.dash-card__header{display:flex;align-items:center;justify-content:space-between;padding:clamp(var(--sp4),2vw,var(--sp6));border-bottom:1px solid var(--c-border)}.dash-card__title{font-size:var(--text-base);font-weight:700;color:var(--c-text);font-family:var(--font-body)}.dash-card--flush .dash-card__title{padding:clamp(var(--sp4),2vw,var(--sp6));border-bottom:none}.dash-type-toggle{display:flex;gap:var(--sp2);margin-top:var(--sp2)}.dash-type-btn{display:flex;align-items:center;gap:var(--sp2);padding:var(--sp2) var(--sp4);border-radius:var(--r-lg);border:1.5px solid var(--c-border);background:var(--c-bg);font-size:var(--text-sm);font-family:var(--font-body);font-weight:600;color:var(--c-muted);cursor:pointer;transition:all .18s ease}.dash-type-btn--active,.dash-type-btn:hover{border-color:var(--c-primary);color:var(--c-primary)}.dash-type-btn--active{background:var(--c-primary-hi)}.dash-type-btn__badge{font-family:SF Mono,Fira Code,monospace;font-size:.72rem;font-weight:700;padding:1px 5px;border-radius:var(--r-sm)}.dash-type-btn__badge--sk{background:hsla(0,0%,39%,.1);color:var(--c-muted)}.dash-type-btn__badge--pk{background:var(--c-primary-hi);color:var(--c-primary)}.dash-type-btn--active .dash-type-btn__badge--sk{background:rgba(13,74,107,.15);color:var(--c-primary)}.dash-type-hint{font-size:var(--text-xs);font-weight:400;color:var(--c-faint);margin-left:var(--sp1)}.dash-type-desc{font-size:var(--text-xs);color:var(--c-muted);line-height:1.5}.dash-create-row{display:flex;gap:var(--sp3);align-items:center}.dash-input{flex:1;height:44px;padding:var(--sp4);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-md);font-size:var(--text-sm);font-family:var(--font-body);color:var(--c-text);transition:border-color var(--tr),box-shadow var(--tr);outline:none}.dash-input::placeholder{color:var(--c-faint)}.dash-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-hi)}.dash-input--mono{font-family:SF Mono,Fira Code,monospace}.dash-keys-list{display:flex;flex-direction:column}.dash-key{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp4);padding:clamp(var(--sp4),2vw,var(--sp5));border-bottom:1px solid var(--c-border);transition:background var(--tr)}.dash-key:last-child{border-bottom:none}.dash-key:hover{background:var(--c-surface-alt)}.dash-key__info{display:flex;flex-direction:column;gap:var(--sp2);min-width:0;flex:1}.dash-key__row{display:flex;align-items:center;gap:var(--sp2);flex-wrap:wrap}.dash-key__name{font-size:var(--text-sm);font-weight:700;color:var(--c-text)}.dash-key__prefix{font-family:SF Mono,Fira Code,monospace;font-size:.8rem;background:var(--c-surface-alt);padding:2px 8px;border-radius:var(--r-sm)}.dash-key__prefix,.dash-key__remove{color:var(--c-muted);border:1px solid var(--c-border)}.dash-key__remove{flex-shrink:0;font-size:var(--text-xs);font-weight:600;font-family:var(--font-body);background:none;border-radius:var(--r-sm);padding:var(--sp1) var(--sp3);cursor:pointer;transition:color var(--tr),border-color var(--tr),background var(--tr);white-space:nowrap;margin-top:2px}.dash-key__remove:hover{color:#c0392b;border-color:rgba(192,57,43,.3);background:rgba(192,57,43,.05)}.dash-key__origins-section{margin-top:var(--sp2)}.dash-key__origins-toggle{display:flex;align-items:center;gap:var(--sp2);font-size:var(--text-xs);font-weight:600;color:var(--c-primary);background:var(--c-primary-hi);border:none;border-radius:var(--r-md);padding:var(--sp1) var(--sp3);cursor:pointer;transition:background var(--tr)}.dash-key__origins-toggle:hover{background:rgba(13,74,107,.12)}.dash-key__chevron{transition:transform .18s ease}.dash-key__chevron--open{transform:rotate(180deg)}.origins-editor{margin-top:var(--sp3);display:flex;flex-direction:column;gap:var(--sp3);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp4)}.origins-editor__hint{font-size:var(--text-xs);color:var(--c-muted);line-height:1.6}.origins-editor__hint code{background:var(--c-surface-alt);padding:1px 5px;border-radius:var(--r-sm);font-family:SF Mono,Fira Code,monospace}.origins-editor__empty{font-size:var(--text-xs);color:#c0392b;padding:var(--sp2) 0}.origins-editor__list{display:flex;flex-direction:column;gap:var(--sp1)}.origins-editor__item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp2);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp2) var(--sp3)}.origins-editor__domain{font-size:var(--text-sm);font-family:SF Mono,Fira Code,monospace;color:var(--c-text)}.origins-editor__remove{background:none;border:none;cursor:pointer;color:var(--c-faint);display:flex;align-items:center;padding:2px;border-radius:var(--r-sm);transition:color var(--tr)}.origins-editor__remove:hover{color:#c0392b}.origins-editor__add{display:flex;gap:var(--sp2);align-items:center}.origins-editor__error{font-size:var(--text-xs);color:#c0392b}.dash-embed-hint__desc{font-size:var(--text-sm);color:var(--c-muted)}.dash-embed-hint__code{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp4);font-family:SF Mono,Fira Code,monospace;font-size:.8rem;color:var(--c-text);white-space:pre;overflow-x:auto;line-height:1.7}.dash-embed-hint__note{font-size:var(--text-xs);color:var(--c-muted);line-height:1.5}.dash-tag{display:inline-block;font-size:.67rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:2px 8px;border-radius:var(--r-full);font-family:var(--font-body)}.dash-tag--primary{background:var(--c-primary-hi);color:var(--c-primary)}.dash-tag--neutral{background:var(--c-surface-alt);color:var(--c-muted);border:1px solid var(--c-border)}.dash-tag--danger{background:rgba(192,57,43,.08);color:#c0392b}.dash-usage-plan{font-size:var(--text-sm);color:var(--c-muted)}.dash-usage__meta{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--c-muted)}.dash-usage__bar{background:var(--c-surface-alt);border-radius:var(--r-full);overflow:hidden}.dash-usage__fill{height:100%;background:var(--c-primary);border-radius:var(--r-full);transition:width .4s ease}.dash-usage-breakdown{display:flex;flex-direction:column;gap:var(--sp2);margin-top:var(--sp4)}.dash-usage-breakdown__title{font-size:var(--text-xs);font-weight:700;color:var(--c-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp1)}.dash-usage-breakdown__row{display:flex;justify-content:space-between;align-items:center;padding:var(--sp2) var(--sp3);background:var(--c-bg);border-radius:var(--r-md)}.dash-usage-breakdown__name{font-size:var(--text-sm);color:var(--c-text)}.dash-usage-breakdown__cnt{font-size:var(--text-sm);font-weight:700;color:var(--c-primary)}.dash-alert{border-radius:var(--r-lg);padding:var(--sp4);display:flex;flex-direction:column;gap:var(--sp2)}.dash-alert--success{background:rgba(13,74,107,.06);border:1px solid var(--c-primary-hi)}.dash-alert--error{background:rgba(192,57,43,.06);border:1px solid rgba(192,57,43,.2)}.dash-alert__label{font-size:var(--text-sm);color:var(--c-primary);font-weight:600}.dash-alert__label--error{color:#c0392b}.dash-alert__code{font-family:SF Mono,Fira Code,monospace;font-size:.82rem;color:var(--c-text);background:var(--c-bg);padding:var(--sp2) var(--sp4);border-radius:var(--r-md);border:1px solid var(--c-border);word-break:break-all}@keyframes dash-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.dash-skeleton{height:18px;border-radius:var(--r-md);background:linear-gradient(90deg,var(--c-surface-alt) 25%,var(--c-border) 50%,var(--c-surface-alt) 75%);background-size:800px 100%;animation:dash-shimmer 1.5s ease-in-out infinite;margin:var(--sp6)}.dash-skeleton--sm{width:55%;height:14px}.dash-empty{flex-direction:column;gap:var(--sp3);padding:clamp(var(--sp10),5vw,var(--sp16));text-align:center}.dash-empty,.dash-empty__icon{display:flex;align-items:center;color:var(--c-faint)}.dash-empty__icon{width:44px;height:44px;justify-content:center}.dash-empty__text{font-size:var(--text-sm);color:var(--c-muted);max-width:36ch;line-height:1.65}@media (max-width:640px){.dash-tabs{width:100%}.dash-tab{flex:1;justify-content:center;padding:var(--sp2) var(--sp3);font-size:.78rem}.dash-create-row,.dash-type-toggle{flex-direction:column}.dash-create-row{align-items:stretch}.dash-key{flex-direction:column}.dash-key__remove{align-self:flex-start}.origins-editor__add{flex-direction:column}}.wl-tab{display:flex;flex-direction:column;gap:var(--sp5)}.wl-lock-banner{display:flex;align-items:flex-start;gap:var(--sp4);background:linear-gradient(135deg,rgba(13,74,107,.06),rgba(13,74,107,.02));border:1px solid var(--c-primary-hi);border-radius:var(--r-xl);padding:clamp(var(--sp4),2.5vw,var(--sp6))}.wl-lock-banner__icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--c-primary-hi);color:var(--c-primary);border-radius:var(--r-lg)}.wl-lock-banner__body{flex:1;display:flex;flex-direction:column;gap:var(--sp1)}.wl-lock-banner__body strong{font-size:var(--text-sm);font-weight:700;color:var(--c-text)}.wl-lock-banner__body p{font-size:var(--text-xs);color:var(--c-muted);line-height:1.5;max-width:none}.wl-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--sp5);align-items:start}.wl-settings{gap:var(--sp5);min-width:0}.wl-preview-col,.wl-settings{display:flex;flex-direction:column}.wl-preview-col{gap:var(--sp4);position:sticky;top:calc(64px + var(--sp4))}.wl-fieldset{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp4)}.wl-fieldset:disabled{opacity:.55;pointer-events:none}.wl-plan-badge{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-primary);background:var(--c-primary-hi);border-radius:var(--r-full);padding:1px 7px;margin-left:var(--sp2);vertical-align:middle}.wl-plan-badge--profi{color:#7a39bb;background:rgba(122,57,187,.1)}.wl-field-lock{font-size:.85rem}.dash-input--locked{background:var(--c-surface-alt);color:var(--c-faint);cursor:not-allowed}.wl-color-swatch{width:44px;height:44px;flex-shrink:0;border-radius:var(--r-md);border:1px solid var(--c-border);transition:background-color .2s ease}.wl-actions{display:flex;align-items:center;gap:var(--sp3);flex-wrap:wrap}.wl-link{color:var(--c-primary);text-decoration:none;font-weight:600}.wl-link:hover{text-decoration:underline}.dash-wl__note{font-size:var(--text-xs);color:var(--c-muted);background:var(--c-surface-alt);border-radius:var(--r-md);padding:var(--sp3);line-height:1.55}.dash-field{display:flex;flex-direction:column;gap:var(--sp2)}.dash-field__label{display:flex;align-items:center;gap:var(--sp2);font-size:var(--text-sm);font-weight:600;color:var(--c-text)}.dash-field__hint{font-size:var(--text-xs);color:var(--c-faint);line-height:1.5}.dash-color-row{display:flex;gap:var(--sp3);align-items:center}.dash-color-picker{width:44px;height:44px;flex-shrink:0;border-radius:var(--r-md);border:1px solid var(--c-border);padding:2px;background:var(--c-bg);cursor:pointer}.wl-field-lock{display:inline-flex;align-items:center;color:var(--c-faint);margin-left:var(--sp1)}.dash-size-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp3)}.dash-size-col{gap:var(--sp1)}.dash-size-col,.wl-preview{display:flex;flex-direction:column}.wl-preview{background:var(--c-surface-alt);border:1px solid var(--c-border);border-radius:var(--r-xl);padding:var(--sp5);gap:var(--sp4)}.wl-preview__label{font-size:var(--text-xs);font-weight:700;color:var(--c-muted);text-transform:uppercase;letter-spacing:.08em}.wl-preview__widget{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.09);max-width:340px;margin-inline:auto;width:100%}.wl-preview__widget-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp3) var(--sp4);transition:background-color .2s ease;gap:var(--sp2)}.wl-preview__widget-logo{display:flex;align-items:center;gap:var(--sp2);min-width:0;flex:1}.wl-preview__logo-img{max-height:40px;max-width:140px;object-fit:contain;flex-shrink:0}.wl-preview__logo-placeholder{width:28px;height:28px;border-radius:var(--r-sm);background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.8);flex-shrink:0}.wl-preview__brand-name{font-size:.82rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.wl-preview__close{background:hsla(0,0%,100%,.15);border:none;border-radius:var(--r-sm);width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.8);cursor:default;flex-shrink:0}.wl-preview__widget-body{padding:var(--sp4);display:flex;flex-direction:column;gap:var(--sp3);min-height:90px}.wl-preview__placeholder-text{font-size:var(--text-xs);color:var(--c-faint);font-style:italic;max-width:none}.wl-preview__services{display:flex;gap:var(--sp2);flex-wrap:wrap}.wl-preview__service-chip{font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:var(--r-full);border:1.5px solid;background:rgba(0,0,0,.02);transition:color .2s,border-color .2s}.wl-preview__widget-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--sp3) var(--sp4);border-top:1px solid var(--c-border);background:var(--c-bg);gap:var(--sp2)}.wl-preview__send-btn{display:flex;align-items:center;gap:var(--sp2);color:#fff;border:none;border-radius:var(--r-md);padding:var(--sp2) var(--sp4);font-size:.78rem;font-weight:600;cursor:default;transition:background-color .2s}.wl-preview__powered{font-size:.65rem;color:var(--c-faint)}.wl-preview__fab-row{display:flex;align-items:center;gap:var(--sp3);flex-wrap:wrap}.wl-preview__fab-label{font-size:var(--text-xs);color:var(--c-muted)}.wl-preview__fab{display:inline-flex;align-items:center;gap:var(--sp2);padding:var(--sp3) var(--sp5);border-radius:var(--r-full);border:none;color:#fff;font-size:var(--text-sm);font-weight:600;cursor:default;box-shadow:0 4px 16px rgba(0,0,0,.18);transition:background-color .2s ease;font-family:var(--font-body)}.wl-features{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);padding:var(--sp5)}.wl-features__title{font-size:var(--text-sm);font-weight:700;color:var(--c-text);margin-bottom:var(--sp3)}.wl-features__list{list-style:none;display:flex;flex-direction:column;gap:var(--sp2)}.wl-features__item{display:flex;align-items:center;gap:var(--sp2);font-size:var(--text-sm);color:var(--c-text)}.wl-features__item--locked{color:var(--c-muted)}.wl-features__check{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--r-full)}.wl-features__item:not(.wl-features__item--locked) .wl-features__check{background:rgba(13,74,107,.1);color:var(--c-primary)}.wl-features__item--locked .wl-features__check{background:var(--c-surface-alt);color:var(--c-faint)}.wl-profi-badge{margin-left:auto;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7a39bb;background:rgba(122,57,187,.1);border-radius:var(--r-full);padding:1px 7px}.wl-dns{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);padding:clamp(var(--sp4),2.5vw,var(--sp6));display:flex;flex-direction:column;gap:var(--sp3)}.wl-dns__header{display:flex;align-items:center;gap:var(--sp2);color:var(--c-primary);font-size:var(--text-sm)}.wl-dns__desc{font-size:var(--text-sm);color:var(--c-muted);max-width:none}.wl-dns__table{display:flex;flex-direction:column;gap:0;border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden;font-size:var(--text-xs)}.wl-dns__row{display:grid;grid-template-columns:70px 1fr 1fr 60px;gap:var(--sp2);align-items:center;padding:var(--sp2) var(--sp3);border-bottom:1px solid var(--c-border)}.wl-dns__row:last-child{border-bottom:none}.wl-dns__row--head{background:var(--c-surface-alt);font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--c-muted)}.wl-dns__code{font-family:SF Mono,Fira Code,monospace;font-size:.78rem;background:var(--c-surface-alt);padding:2px 6px;border-radius:var(--r-sm);border:1px solid var(--c-border);color:var(--c-text);word-break:break-all}.wl-dns__copy{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--c-primary);padding:2px;border-radius:var(--r-sm);margin-left:var(--sp1);vertical-align:middle;font-size:.75rem;transition:color var(--tr)}.wl-dns__copy:hover{color:var(--c-primary-h)}.wl-dns__note{display:flex;align-items:flex-start;gap:var(--sp2);font-size:var(--text-xs);color:var(--c-muted);line-height:1.55;background:var(--c-surface-alt);border-radius:var(--r-md);padding:var(--sp3)}.wl-dns__note svg{flex-shrink:0;margin-top:1px;color:var(--c-primary)}.wl-dns-locked{display:flex;align-items:center;justify-content:space-between;gap:var(--sp3);background:var(--c-surface-alt);border:1px solid var(--c-border);border-radius:var(--r-xl);padding:var(--sp4) var(--sp5)}.wl-dns-locked__text{font-size:var(--text-xs);color:var(--c-muted)}.dev-btn--sm{padding:var(--sp2) var(--sp4);font-size:var(--text-xs)}@media (max-width:1024px){.wl-layout{grid-template-columns:1fr}.wl-preview-col{position:static;order:-1}.wl-preview__widget{max-width:100%}}@media (max-width:640px){.wl-lock-banner{flex-direction:column}.dash-size-row{grid-template-columns:1fr}.wl-dns__row{grid-template-columns:60px 1fr;grid-template-rows:auto auto}.wl-dns__row span:nth-child(3),.wl-dns__row--head span:nth-child(3){grid-column:2}.wl-dns__row span:nth-child(4),.wl-dns__row--head span:nth-child(4){display:none}}