[data-app=studio]{--surface-50:#fdf5e4;--surface-100:#ede0c8;--surface-200:#cdbfa0;--surface-300:#b4a68c;--surface-400:#9c8d78;--surface-500:#7c6e59;--surface-600:#5c4f3a;--surface-700:#473d2c;--surface-800:#332a1e;--surface-900:#1e1810;--accent-400:#d97706;--accent-500:#b45309;--accent-600:#92400e;--accent-glow:rgb(180 120 40/18%);--text-primary:var(--surface-900);--text-secondary:var(--surface-600);--text-muted:var(--surface-400);--border:var(--surface-200);--border-strong:var(--surface-400);--ghost-hover-bg:color-mix(in srgb,var(--surface-200) 50%,transparent);--login-bg:var(--surface-50);--login-blob-1:#b45309;--login-blob-2:#92400e;--login-blob-3:#d97706;--btn-gradient-start:#b45309;--btn-gradient-end:#92400e;--shadow-accent:0 4px 20px rgb(180 120 40/35%)}[data-app=studio][data-theme=dark],[data-theme=dark] [data-app=studio]{--surface-50:#131316;--surface-100:#1c1c21;--surface-200:#2c2c33;--surface-300:#53535c;--surface-400:#7a7a85;--surface-500:#9999a3;--surface-600:#b8b8c2;--surface-700:#bfbfc8;--surface-800:#c5c5ce;--surface-900:#ccccd4;--text-primary:var(--surface-900);--text-secondary:var(--surface-600);--text-muted:var(--surface-400);--border:var(--surface-200);--border-strong:var(--surface-400);--ghost-hover-bg:color-mix(in srgb,var(--surface-300) 40%,transparent);--login-bg:var(--surface-50)}.dashboard-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:640px){.dashboard-stats{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.dashboard-stats{grid-template-columns:repeat(6,1fr)}}.dashboard-stat{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border);background-color:var(--surface-100);transition:border-color .15s ease}.dashboard-stat--link{text-decoration:none;cursor:pointer}.dashboard-stat--link:hover{border-color:var(--border-strong)}.dashboard-stat--accent{border-color:color-mix(in srgb,var(--accent-500) 35%,transparent);background-color:color-mix(in srgb,var(--accent-500) 5%,var(--surface-100))}.dashboard-stat--accent .dashboard-stat__icon{background-color:color-mix(in srgb,var(--accent-500) 12%,transparent);color:var(--accent-500)}.dashboard-stat--accent .dashboard-stat__value{color:var(--accent-500)}.dashboard-stat__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background-color:color-mix(in srgb,var(--surface-200) 60%,transparent);color:var(--text-secondary)}.dashboard-stat__icon svg{width:1.125rem;height:1.125rem}.dashboard-stat__body{display:flex;flex-direction:column;gap:.125rem;min-width:0}.dashboard-stat__value{font-size:1.5rem;font-weight:700;line-height:1.2;color:var(--text-primary)}.dashboard-stat__label{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-chart{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border);background-color:var(--surface-100)}.dashboard-chart__header{display:flex;align-items:center;justify-content:space-between}.dashboard-chart__body{height:14rem}.dashboard-chart__skeleton{height:100%;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--surface-200) 25%,color-mix(in srgb,var(--surface-200) 50%,transparent) 50%,var(--surface-200) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease infinite}.dashboard-chart__empty{height:100%;display:flex;align-items:center;justify-content:center}@layer components{.main-content{position:relative}.sidebar-toggle-btn{display:inline-flex;align-items:center;justify-content:center;inline-size:2rem;block-size:2rem;border-radius:.5rem;border:1px solid var(--border);background-color:var(--surface-100);color:var(--text-secondary);cursor:pointer;flex:0 0 auto;transition:color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1)}.sidebar-toggle-btn:hover{color:var(--text-primary);background-color:var(--surface-200);border-color:var(--accent-500)}.sidebar-toggle-btn:focus-visible{outline:none;border-color:var(--accent-500);box-shadow:0 0 0 .1875rem color-mix(in srgb,var(--accent-500) 22%,transparent)}.page-header__title-row{display:flex;align-items:center;gap:.75rem}}.route-loading-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--surface-50) 50%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:route-overlay-in .1s ease forwards}.route-loading-bars{display:flex;align-items:flex-end;gap:.5rem;height:3.5rem}.route-loading-bars span{display:block;width:.375rem;border-radius:.25rem;background-color:var(--accent-500);animation:route-bar-wave 1s ease-in-out infinite}.route-loading-bars span:first-child{animation-delay:0s;height:40%}.route-loading-bars span:nth-child(2){animation-delay:.15s;height:70%}.route-loading-bars span:nth-child(3){animation-delay:.3s;height:100%}.route-loading-bars span:nth-child(4){animation-delay:.45s;height:70%}.route-loading-bars span:nth-child(5){animation-delay:.6s;height:40%}@keyframes route-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes route-bar-wave{0%,to{transform:scaleY(.35);opacity:.5}50%{transform:scaleY(1);opacity:1}}.generate-wizard{display:flex;flex-direction:column;gap:1.5rem}.generate-wizard__step{display:flex;flex-direction:column;gap:1rem}.generate-wizard__step--save{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media(max-width:768px){.generate-wizard__step--save{grid-template-columns:1fr}}.generate-wizard__step-intro{display:flex;align-items:center;justify-content:space-between;gap:1rem}.generate-wizard__chip-grid{display:flex;flex-wrap:wrap;gap:.5rem}.generate-wizard__chip{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:9999px;border:1.5px solid var(--border);background-color:var(--surface-50);color:var(--text-primary);font-size:.875rem;font-weight:500;line-height:1.2;cursor:pointer;text-transform:capitalize;transition:border-color .12s ease,background-color .12s ease,color .12s ease,box-shadow .12s ease}.generate-wizard__chip:hover{border-color:var(--border-strong);background-color:var(--surface-100)}.generate-wizard__chip:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.generate-wizard__chip--selected{border-color:var(--accent-500);background-color:var(--accent-500);color:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-500) 20%,transparent)}.generate-wizard__chip--selected:hover{border-color:var(--accent-600);background-color:var(--accent-600)}.generate-wizard__toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.generate-wizard__search{flex:1;min-width:12rem}.generate-wizard__bulk-actions{display:flex;gap:.375rem}.generate-wizard__selection-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;background-color:color-mix(in srgb,var(--accent-500) 12%,transparent);color:var(--accent-500);white-space:nowrap;flex-shrink:0}.generate-wizard__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.75rem}.generate-wizard__product-card{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:.625rem;border-radius:.75rem;border:1.5px solid var(--border);background-color:var(--surface-50);cursor:pointer;text-align:left;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.generate-wizard__product-card:hover{border-color:var(--border-strong);box-shadow:0 2px 8px -2px rgba(0,0,0,.12)}.generate-wizard__product-card--selected{border-color:var(--accent-500);background-color:color-mix(in srgb,var(--accent-500) 6%,var(--surface-50));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-500) 20%,transparent)}.generate-wizard__product-card--skeleton{min-height:11rem;background:linear-gradient(90deg,var(--surface-100) 25%,var(--surface-200) 50%,var(--surface-100) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease infinite;cursor:default}.generate-wizard__product-check{position:absolute;top:.375rem;right:.375rem;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:9999px;background-color:var(--accent-500);color:#fff;font-size:.625rem;font-weight:700;line-height:1}.generate-wizard__product-img-wrap{width:100%;aspect-ratio:1/1;border-radius:.5rem;overflow:hidden;background-color:var(--surface-100);flex-shrink:0}.generate-wizard__product-img{width:100%;height:100%;object-fit:cover;display:block}.generate-wizard__product-img-placeholder{width:100%;height:100%;background-color:var(--surface-200)}.generate-wizard__product-info{display:flex;flex-direction:column;gap:.125rem}.generate-wizard__product-title{font-size:.75rem;line-height:1.3;color:var(--text-primary);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.generate-wizard__product-price{font-size:.6875rem;color:var(--text-muted);font-weight:600}.generate-wizard__product-category{font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.generate-wizard__empty{padding:3rem 1.5rem;text-align:center;border:1px dashed var(--border);border-radius:.75rem}.generate-wizard__selected-strip{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.75rem;border:1px solid var(--border);background-color:var(--surface-100)}.generate-wizard__selected-thumbs{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.generate-wizard__selected-thumb{width:2rem;height:2rem;border-radius:.375rem;overflow:hidden;border:1px solid var(--border);flex-shrink:0}.generate-wizard__selected-thumb img{width:100%;height:100%;object-fit:cover;display:block}.generate-wizard__selected-thumb-placeholder{width:100%;height:100%;background-color:var(--surface-200)}.generate-wizard__nav{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid var(--border);margin-top:.5rem}.generate-wizard__prompt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:.75rem}.generate-wizard__prompt-card{position:relative;display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:.75rem;border:1.5px solid var(--border);background-color:var(--surface-50);cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.generate-wizard__prompt-card:hover{border-color:var(--border-strong)}.generate-wizard__prompt-card--selected{border-color:var(--accent-500);background-color:color-mix(in srgb,var(--accent-500) 5%,var(--surface-50));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-500) 20%,transparent)}.generate-wizard__prompt-card--skeleton{min-height:7rem;background:linear-gradient(90deg,var(--surface-100) 25%,var(--surface-200) 50%,var(--surface-100) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease infinite;cursor:default}.generate-wizard__prompt-radio{margin-top:.125rem;accent-color:var(--accent-500);flex-shrink:0}.generate-wizard__prompt-info{display:flex;flex-direction:column;gap:.375rem;min-width:0}.generate-wizard__prompt-style{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.generate-wizard__prompt-preview{font-size:.8125rem;line-height:1.5;color:var(--text-secondary);-webkit-line-clamp:3}.generate-wizard__prompt-neg,.generate-wizard__prompt-preview{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.generate-wizard__prompt-neg{font-size:.75rem;color:var(--text-muted);-webkit-line-clamp:1}.generate-wizard__prompt-check{position:absolute;top:.625rem;right:.625rem;display:inline-flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;border-radius:9999px;background-color:var(--accent-500);color:#fff;font-size:.6875rem;font-weight:700}.generate-wizard__generating{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;border:1px dashed var(--border);border-radius:.75rem;text-align:center}.generate-wizard__spinner{width:2.5rem;height:2.5rem;border-radius:9999px;border:3px solid var(--border);border-top-color:var(--accent-500);animation:spin .8s linear infinite}.generate-wizard__generate-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;border:1px dashed var(--border);border-radius:.75rem;text-align:center}.generate-wizard__result{display:flex;flex-direction:column;gap:.75rem}.generate-wizard__result-img-wrap{border-radius:.75rem;overflow:hidden;border:1px solid var(--border);max-width:42rem}.generate-wizard__result-img{width:100%;height:auto;display:block}.generate-wizard__result-actions{display:flex;gap:.5rem}.generate-wizard__prompt-result{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border:1.5px solid var(--border);border-radius:.75rem;background-color:var(--surface-50)}.generate-wizard__prompt-result-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.generate-wizard__prompt-textarea{resize:vertical;font-family:inherit;font-size:.875rem;line-height:1.6;color:var(--text-primary);background-color:var(--surface-100)}.generate-wizard__prompt-instructions{padding:.75rem 1rem;border-radius:.5rem;background-color:color-mix(in srgb,var(--accent-500) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent-500) 20%,transparent)}.generate-wizard__prompt-result-footer{display:flex;justify-content:flex-end;padding-top:.25rem;border-top:1px solid var(--border)}.generate-wizard__bridge-waiting{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;border-radius:.5rem;background-color:color-mix(in srgb,var(--accent-500) 6%,transparent);border:1px solid color-mix(in srgb,var(--accent-500) 20%,transparent)}.generate-wizard__bridge-error{display:flex;flex-direction:column;gap:.25rem;padding:.875rem 1rem;border-radius:.5rem;background-color:color-mix(in srgb,var(--color-danger) 6%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 20%,transparent)}.generate-wizard__upload-section{display:flex;flex-direction:column;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border)}.generate-wizard__file-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1.5rem;border:2px dashed var(--border);border-radius:.75rem;cursor:pointer;transition:border-color .12s ease,background-color .12s ease;text-align:center}.generate-wizard__file-drop:hover{border-color:var(--accent-500);background-color:color-mix(in srgb,var(--accent-500) 4%,transparent)}.generate-wizard__file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.generate-wizard__reupload-btn{position:relative;align-self:flex-start}.generate-wizard__save-preview{display:flex;flex-direction:column;gap:1rem;position:sticky;top:1rem}.generate-wizard__save-img{width:100%;height:auto;border-radius:.75rem;display:block;border:1px solid var(--border)}.generate-wizard__save-products{display:flex;flex-direction:column;gap:.5rem}.generate-wizard__save-product-list{display:flex;flex-direction:column;gap:.375rem;max-height:14rem;overflow-y:auto;padding-right:.25rem}.generate-wizard__save-product-row{display:flex;align-items:center;gap:.625rem}.generate-wizard__save-product-thumb{width:2rem;height:2rem;border-radius:.375rem;object-fit:cover;flex-shrink:0;border:1px solid var(--border)}.generate-wizard__save-product-thumb--empty{background-color:var(--surface-200)}.generate-wizard__save-form{display:flex;flex-direction:column;gap:1rem}@keyframes spin{to{transform:rotate(1turn)}}.generate-wizard__image-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.generate-wizard__image-grid{grid-template-columns:repeat(2,1fr)}}.generate-wizard__image-cell{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:var(--surface-50);border:1px solid var(--border);border-radius:.75rem}.generate-wizard__image-cell--scene{border-color:var(--accent-300)}.generate-wizard__image-cell__label{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.generate-wizard__image-cell__image-wrap{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;border-radius:.5rem;background-color:var(--surface-100)}.generate-wizard__image-cell__image{width:100%;height:100%;object-fit:cover;display:block}.generate-wizard__image-cell__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted)}.generate-wizard__image-cell__actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.generate-wizard__image-cell__file-input{display:none}.generate-wizard__prompt-card--collapsible{border:1px solid var(--border);border-radius:.75rem;background-color:var(--surface-50);padding:0}.generate-wizard__prompt-card--collapsible__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;cursor:pointer}.generate-wizard__prompt-card--collapsible__header>.label--uppercase{flex:1;min-width:0}.generate-wizard__prompt-card--collapsible__header>.caption{flex-shrink:0;white-space:nowrap}.generate-wizard__prompt-card--collapsible__body{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:.5rem}.page-toolbar--actions{justify-content:flex-end}.product-filters{align-items:stretch;gap:.75rem}.product-filters__field{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.product-filters__field>.multi-select-combobox{width:100%;min-width:0}.product-filters>.input.product-filters__field{width:100%}.product-filters__search-btn{flex-shrink:0;margin-inline-start:auto}@layer components{.setup-card{position:relative;display:flex;flex-direction:column;gap:.875rem;padding:.875rem;border-radius:1rem;border:1px solid var(--border);background-color:var(--surface-50);box-shadow:var(--shadow-sm,0 .0625rem .125rem rgba(0,0,0,.05));transition:border-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),box-shadow var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),transform var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.setup-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow,0 .0625rem .1875rem rgba(0,0,0,.08));transform:translateY(-.125rem)}.setup-card__media{position:relative;aspect-ratio:2/3;width:100%;overflow:visible;border-radius:.75rem;background-color:var(--surface-100)}.setup-card__media-clip{position:absolute;inset:0;border-radius:.75rem;overflow:hidden}.setup-card__delete-btn{position:absolute;top:-.5rem;right:-.5rem;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;border:none;background-color:var(--color-danger);color:#fff;font-size:1.125rem;line-height:1;cursor:pointer;transition:background-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.setup-card__delete-btn:hover{background-color:var(--color-danger-hover,color-mix(in srgb,var(--color-danger) 80%,black))}.setup-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-base,.25s) var(--ease-out,cubic-bezier(.16,1,.3,1))}.setup-card:hover .setup-card__image{transform:scale(1.02)}.setup-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-500) 8%,var(--surface-100)),var(--surface-100));color:var(--text-muted);font-size:1.5rem}.setup-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.625rem}.setup-card__title-link{flex:1;min-width:0;text-decoration:none;color:inherit}.setup-card__title-link:hover .setup-card__title{color:var(--accent-600)}.setup-card__title{flex:1;min-width:0;margin:0;font-size:1rem;font-weight:600;line-height:1.4;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.setup-card__tags{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.setup-card__tag{display:inline-flex;padding:.1875rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:500;background-color:color-mix(in srgb,var(--accent-500) 12%,transparent);color:var(--accent-500)}.setup-card__tag-edit{display:inline-flex;align-items:center;gap:.25rem;padding:.3125rem .75rem;font-size:.75rem;font-weight:500;color:var(--text-secondary);background-color:var(--surface-50);border:1px solid var(--border);cursor:pointer;border-radius:9999px;transition:color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),background-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),border-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.setup-card__tag-edit:before{content:"✎";font-size:.75rem;line-height:1}.setup-card__tag-edit:hover{color:var(--accent-500);border-color:var(--accent-500);background-color:color-mix(in srgb,var(--accent-500) 8%,var(--surface-50))}.setup-card__tag-picker{display:flex;flex-direction:column;gap:.5rem;padding:.625rem;border-radius:.625rem;background-color:var(--surface-100);border:1px solid var(--border)}.setup-card__tag-options{display:flex;flex-wrap:wrap;gap:.375rem}.setup-card__tag-option{display:inline-flex;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;border:1px solid var(--border);background-color:var(--surface-50);color:var(--text-secondary);cursor:pointer;transition:background-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),border-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.setup-card__tag-option:hover{border-color:var(--border-strong)}.setup-card__tag-option--active{background-color:var(--accent-500);border-color:var(--accent-500);color:#fff}.setup-card__tag-option--active:hover{background-color:var(--accent-600);border-color:var(--accent-600)}.setup-card__tag-empty{margin:0;font-size:.75rem;color:var(--text-muted)}.setup-card__badge{display:inline-flex;align-items:center;gap:.4375rem;padding:.25rem .625rem .25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;line-height:1;white-space:nowrap}.setup-card__badge:before{content:"";width:.4375rem;height:.4375rem;border-radius:9999px;background-color:currentcolor;animation:setup-card-blink 1.4s var(--ease-in-out,cubic-bezier(.4,0,.2,1)) infinite}.setup-card__badge--draft{background-color:color-mix(in srgb,var(--text-muted) 12%,transparent);color:var(--text-secondary)}.setup-card__badge--ready{background-color:color-mix(in srgb,var(--color-warning) 12%,transparent);color:var(--color-warning)}.setup-card__badge--posted{background-color:var(--color-success-subtle);color:var(--color-success)}.setup-card__actions{display:flex;flex-direction:column;gap:.625rem;padding-top:.25rem;margin-top:auto}.setup-card__publish-list{display:flex;flex-direction:column;gap:.375rem}.setup-card__publish-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.375rem .625rem;min-height:2.5rem;border-radius:.5rem;background-color:var(--surface-100)}.setup-card__publish-row--posted{background-color:color-mix(in srgb,var(--color-success) 6%,var(--surface-100));border:1px solid var(--color-success-border)}.setup-card__publish-platform{display:flex;align-items:center;gap:.375rem;min-width:0;flex:1;overflow:hidden}.setup-card__publish-icon{flex-shrink:0;font-size:.875rem;line-height:1}.setup-card__publish-name{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.setup-card__publish-date{font-size:.75rem;color:var(--text-muted)}.setup-card__publish-check{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background-color:var(--color-success);color:#fff;font-size:.875rem;font-weight:600;text-decoration:none}.setup-card__publish-check svg{width:.875rem;height:.875rem}.setup-card__publish-check--link{transition:background-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.setup-card__publish-check--link:hover{background-color:color-mix(in srgb,var(--color-success) 80%,black)}.setup-card__publish-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;border:none;background-color:var(--accent-500);color:#fff;font-size:.875rem;font-weight:600}.setup-card__publish-btn svg{width:.875rem;height:.875rem}.setup-card__publish-btn{cursor:pointer;transition:background-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),opacity var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.setup-card__publish-btn:hover:not(:disabled){background-color:var(--accent-600)}.setup-card__publish-btn:disabled{opacity:.45;cursor:not-allowed}.setup-card__publish-btn--posted{background-color:var(--color-success)}.setup-card__publish-btn--pending{background-color:var(--color-warning)}@keyframes setup-card-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.setup-card--skeleton{pointer-events:none}.setup-card--skeleton:hover{transform:none;border-color:var(--border);box-shadow:var(--shadow-sm,0 .0625rem .125rem rgba(0,0,0,.05))}.setup-card-skeleton__rows{display:flex;flex-direction:column;gap:.5rem}.setup-card-skeleton__actions{display:flex;gap:.5rem}.skeleton.skeleton--block{display:block;width:100%;height:100%;border-radius:inherit}}.setup-detail__meta{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.setup-detail__meta-item{display:flex;flex-direction:column;gap:.125rem}.setup-detail__hero{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:stretch}@media(min-width:768px){.setup-detail__hero{grid-template-columns:minmax(0,28rem) minmax(0,1fr)}}.setup-detail__image-wrap{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:.75rem;background-color:var(--surface-100);border:1px solid var(--border)}.setup-detail__image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.setup-detail__image-wrap--hero{width:100%}.setup-detail__action-bar{flex-wrap:wrap;justify-content:center}.setup-detail__action-bar,.setup-detail__products{display:flex;gap:.5rem;padding:1rem;background-color:var(--surface-50);border:1px solid var(--border);border-radius:.75rem}.setup-detail__products{flex-direction:column}.setup-detail__product-row{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.5rem;color:inherit;text-decoration:none;background:rgba(0,0,0,0);border:0;width:100%;text-align:left;font:inherit}.setup-detail__product-row:hover{background-color:var(--surface-100)}.setup-detail__product-row--link{cursor:pointer}.setup-detail__product-row--link:hover{background-color:var(--surface-200)}.setup-detail__product-thumb{width:3rem;height:3rem;border-radius:.375rem;overflow:hidden;background-color:var(--surface-100);flex-shrink:0}.setup-detail__product-thumb img{width:100%;height:100%;object-fit:cover}.setup-detail__product-thumb--focus{width:3.5rem;height:5.25rem;border-radius:.5rem}.setup-detail__product-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.setup-detail__side{gap:1rem;min-width:0}.setup-detail__description,.setup-detail__side{display:flex;flex-direction:column;min-height:0}.setup-detail__description{gap:.5rem;padding:1rem;background-color:var(--surface-50);border:1px solid var(--border);border-radius:.75rem;flex:1 1 auto}.setup-detail__description p{margin:0;white-space:pre-wrap;font-size:1rem;line-height:1.6}.setup-detail__publishing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:1rem;background-color:var(--surface-50);border:1px solid var(--border);border-radius:.75rem;flex:0 0 auto}@media(min-width:768px){.setup-detail__publishing{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}.setup-detail__publishing-cell{display:flex;flex-direction:column;gap:.25rem;min-width:0}.setup-detail__publishing-actions{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.25rem}.research-panel{display:flex;gap:0;height:calc(100vh - 8rem);overflow:hidden}.research-panel__filter{width:23.75rem;flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.research-panel__results{flex:1;overflow-y:auto;padding:1.5rem}.research-filter{display:flex;flex-direction:column;gap:1.25rem}.research-filter__title{margin:0}.research-filter__form{display:flex;flex-direction:column;gap:1rem}.research-filter__divider{border:none;border-top:1px solid var(--border);margin:0}.research-filter__history-title{margin-bottom:.5rem}.research-filter__history-list{display:flex;flex-direction:column;gap:.25rem}.research-history-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:var(--radius-sm);cursor:pointer;border:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0);width:100%;text-align:left;gap:.5rem}.research-history-item:hover{background-color:var(--surface-100);border-color:var(--border)}.research-history-item__meta{display:flex;flex-direction:column;gap:.125rem;min-width:0}.research-history-item__date{flex-shrink:0}.research-results{display:flex;flex-direction:column;gap:1rem;height:100%}.research-results__header{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.research-results__banner{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;background-color:var(--surface-100);border:1px solid var(--border)}.research-results__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;align-content:start}@media(max-width:900px){.research-results__grid{grid-template-columns:1fr}}.research-results__empty,.research-results__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;height:100%;text-align:center;padding:3rem}.research-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background-color:var(--surface-50)}.research-card__price{display:flex;align-items:center;gap:.375rem}.research-card__fit-reason{font-style:italic;padding-top:.25rem;border-top:1px solid var(--border);margin-top:.25rem}.research-card__footer{display:flex;justify-content:flex-end;margin-top:.25rem}.research-skeleton{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background-color:var(--surface-50)}.research-skeleton__line{border-radius:.25rem;background-color:var(--surface-200);animation:research-shimmer 1.4s infinite}.research-skeleton__line--title{height:1.125rem;width:75%}.research-skeleton__line--text{height:.875rem;width:100%}.research-skeleton__line--text-short{height:.875rem;width:50%}@keyframes research-shimmer{0%,to{opacity:1}50%{opacity:.4}}.products-page{display:flex;flex-direction:column;min-height:100%;margin:-1rem}@media(min-width:768px){.products-page{margin:-1rem -2rem -2rem}}.products-page__content{flex:1}.tab-bar{display:flex;gap:0;border-bottom:1px solid var(--border);flex-shrink:0;padding:0 1rem}@media(min-width:768px){.tab-bar{padding:0 2rem}}.tab-bar__tab{padding:.75rem 1.25rem;background:rgba(0,0,0,0);cursor:pointer;border:none;border-bottom:2px solid rgba(0,0,0,0);margin-bottom:-1px;color:var(--text-secondary)}.tab-bar__tab:hover{color:var(--text-primary)}.tab-bar__tab--active{border-bottom-color:var(--accent-500);color:var(--accent-500)}.analytics-toolbar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:var(--surface-100);border:1px solid var(--border);border-radius:.75rem}.analytics-toolbar__group{display:inline-flex;align-items:center;gap:.5rem}.analytics-toolbar__label{color:var(--text-secondary)}.analytics-toolbar__spacer{flex:1 1 auto}.analytics-toolbar__chip{display:inline-flex;align-items:center;height:2rem;padding:0 .875rem;border:1px solid var(--border);border-radius:9999px;background-color:var(--surface-50);color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.analytics-toolbar__chip:hover{border-color:var(--border-strong);color:var(--text-primary)}.analytics-toolbar__chip--active{background-color:var(--accent-500);border-color:var(--accent-500);color:#fff}.analytics-toolbar__chip:focus-visible{outline:none;box-shadow:0 0 0 .1875rem var(--accent-glow)}.analytics-toolbar__date{height:2rem;padding:0 .625rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--surface-50);color:var(--text-primary)}.analytics-toolbar__date:focus-visible{outline:none;box-shadow:0 0 0 .1875rem var(--accent-glow);border-color:var(--accent-500)}.analytics-toolbar__select{height:2rem;padding:0 .625rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--surface-50);color:var(--text-primary)}.analytics-toolbar__select:focus-visible{outline:none;box-shadow:0 0 0 .1875rem var(--accent-glow);border-color:var(--accent-500)}.kpi-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}.kpi-card{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem;background-color:var(--surface-50);border:1px solid var(--border);border-radius:.875rem}.kpi-card__label{color:var(--text-secondary)}.kpi-card__value{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.1}.kpi-card__hint{color:var(--text-muted)}.analytics-card{background-color:var(--surface-50);border:1px solid var(--border);border-radius:.875rem;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.analytics-card__header{display:flex;align-items:center;justify-content:space-between}.analytics-card__title{color:var(--text-primary);font-size:1.125rem;font-weight:600}.analytics-card__empty{padding:3rem 1rem;text-align:center;color:var(--text-muted)}.analytics-chart{width:100%;height:18rem;min-width:0;position:relative}.analytics-table{width:100%;border-collapse:collapse}.analytics-table__head{text-align:left;color:var(--text-muted);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.analytics-table__th{padding:.625rem .75rem;white-space:nowrap}.analytics-table__row,.analytics-table__th{border-bottom:1px solid var(--border)}.analytics-table__row:hover{background-color:var(--surface-100)}.analytics-table__cell{padding:.75rem;color:var(--text-primary);vertical-align:middle}.analytics-table__thumb{width:2.5rem;height:2.5rem;border-radius:.5rem;object-fit:cover;background-color:var(--surface-100);border:1px solid var(--border)}.analytics-table__badge{display:inline-flex;align-items:center;height:1.5rem;padding:0 .625rem;border-radius:9999px;background-color:var(--surface-100);color:var(--text-secondary);font-size:.75rem}.analytics-table__numeric{text-align:right;color:var(--text-primary);font-weight:600}.analytics-table__muted{color:var(--text-muted)}.analytics-table__sources{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.analytics-table__source-item{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.prompt-editor{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:1024px){.prompt-editor{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.prompt-editor__form{gap:1rem}.prompt-editor__form,.prompt-editor__preview{display:flex;flex-direction:column;min-width:0}.prompt-editor__preview{gap:.75rem}@media(min-width:1024px){.prompt-editor__preview{position:sticky;top:1rem;align-self:start;max-height:calc(100vh - 2rem)}}.prompt-editor__section{display:flex;flex-direction:column;gap:.375rem}.prompt-editor__section-label{color:var(--text-primary)}.prompt-editor__section-hint{color:var(--text-muted)}.prompt-editor__section--invalid .input,.prompt-editor__section--invalid textarea.input{border-color:var(--color-danger)}.prompt-editor__section-error{color:var(--color-danger)}.prompt-editor__example-card,.prompt-editor__examples{display:flex;flex-direction:column;gap:.5rem}.prompt-editor__example-card{padding:.75rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--surface-50)}.prompt-editor__variables-table{display:grid;grid-template-columns:1fr 1fr auto auto auto;gap:.5rem;align-items:center}.prompt-editor__preview-output{flex:1;overflow:auto;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--surface-50);color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.prompt-card{gap:.625rem}.prompt-card,.prompt-card__header{display:flex;flex-direction:column}.prompt-card__header{gap:.5rem;padding-bottom:.625rem;border-bottom:1px solid var(--border)}.prompt-card__title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.prompt-card__slug{margin:0;overflow:hidden;color:var(--text-primary);font-size:1rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.prompt-card__active{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.prompt-card__tags{display:flex;flex-wrap:wrap;gap:.375rem}.optimize-tool{display:flex;flex-direction:column;gap:1.5rem}.optimize-tool__section{display:flex;flex-direction:column;align-items:stretch;gap:1rem;padding:1.25rem;background-color:var(--surface-100);border:1px solid var(--surface-200);border-radius:.5rem}.optimize-tool__section>*{min-width:0}.optimize-tool__dropzone{display:flex;align-items:center;justify-content:center;width:100%;min-height:12rem;padding:2rem;border:1px dashed var(--surface-300,var(--surface-200));border-radius:.375rem;background-color:var(--surface-50);color:var(--text-secondary);cursor:pointer;text-align:center;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.optimize-tool__dropzone:focus-visible,.optimize-tool__dropzone:hover{border-color:var(--accent-500);color:var(--text-primary);outline:none}.optimize-tool__dropzone--active{border-color:var(--accent-500);background-color:var(--accent-glow);color:var(--text-primary)}.optimize-tool__file-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid var(--surface-200)}.optimize-tool__file-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1 1 auto}.optimize-tool__file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:32rem}.optimize-tool__control-block{display:flex;flex-direction:column;gap:.75rem;min-width:0}.optimize-tool__settings{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.optimize-tool__settings{grid-template-columns:1fr 1fr;gap:2rem}}.optimize-tool__formats{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none}.optimize-tool__format-row{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;min-height:2.75rem}.optimize-tool__format-row>.optimize-tool__radio{flex:0 0 auto;white-space:nowrap}.optimize-tool__quality-input .optimize-tool__dim-input{width:8rem}.optimize-tool__field{position:relative;display:inline-block}.optimize-tool__field>input{padding-top:.875rem;padding-bottom:.5rem}.optimize-tool__field>.optimize-tool__field-label{position:absolute;top:-.4375rem;left:.625rem;padding:0 .375rem;font-size:.6875rem;font-weight:500;line-height:.875rem;color:var(--text-muted);pointer-events:none;letter-spacing:.02em;z-index:1}.optimize-tool__field>.optimize-tool__field-label:before{content:"";position:absolute;inset:.375rem 0;background-color:var(--surface-100);z-index:-1}.optimize-tool__field>input:focus-visible~.optimize-tool__field-label{color:var(--accent-500)}.optimize-tool__radio{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.optimize-tool__radio input[type=radio]{accent-color:var(--accent-500)}.optimize-tool__dim-input{width:14rem;padding:.5rem .75rem;border:1px solid var(--surface-200);border-radius:.375rem;background-color:var(--surface-50);color:var(--text-primary)}.optimize-tool__dim-input:focus-visible{outline:none;border-color:var(--accent-500)}.optimize-tool__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.optimize-tool__preview-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.optimize-tool__preview-grid{grid-template-columns:repeat(3,1fr)}}.optimize-tool__panel{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:var(--surface-50);border:1px solid var(--surface-200);border-radius:.5rem}.optimize-tool__preview-frame{display:flex;align-items:center;justify-content:center;width:100%;height:18rem;background-color:var(--surface-100);border-radius:.375rem;overflow:hidden}.optimize-tool__preview-img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.optimize-tool__urls{display:flex;flex-direction:column;gap:.5rem}.optimize-tool__url-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background-color:var(--surface-50);border:1px solid var(--surface-200);border-radius:.375rem}.optimize-tool__url-row code{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.hidden{display:none}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.flex-col-reverse{flex-direction:column-reverse}.flex-row-reverse{flex-direction:row-reverse}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:w-80{width:20rem}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-4{column-gap:1rem}.gap-x-6{column-gap:1.5rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-inline:.5rem}.px-3{padding-inline:.75rem}.px-4{padding-inline:1rem}.px-6{padding-inline:1.5rem}.py-0\.5{padding-block:.125rem}.py-1{padding-block:.25rem}.py-1\.5{padding-block:.375rem}.py-2{padding-block:.5rem}.py-3{padding-block:.75rem}.py-4{padding-block:1rem}.py-8{padding-block:2rem}.py-16{padding-block:4rem}.pt-3{padding-top:.75rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pl-4{padding-left:1rem}.m-0{margin:0}.mx-1{margin-inline:.25rem}.mx-auto{margin-inline:auto}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-px{margin-bottom:1px}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-6>*+*{margin-top:1.5rem}.space-x-2>*+*{margin-left:.5rem}.w-2\.5{width:.625rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-24{width:6rem}.w-32{width:8rem}.w-48{width:12rem}.w-64{width:16rem}.w-80{width:20rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-32{min-width:8rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-\[200px\]{max-width:200px}.h-2\.5{height:.625rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-32{height:8rem}.h-48{height:12rem}.h-80{height:20rem}.h-full{height:100%}.min-h-\[5rem\]{min-height:5rem}.min-h-\[6rem\]{min-height:6rem}.min-h-\[8rem\]{min-height:8rem}.max-h-\[90vh\]{max-height:90vh}.aspect-square{aspect-ratio:1/1}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.z-40{z-index:40}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.border{border-width:1px;border-style:solid}.border-0{border-width:0}.border-2{border-width:2px;border-style:solid}.border-t{border-top-width:1px;border-top-style:solid}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-b-2{border-bottom-width:2px;border-bottom-style:solid}.border-dashed{border-style:dashed}.border-transparent{border-color:rgba(0,0,0,0)}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.text-white{color:#fff}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-error{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-surface-50{color:var(--surface-50)}.text-surface-300{color:var(--surface-300)}.text-surface-400{color:var(--surface-400)}.text-surface-500{color:var(--surface-500)}.text-surface-600{color:var(--surface-600)}.text-surface-700{color:var(--surface-700)}.text-surface-800{color:var(--surface-800)}.text-surface-900{color:var(--surface-900)}.text-accent-500{color:var(--accent-500)}.text-accent-600{color:var(--accent-600)}.bg-black{background-color:#000}.bg-surface-50{background-color:var(--surface-50)}.bg-surface-100{background-color:var(--surface-100)}.bg-surface-200{background-color:var(--surface-200)}.bg-surface-900{background-color:var(--surface-900)}.bg-accent-500{background-color:var(--accent-500)}.bg-accent-600{background-color:var(--accent-600)}.bg-black\/30{background-color:color-mix(in srgb,#000 30%,transparent)}.bg-black\/50{background-color:color-mix(in srgb,#000 50%,transparent)}.bg-surface-200\/30{background-color:color-mix(in srgb,var(--surface-200) 30%,transparent)}.bg-surface-200\/40{background-color:color-mix(in srgb,var(--surface-200) 40%,transparent)}.bg-surface-200\/50{background-color:color-mix(in srgb,var(--surface-200) 50%,transparent)}.bg-accent-600\/5{background-color:color-mix(in srgb,var(--accent-600) 5%,transparent)}.bg-accent-600\/10{background-color:color-mix(in srgb,var(--accent-600) 10%,transparent)}.bg-accent-600\/20{background-color:color-mix(in srgb,var(--accent-600) 20%,transparent)}.border-surface-100{border-color:var(--surface-100)}.border-surface-200{border-color:var(--surface-200)}.border-surface-300{border-color:var(--surface-300)}.border-surface-400{border-color:var(--surface-400)}.border-surface-500{border-color:var(--surface-500)}.border-surface-900{border-color:var(--surface-900)}.border-accent-500{border-color:var(--accent-500)}.border-accent-600{border-color:var(--accent-600)}.border-sidebar{border-color:var(--border)}.ring-surface-400{box-shadow:0 0 0 2px var(--surface-400)}.ring-surface-500{box-shadow:0 0 0 2px var(--surface-500)}.ring-accent-500{box-shadow:0 0 0 2px var(--accent-500)}.divide-x>*+*{border-left-width:1px;border-left-style:solid}.divide-y>*+*{border-top-width:1px;border-top-style:solid}.divide-surface-200>*+*{border-color:var(--surface-200)}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.select-none{user-select:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transition{transition-property:color,background-color,border-color,opacity,transform;transition-duration:var(--duration-base);transition-timing-function:var(--ease-in-out)}.hover\:bg-surface-200:hover{background-color:var(--surface-200)}.hover\:bg-surface-200\/30:hover{background-color:color-mix(in srgb,var(--surface-200) 30%,transparent)}.hover\:bg-surface-200\/50:hover{background-color:color-mix(in srgb,var(--surface-200) 50%,transparent)}.hover\:bg-accent-500:hover{background-color:var(--accent-500)}.hover\:bg-accent-600:hover{background-color:var(--accent-600)}.hover\:bg-accent-600\/20:hover{background-color:color-mix(in srgb,var(--accent-600) 20%,transparent)}.hover\:text-surface-600:hover{color:var(--surface-600)}.hover\:text-surface-700:hover{color:var(--surface-700)}.hover\:underline:hover{text-decoration:underline}.hover\:border-surface-400:hover{border-color:var(--surface-400)}.focus\:outline-none:focus{outline:none}.focus\:ring-1:focus{box-shadow:0 0 0 1px var(--accent-500)}.focus\:ring-2:focus,.focus\:ring-accent-500:focus{box-shadow:0 0 0 2px var(--accent-500)}.focus\:ring-surface-400:focus{box-shadow:0 0 0 2px var(--surface-400)}.focus\:ring-surface-500:focus{box-shadow:0 0 0 2px var(--surface-500)}.focus\:border-surface-500:focus{border-color:var(--surface-500)}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.placeholder\:text-surface-400::placeholder{color:var(--surface-400)}:root{--color-danger:#dc2626;--color-danger-hover:#ef4444;--color-danger-subtle:rgb(239 68 68/15%);--color-danger-border:rgb(239 68 68/30%);--color-success:#16a34a;--color-success-hover:#15803d;--color-success-subtle:rgb(34 197 94/15%);--color-success-border:rgb(34 197 94/30%);--color-warning:#ca8a04;--color-warning-subtle:rgb(234 179 8/15%);--color-warning-border:rgb(234 179 8/30%);--color-pro-bg:#fef3c7;--color-pro-text:#b45309;--radius-sm:6px;--radius:10px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px rgb(0 0 0/5%);--shadow:0 1px 3px rgb(0 0 0/8%),0 8px 24px -8px rgb(0 0 0/12%);--shadow-lg:0 4px 16px rgb(0 0 0/12%),0 24px 48px -12px rgb(0 0 0/18%);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--duration-fast:150ms;--duration-base:250ms;--duration-slow:400ms}body,html{margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--surface-50);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .2s ease,color .2s ease}a{text-decoration:none}:root{--scrollbar-thumb:rgb(0 0 0/20%);--scrollbar-thumb-hover:rgb(0 0 0/35%);--scrollbar-track:transparent}[data-theme=dark]{--scrollbar-thumb:rgb(255 255 255/15%);--scrollbar-thumb-hover:rgb(255 255 255/28%)}*,:after,:before{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@layer components{.h1{font-size:2.25rem;line-height:2.5rem}.h1,.h2{font-weight:700;letter-spacing:-.025em;color:var(--text-primary)}.h2{font-size:1.875rem;line-height:2.25rem}.h3{font-size:1.5rem;line-height:2rem;font-weight:700;color:var(--text-primary)}.h4{font-size:1.25rem}.h4,.h5{line-height:1.75rem;font-weight:600;color:var(--text-primary)}.h5{font-size:1.125rem}.h6{font-size:1rem;line-height:1.5rem;font-weight:600;color:var(--text-primary)}.display{font-size:3rem}.display,.display--lg{line-height:1;font-weight:700;letter-spacing:-.05em;color:var(--text-primary)}.display--lg{font-size:3.75rem}.page-title{margin:0;font-size:1.5rem;line-height:2rem;font-weight:700;color:var(--text-primary)}.page-subtitle{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;color:var(--text-muted)}.section-title{font-size:1.125rem;line-height:1.75rem;font-weight:600;color:var(--text-primary)}.section-subtitle{font-size:.875rem;line-height:1.25rem;color:var(--text-secondary)}.body{color:var(--text-primary)}.body,.body--secondary{font-size:1rem;line-height:1.5rem}.body--secondary{color:var(--text-secondary)}.body-sm{color:var(--text-primary)}.body-sm,.body-sm--secondary{font-size:.875rem;line-height:1.25rem}.body-sm--secondary{color:var(--text-secondary)}.caption{color:var(--text-secondary)}.caption,.caption--muted{font-size:.75rem;line-height:1rem}.caption--muted{color:var(--text-muted)}.label{color:var(--text-secondary)}.label,.label--uppercase{display:block;font-size:.75rem;line-height:1rem;font-weight:500}.label--uppercase{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.hint{font-size:.75rem;line-height:1rem;color:var(--text-muted)}.mono{font-size:.875rem;line-height:1.25rem;color:var(--text-primary)}.mono,.mono--sm{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.mono--sm{font-size:.75rem;line-height:1rem;color:var(--text-secondary)}.text-error{color:var(--color-danger)}.text-error,.text-success{font-size:.875rem;line-height:1.25rem}.text-success{color:var(--color-success)}.text-warning{font-size:.875rem;line-height:1.25rem;color:var(--color-warning)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2{-webkit-line-clamp:2;line-clamp:2}.text-truncate-2,.text-truncate-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.text-truncate-3{-webkit-line-clamp:3;line-clamp:3}.app-shell{display:flex;align-items:flex-start;min-height:100vh;background-color:var(--surface-50)}.main-content{flex:1 1 0%;min-height:100vh;padding:1rem}}@layer components{@media(min-width:768px){.main-content{padding:1rem 2rem 2rem}}}@layer components{.sidebar{display:flex;position:sticky;top:0;height:100vh;width:15rem;flex-shrink:0;flex-direction:column;background-color:rgba(0,0,0,0);border-right:.5px solid var(--border);transition:width .22s cubic-bezier(.4,0,.2,1),background-color var(--duration-base,.25s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),border-color var(--duration-base,.25s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.sidebar--collapsed{width:3.5rem}.sidebar--collapsed .sidebar__brand-name,.sidebar--collapsed .sidebar__user-info{opacity:0;pointer-events:none;width:0;overflow:hidden}.sidebar--collapsed .sidebar__header{justify-content:center;padding-inline:0}.sidebar--collapsed .sidebar__brand{flex:0 0 auto;justify-content:center;gap:0}.sidebar--collapsed .sidebar__footer{align-items:center;padding-inline:0;justify-content:center}.sidebar--collapsed .sidebar__avatar{margin:0 auto}.sidebar__header{justify-content:space-between;padding:1rem;border-bottom:.5px solid var(--border);min-height:3.5rem;flex-shrink:0}.sidebar__brand,.sidebar__header{display:flex;align-items:center;gap:.5rem}.sidebar__brand{min-width:0;flex:1 1 0%;overflow:hidden}.sidebar__logo{flex-shrink:0;border-radius:.5rem}.sidebar__brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--text-primary);transition:opacity .18s cubic-bezier(.4,0,.2,1),width .22s cubic-bezier(.4,0,.2,1)}.sidebar__collapse-btn{display:flex;align-items:center;justify-content:center;position:absolute;right:-.75rem;bottom:5rem;z-index:10;width:1.5rem;height:1.5rem;border-radius:9999px;border:1px solid var(--border-strong);background:var(--surface-100);cursor:pointer;color:var(--text-secondary);font-size:.75rem;line-height:1;box-shadow:0 .125rem .5rem -.0625rem rgba(0,0,0,.14);transition:color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.sidebar__collapse-btn:hover{color:var(--text-primary);background:var(--surface-200);border-color:var(--accent-500);box-shadow:0 .125rem .75rem -.0625rem rgba(0,0,0,.2)}.sidebar__body{flex:1 1 0%;overflow-y:auto;overflow-x:hidden;padding:1rem .75rem}.sidebar__footer{display:flex;flex-direction:column;padding:1rem;border-top:.5px solid var(--border);gap:.75rem;transition:padding .22s cubic-bezier(.4,0,.2,1)}.sidebar__footer-actions{display:flex;flex-direction:column;gap:.25rem}.sidebar__avatar{display:flex;align-items:center;justify-content:center;height:2.25rem;width:2.25rem;flex-shrink:0;border-radius:9999px;background-color:var(--surface-200);font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--text-primary)}.sidebar__user-info{min-width:0;flex:1 1 0%;transition:opacity .18s cubic-bezier(.4,0,.2,1),width .22s cubic-bezier(.4,0,.2,1)}.sidebar__user-name{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--text-primary)}.sidebar__user-email,.sidebar__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-email{font-size:.75rem;line-height:1rem;color:var(--text-muted)}.nav-list-groups{display:flex;flex-direction:column;gap:1rem}.nav-list{list-style:none;margin:0;padding:0}.nav-group,.nav-list{display:flex;flex-direction:column;gap:.25rem}.nav-group__label{padding-block:.25rem;padding-inline:.75rem}.nav-group__label,.nav-group__toggle{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.nav-group__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;padding:.25rem .75rem;background:none;border:none;font-family:inherit;transition:color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.nav-group__toggle:hover{color:var(--text-secondary)}.nav-group__toggle-chevron{display:inline-block;font-size:1.125rem;line-height:1;transition:transform var(--duration-base,.2s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.nav-group__toggle-chevron--collapsed{transform:rotate(-90deg)}.nav-item{position:relative}.nav-item[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + .5rem);top:50%;transform:translateY(-50%);white-space:nowrap;padding:.3125rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:500;line-height:1.25rem;color:var(--text-primary);background:var(--surface-100);border:1px solid var(--border);box-shadow:0 .25rem .75rem -.125rem rgba(0,0,0,.12);pointer-events:none;opacity:0;transition:opacity .12s cubic-bezier(.4,0,.2,1);z-index:50}.nav-item[data-tooltip]:hover:after{opacity:1}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.4rem .75rem .4rem calc(.75rem - 2px);border-left:2px solid rgba(0,0,0,0);font-size:.8125rem;line-height:1.25rem;font-weight:500;color:var(--text-muted);text-decoration:none;transition:color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),border-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),background var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.nav-link:hover{color:var(--text-secondary);border-left-color:var(--surface-300);background:color-mix(in srgb,var(--surface-200) 30%,transparent)}.nav-link--active{color:var(--accent-400);font-weight:600;border-left-color:var(--accent-500);background:linear-gradient(90deg,color-mix(in srgb,var(--accent-500) 10%,transparent) 0,transparent 80%)}.nav-link__icon{font-size:1rem;line-height:1;flex-shrink:0}.nav-link__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .18s cubic-bezier(.4,0,.2,1)}.sidebar--collapsed .nav-group__label,.sidebar--collapsed .nav-group__toggle{opacity:0;height:0;overflow:hidden;padding:0;margin:0;pointer-events:none}.sidebar--collapsed .nav-list{gap:.125rem}.sidebar--collapsed .nav-link{justify-content:center;padding:.5rem;border-left:none;border-radius:.5rem;gap:0}.sidebar--collapsed .nav-link:hover{border-left-color:rgba(0,0,0,0)}.sidebar--collapsed .nav-link--active{border-left-color:rgba(0,0,0,0);background:color-mix(in srgb,var(--accent-500) 14%,transparent)}.sidebar--collapsed .nav-link__label{opacity:0;width:0;overflow:hidden;pointer-events:none}.sidebar--collapsed .nav-link__icon{font-size:1.125rem}.sidebar--collapsed .nav-list-groups{gap:.5rem}}@layer components{}.brand-wordmark{display:inline-flex;align-items:baseline;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;line-height:1.1;white-space:nowrap}.brand-wordmark__name{color:var(--accent-500);font-weight:inherit}.brand-wordmark__tld{color:var(--text-muted);font-weight:inherit;font-style:italic}.brand-wordmark__prefix{color:var(--text-primary);font-weight:inherit}.brand-wordmark__separator{color:var(--text-muted);margin-inline:.375rem;font-weight:500}.brand-wordmark--stacked{flex-direction:column;align-items:flex-start;gap:.125rem;line-height:1.15}.brand-wordmark__brand-line{display:inline-flex;align-items:baseline}.brand-wordmark--sm{font-size:.875rem}.brand-wordmark--md{font-size:1rem}.brand-wordmark--lg{font-size:1.25rem}.brand-wordmark--stacked.brand-wordmark--md .brand-wordmark__brand-line{font-size:.875rem}.brand-wordmark--stacked.brand-wordmark--lg .brand-wordmark__brand-line{font-size:1rem}.brand-wordmark--stacked.brand-wordmark--sm .brand-wordmark__brand-line{font-size:.75rem}@layer components{.btn{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:.375rem;border-radius:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;font-family:inherit;border:none;background:none;user-select:none;transition:color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),background-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),border-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.btn:disabled{pointer-events:none;opacity:.4}.btn--primary{background-color:var(--accent-600);color:#fff}.btn--primary:hover{background-color:var(--accent-500)}.btn--secondary{border:1px solid var(--border);background-color:var(--surface-100);color:var(--text-primary)}.btn--secondary:hover{background-color:var(--surface-200)}.btn--ghost{color:var(--text-muted)}.btn--ghost:hover{background-color:var(--ghost-hover-bg,color-mix(in srgb,var(--surface-200) 50%,transparent));color:var(--text-secondary)}.btn--danger{background-color:var(--color-danger);color:#fff}.btn--danger:hover{background-color:var(--color-danger-hover)}.btn--accent-ghost{color:var(--accent-500)}.btn--accent-ghost:hover{background-color:var(--ghost-hover-bg,color-mix(in srgb,var(--surface-200) 50%,transparent))}.btn--primary-ghost{color:var(--accent-600)}.btn--primary-ghost:hover{background-color:var(--accent-600);color:#fff}.btn--danger-ghost{color:var(--color-danger)}.btn--danger-ghost:hover{background-color:var(--color-danger);color:#fff}.btn--xs{min-width:4rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.btn--sm{min-width:5rem;padding:.375rem .75rem}.btn--md,.btn--sm{font-size:.875rem;line-height:1.25rem}.btn--md{min-width:6rem;padding:.5rem 1rem}.btn--lg{min-width:7rem;padding:.75rem 1.5rem;font-size:1rem;line-height:1.5rem}.btn--min-xs{min-width:4rem}.btn--min-sm{min-width:5rem}.btn--min-md{min-width:6.5rem}.btn--min-lg{min-width:8rem}.btn--full{width:100%}.btn--rounded{border-radius:9999px}.btn--icon{height:2.25rem;width:2.25rem}.btn--icon,.btn--icon-sm{border-radius:9999px;padding:0}.btn--icon-sm{height:1.75rem;width:1.75rem;font-size:.75rem;line-height:1rem}.card{border-radius:.75rem;border:1px solid var(--border);background-color:var(--surface-50);box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05))}.card--hover{cursor:pointer;transition:box-shadow var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),border-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.card--hover:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);border-color:var(--border-strong)}.card--padded{padding:1.5rem}.card__header{border-bottom:1px solid var(--border);padding:1.5rem 1.5rem 1rem}.card__body{padding:1.5rem}.card__footer{border-top:1px solid var(--border);padding:1rem 1.5rem}.badge{display:inline-block;border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;white-space:nowrap}.badge--surface{background-color:var(--surface-200);color:var(--text-secondary)}.badge--accent{background-color:color-mix(in srgb,var(--accent-600) 10%,transparent);color:var(--accent-600)}.badge--pro{background-color:var(--color-pro-bg);color:var(--color-pro-text)}.badge--free{background-color:var(--surface-100);color:var(--text-muted)}.badge--plan{border-radius:.25rem;padding:.125rem .375rem}.badge--admin{background-color:color-mix(in srgb,var(--accent-500) 12%,transparent);color:var(--accent-400)}.badge--xs{padding:0 .375rem;font-size:.6875rem;line-height:1rem}.badge--success{background-color:var(--color-success-subtle);color:var(--color-success)}.badge--danger{background-color:var(--color-danger-subtle);color:var(--color-danger)}.badge--warning{background-color:var(--color-warning-subtle);color:var(--color-warning)}.modal-overlay{z-index:40;background-color:rgba(0,0,0,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:0;padding:0;cursor:default;appearance:none;-webkit-appearance:none}.modal,.modal-overlay{position:fixed;inset:0}.modal{z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.modal .modal-overlay{z-index:0}.modal__panel{position:relative;z-index:1;width:100%;max-width:28rem;border-radius:1rem;border:1px solid var(--border);background-color:var(--surface-50);padding:1.5rem;box-shadow:var(--shadow-lg,0 4px 16px rgba(0,0,0,.12),0 24px 48px -12px rgba(0,0,0,.18));animation:popoverIn var(--duration-base,.25s) var(--ease-out,cubic-bezier(.16,1,.3,1)) both}.modal__title{font-size:1.125rem;line-height:1.75rem;font-weight:600;color:var(--text-primary)}.modal__subtitle{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;color:var(--text-muted)}.modal__close{display:flex;align-items:center;justify-content:center;position:absolute;top:1rem;right:1rem;cursor:pointer;height:1.75rem;width:1.75rem;border-radius:9999px;padding:0;font-size:.75rem;line-height:1rem;color:var(--text-muted);background:none;border:none;font-family:inherit;transition:color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),background-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.modal__close:hover{background-color:color-mix(in srgb,var(--surface-200) 50%,transparent);color:var(--text-secondary)}.modal__footer{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:.5rem}.confirm-dialog{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1rem}.confirm-dialog .modal-overlay{z-index:0}.confirm-dialog__panel{position:relative;z-index:1;width:100%;max-width:24rem;border-radius:1rem;border:1px solid var(--border);background-color:var(--surface-50);padding:1.5rem;box-shadow:var(--shadow-lg,0 4px 16px rgba(0,0,0,.12),0 24px 48px -12px rgba(0,0,0,.18));animation:popoverIn var(--duration-base,.25s) var(--ease-out,cubic-bezier(.16,1,.3,1)) both}.confirm-dialog__title{margin:0;font-size:1.125rem;line-height:1.5rem;font-weight:600;color:var(--text-primary)}.confirm-dialog__message{margin:.5rem 0 0;font-size:.875rem;line-height:1.375rem;color:var(--text-secondary)}.confirm-dialog__footer{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:.5rem}.table-wrap{overflow:hidden;border-radius:.25rem;border:1px solid var(--border);background-color:var(--surface-100)}.table{width:100%;font-size:.875rem;line-height:1.25rem}.table thead{background-color:color-mix(in srgb,var(--surface-200) 40%,transparent);text-align:left;font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;color:var(--text-muted)}.table thead tr>*+*{border-left:1px solid var(--border)}.table th{display:table-cell;padding:.75rem 1rem}.table tbody>tr{border-top:1px solid var(--border);transition:color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),background-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.table tbody>tr>*+*{border-left:1px solid var(--border)}.table tbody>tr:hover{background-color:color-mix(in srgb,var(--surface-200) 30%,transparent)}.table td{display:table-cell;padding:.75rem 1rem}.table__detail-row td{background-color:color-mix(in srgb,var(--surface-200) 20%,transparent);padding:1rem}.table__skeleton-cell{padding:.75rem 1rem}.skeleton{display:inline-block;border-radius:.25rem;background:linear-gradient(90deg,var(--surface-200) 25%,color-mix(in srgb,var(--surface-300) 60%,var(--surface-200)) 50%,var(--surface-200) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton--avatar{width:2rem;height:2rem;border-radius:.25rem}.skeleton--text{height:.875rem;border-radius:.25rem}.skeleton--badge{height:1.375rem;width:4.5rem;border-radius:9999px}.skeleton--input{display:block;height:2.25rem;width:100%;border-radius:.5rem}.skeleton--label{height:.75rem;width:6rem;border-radius:.25rem}.skeleton--kpi{display:block;height:1.75rem;width:5rem;border-radius:.375rem}.skeleton--block{display:block;width:100%;border-radius:.5rem}}@layer components{}@layer components{}@layer components{}@layer components{}@layer components{@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}}@layer components{.input{border-radius:.25rem;border:1px solid var(--border);background-color:var(--surface-100);color:var(--text-primary);padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;font-family:inherit;transition:border-color var(--duration-fast,.15s) var(--ease-out,cubic-bezier(.16,1,.3,1))}.input:focus{outline:none;border-color:var(--accent-500)}.input--sm{padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.input--lg{padding:.625rem 1rem;font-size:1rem;line-height:1.5rem}.input--area{resize:none}.input--mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem}.input-group{display:flex;align-items:center;gap:.5rem}.form-field{display:flex;flex-direction:column;gap:.25rem}.pagination{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;line-height:1.25rem}.pagination__info{color:var(--text-muted)}.pagination__controls{display:flex;align-items:center;gap:.25rem}.pagination__btn{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;min-width:28px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;border-radius:.25rem;color:var(--text-muted);background:none;border:none;font-family:inherit;transition:color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),background-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.pagination__btn:hover{background-color:color-mix(in srgb,var(--surface-200) 50%,transparent);color:var(--text-secondary)}.pagination__btn--active{background-color:color-mix(in srgb,var(--accent-600) 10%,transparent);color:var(--accent-600);font-weight:600}.pagination__ellipsis{padding-inline:.25rem;font-size:.75rem;line-height:1rem;color:var(--surface-300)}.filter-strip{display:flex;gap:.25rem}.filter-btn{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;border-radius:.5rem;text-transform:capitalize;color:var(--text-muted);background:none;border:none;font-family:inherit;transition:color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),background-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.filter-btn:hover{background-color:color-mix(in srgb,var(--surface-200) 50%,transparent);color:var(--text-secondary)}.filter-btn--active{background-color:color-mix(in srgb,var(--accent-600) 10%,transparent);color:var(--accent-600);font-weight:600}.popover-trigger{display:flex;align-items:center;justify-content:center;position:fixed;top:1rem;right:1rem;z-index:50;cursor:pointer;height:2.25rem;width:2.25rem;border-radius:9999px;padding:0;border:1px solid var(--border);background-color:color-mix(in srgb,var(--surface-50) 80%,transparent);color:var(--text-secondary);box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05));font-family:inherit;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--duration-fast,.15s) var(--ease-out,cubic-bezier(.16,1,.3,1))}.popover-trigger:hover{background-color:var(--surface-100);color:var(--text-primary);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.popover-trigger__icon{display:inline-block;transition:transform var(--duration-base,.3s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.popover{position:fixed;top:3.75rem;right:1rem;left:auto;z-index:50;margin:0;flex-direction:column;border-radius:1rem;border:1px solid var(--border);padding:.75rem;background:color-mix(in srgb,var(--surface-50) 92%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);min-width:10rem;box-shadow:0 8px 32px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,.06);animation:popoverIn var(--duration-fast,.15s) var(--ease-out,cubic-bezier(.16,1,.3,1)) both}.popover,.popover__row{display:flex;gap:.75rem}.popover__row{align-items:center}.popover__label{width:3.5rem;flex-shrink:0;font-size:.75rem;line-height:1rem;font-weight:500;color:var(--text-muted)}.multi-select-combobox{position:relative;display:inline-flex;flex-direction:column;min-width:14rem}.multi-select-combobox__trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;min-height:2.25rem;padding:.25rem .625rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--surface-50);color:var(--text-primary);font-family:inherit;font-size:.875rem;cursor:pointer;transition:border-color var(--duration-fast,.15s) ease,box-shadow var(--duration-fast,.15s) ease}.multi-select-combobox__trigger:hover{border-color:var(--accent-400,var(--accent-500))}.multi-select-combobox--open .multi-select-combobox__trigger{border-color:var(--accent-500);box-shadow:0 0 0 .1875rem var(--accent-glow)}.multi-select-combobox__placeholder{color:var(--text-muted)}.multi-select-combobox__pills{display:inline-flex;flex-wrap:wrap;gap:.25rem;align-items:center;max-width:100%}.multi-select-combobox__pill{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:9999px;background-color:var(--accent-glow);color:var(--text-primary);font-size:.75rem;line-height:1.1}.multi-select-combobox__pill--overflow{background-color:var(--surface-200);color:var(--text-secondary);padding:.125rem .5rem}.multi-select-combobox__pill-label{max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select-combobox__pill-remove{display:inline-flex;align-items:center;justify-content:center;width:.875rem;height:.875rem;border:none;background:rgba(0,0,0,0);color:var(--text-secondary);cursor:pointer;font-size:.875rem;line-height:1;padding:0;border-radius:9999px}.multi-select-combobox__pill-remove:hover{background-color:var(--surface-200);color:var(--text-primary)}.multi-select-combobox__caret{color:var(--text-muted);font-size:.75rem;flex-shrink:0}.multi-select-combobox__panel{position:absolute;top:calc(100% + .25rem);left:0;right:0;z-index:40;display:flex;flex-direction:column;max-height:22rem;border:1px solid var(--border);border-radius:.75rem;background-color:var(--surface-50);box-shadow:0 .75rem 2rem -.5rem rgba(0,0,0,.18);overflow:hidden}.multi-select-combobox__search-wrap{padding:.5rem;border-bottom:1px solid var(--border)}.multi-select-combobox__search{width:100%;height:2rem;padding:0 .625rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--surface-100);color:var(--text-primary);font-size:.875rem}.multi-select-combobox__search:focus{outline:none;border-color:var(--accent-500);box-shadow:0 0 0 .1875rem var(--accent-glow)}}@layer components{}@layer components{}@layer components{}@layer components{.multi-select-combobox__search::placeholder{color:var(--text-muted)}.multi-select-combobox__list{flex:1 1 auto;overflow-y:auto;padding:.25rem 0}.multi-select-combobox__empty{padding:1rem;text-align:center;color:var(--text-muted);font-size:.875rem}.multi-select-combobox__group{padding:.25rem 0}.multi-select-combobox__group+.multi-select-combobox__group{border-top:1px solid var(--border);margin-top:.25rem;padding-top:.25rem}.multi-select-combobox__group-label{padding:.25rem .75rem;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.multi-select-combobox__option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.375rem .75rem;border:none;background:rgba(0,0,0,0);color:var(--text-primary);font-size:.875rem;text-align:left;cursor:pointer;font-family:inherit;transition:background-color var(--duration-fast,.15s) ease}.multi-select-combobox__option:focus-visible,.multi-select-combobox__option:hover{background-color:var(--surface-100)}.multi-select-combobox__option--selected{background-color:var(--accent-glow);color:var(--text-primary)}.multi-select-combobox__option--selected:hover{background-color:var(--accent-glow)}.multi-select-combobox__option-check{width:1rem;flex-shrink:0;color:var(--accent-500);font-weight:600}.multi-select-combobox__option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select-combobox__footer{display:flex;justify-content:flex-end;padding:.5rem;border-top:1px solid var(--border)}.multi-select-combobox__clear{border:none;background:rgba(0,0,0,0);color:var(--text-secondary);font-size:.75rem;cursor:pointer;padding:.25rem .5rem;border-radius:.375rem;font-family:inherit}.multi-select-combobox__clear:hover{background-color:var(--surface-100);color:var(--text-primary)}.room-space-picker{border:0;padding:0;margin:0;min-inline-size:0}.room-space-picker__legend{padding-inline:0;padding-block:0;margin:0;float:none}.room-space-picker__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-block-start:.25rem}}@layer components{@media(min-width:40rem){.room-space-picker__options{grid-template-columns:repeat(4,minmax(0,1fr))}}.room-space-chip{position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.25rem;border:1px solid var(--border);background-color:var(--surface-100);cursor:pointer;user-select:none;transition:border-color var(--duration-fast,.15s) var(--ease-out,cubic-bezier(.16,1,.3,1)),background-color var(--duration-fast,.15s) var(--ease-out,cubic-bezier(.16,1,.3,1)),box-shadow var(--duration-fast,.15s) var(--ease-out,cubic-bezier(.16,1,.3,1))}.room-space-chip:hover{border-color:var(--accent-400);background-color:color-mix(in srgb,var(--accent-500) 4%,var(--surface-100))}.room-space-chip:focus-within{outline:none;border-color:var(--accent-500);box-shadow:0 0 0 .1875rem color-mix(in srgb,var(--accent-500) 22%,transparent)}.room-space-chip__input{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;opacity:0;margin:0;cursor:pointer}.room-space-chip__check{flex:0 0 auto;inline-size:1rem;block-size:1rem;border-radius:.25rem;border:1px solid var(--border-strong,var(--border));background-color:var(--surface-50);display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--duration-fast,.15s) var(--ease-out,cubic-bezier(.16,1,.3,1)),border-color var(--duration-fast,.15s) var(--ease-out,cubic-bezier(.16,1,.3,1))}.room-space-chip__check:after{content:"";inline-size:.625rem;block-size:.625rem;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2.5 6.5l2.5 2.5 4.5-5' fill='none' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:50%;background-size:contain;opacity:0;transform:scale(.6);transition:opacity var(--duration-fast,.15s) var(--ease-out,cubic-bezier(.16,1,.3,1)),transform var(--duration-fast,.15s) var(--ease-out,cubic-bezier(.16,1,.3,1))}.room-space-chip__label{font-size:.875rem;font-weight:500;color:var(--text-primary);line-height:1.25}.room-space-chip--active{border-color:var(--accent-500);background-color:color-mix(in srgb,var(--accent-500) 10%,var(--surface-100))}.room-space-chip--active .room-space-chip__check{background-color:var(--accent-500);border-color:var(--accent-500)}.room-space-chip--active .room-space-chip__check:after{opacity:1;transform:scale(1)}.room-space-chip--active .room-space-chip__label{color:var(--accent-700,var(--accent-600))}.room-space-chip--active:hover{background-color:color-mix(in srgb,var(--accent-500) 14%,var(--surface-100))}.icon-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;height:2.25rem;width:2.25rem;border-radius:9999px;padding:0;font-family:inherit;border:1px solid var(--border);background-color:var(--surface-50);color:var(--text-secondary);transition:color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),background-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.icon-btn:hover{background-color:var(--surface-100)}.icon-btn--glass{border-color:hsla(0,0%,100%,.2);background-color:hsla(0,0%,100%,.1);color:#fff}.icon-btn--glass:hover{background-color:hsla(0,0%,100%,.2)}}@layer components{}.stepper{display:flex;flex-wrap:wrap;gap:.375rem;list-style:none;margin:0;padding:0}.stepper__step{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border-radius:9999px;font-size:.8125rem;font-weight:500;color:var(--text-muted);background-color:color-mix(in srgb,var(--surface-200) 40%,transparent);transition:background-color var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out)}.stepper__step--active{background-color:color-mix(in srgb,var(--accent-500) 12%,transparent);color:var(--accent-500)}.stepper__step--done{background-color:color-mix(in srgb,var(--accent-500) 8%,transparent);color:var(--text-muted)}.stepper__step__number{display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:9999px;font-size:.6875rem;font-weight:700;line-height:1.25rem;padding:0;text-align:center;background-color:color-mix(in srgb,var(--surface-300) 50%,transparent);color:var(--text-muted);flex-shrink:0}.stepper__step--active .stepper__step__number{background-color:var(--accent-500);color:#fff}.stepper__step--done .stepper__step__number{background-color:color-mix(in srgb,var(--accent-500) 50%,transparent);color:#fff}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border)}.tabs__btn{padding:.625rem 1rem;border:none;border-bottom:2px solid rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--text-muted);cursor:pointer;margin-bottom:-1px;transition:color var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out)}.tabs__btn:hover{color:var(--text-secondary)}.tabs__btn--active{color:var(--accent-500);border-bottom-color:var(--accent-500)}@layer components{.truncate-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link{color:var(--accent-400);text-decoration:underline;text-underline-offset:.2em;transition:color var(--duration-fast) var(--ease-in-out)}.link:hover{color:var(--accent-500)}.error-text{color:var(--color-danger)}.error-text,.success-text{font-size:.875rem;line-height:1.25rem}.success-text{color:var(--color-success)}.warning-text{font-size:.875rem;line-height:1.25rem;color:var(--color-warning)}.alert{border-radius:var(--radius-lg);padding:1rem}.alert--danger{background-color:var(--color-danger-subtle);border:1px solid var(--color-danger-border);color:var(--color-danger)}.alert--success{background-color:var(--color-success-subtle);border:1px solid var(--color-success-border);color:var(--color-success)}.alert--warning{background-color:var(--color-warning-subtle);border:1px solid var(--color-warning-border);color:var(--color-warning)}.stage-dot{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;border:2px solid;font-size:.875rem;font-weight:700}.stage-dot--running{border-color:var(--color-warning);background-color:var(--color-warning-subtle)}.stage-dot--success{border-color:var(--color-success);background-color:var(--color-success-subtle);color:var(--color-success)}.stage-dot--failed{border-color:var(--color-danger);background-color:var(--color-danger-subtle);color:var(--color-danger)}.stage-dot__ping{width:.75rem;height:.75rem;border-radius:9999px;background-color:var(--color-warning);animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.stage-connector{flex:1;height:2px;background-color:var(--surface-200)}.stage-connector--done{background-color:var(--color-success)}.stage-label--running{color:var(--color-warning);font-weight:600}.stage-label--success{color:var(--color-success)}.stage-label--failed{color:var(--color-danger);font-weight:600}.empty-state{padding-block:4rem;text-align:center;font-size:.875rem;line-height:1.25rem;color:var(--text-muted)}.divider{margin-block:.5rem;height:1px;background-color:var(--border)}.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem}.page-header__info{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:.25rem}.page-header__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex-shrink:0;width:100%}@media(min-width:640px){.page-header__actions{width:auto}}.page-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.page-body{display:flex;flex-direction:column;gap:1.25rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes popoverIn{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}