:root{--white-100:#fff;--white-200:#f8f8f2;--white-300:#f3f3ed;--white-400:#ecece5;--black-700:#1d1d1d;--black-800:#141414;--black-900:#171717;--grey-300:#e9e9e4;--grey-400:#d8d8d0;--grey-500:#babab4;--grey-600:#7c7c77;--grey-700:#545451;--blue-100:#c5d5ee;--blue-300:#95b4d6;--blue-500:#5d76a2;--blue-700:#394a66;--green-300:#b6e88e;--green-500:#7da75b;--red-300:#eb7c7c;--red-500:#c95c5c;--orange-300:#f7ca8d;--yellow-500:#e4c64c;--vivid-blue:#7aa2f7;--vivid-green:#9ece6a;--vivid-purple:#bb9af7;--vivid-amber:#e3a241;--vivid-rose:#f7768e;color-scheme:light;--canvas:#fafafa;--inset:#f0f0ea;--surface:#fff;--surface-soft:hsla(60,16%,91%,.33);--ivory:#ecece5;--cream:#f3f3ed;--ink-strong:#171717;--ink-body:hsla(0,0%,9%,.93);--ink-soft:hsla(0,0%,9%,.8);--ink-muted:hsla(0,0%,9%,.7);--ink-faint:hsla(0,0%,9%,.52);--divider:hsla(0,0%,9%,.1);--divider-emphasis:hsla(0,0%,9%,.33);--divider-subtle:hsla(0,0%,9%,.05);--hover-overlay:hsla(0,0%,9%,.04);--hover-overlay-strong:hsla(0,0%,9%,.08);--link:#2563eb;--accent-blue:#7aa2f7;--accent-blue-strong:#394a66;--accent-blue-soft:rgba(122,162,247,.16);--accent:var(--accent-blue);--sidebar-accent:hsla(0,0%,9%,.08);--sidebar-accent-foreground:#394a66;--btn-primary:#171717;--btn-primary-hover:#3a3a3a;--btn-primary-border:#394a66;--btn-primary-ink:#fff;--secondary:#e9e9e4;--secondary-hover:#d8d8d0;--success:#7da75b;--success-surface:hsla(89,51%,61%,.1);--success-outline:hsla(89,51%,61%,.33);--info:#7aa2f7;--info-surface:rgba(122,162,247,.1);--info-outline:rgba(122,162,247,.33);--warning:#b27934;--warning-surface:rgba(227,162,65,.1);--warning-outline:rgba(227,162,65,.33);--danger:#c95c5c;--danger-surface:rgba(247,118,142,.1);--danger-outline:rgba(247,118,142,.33);--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"Space Mono",ui-monospace,"SF Mono","Cascadia Code",Menlo,Consolas,"Liberation Mono",monospace}.dark{color-scheme:dark;--canvas:#000;--inset:#141414;--surface:#1d1d1d;--surface-soft:hsla(0,0%,100%,.161);--ivory:#141414;--cream:#1d1d1d;--ink-strong:#f8f8f2;--ink-body:#ecece5;--ink-soft:#d8d8d0;--ink-muted:#babab4;--ink-faint:#7c7c77;--divider:hsla(0,0%,100%,.251);--divider-emphasis:hsla(0,0%,100%,.502);--divider-subtle:hsla(0,0%,100%,.149);--hover-overlay:hsla(0,0%,100%,.078);--hover-overlay-strong:hsla(0,0%,100%,.122);--link:#60a5fa;--accent-blue-strong:#c5d5ee;--accent-blue-soft:rgba(122,162,247,.2);--sidebar-accent:rgba(122,162,247,.16);--sidebar-accent-foreground:#c5d5ee;--btn-primary:#f8f8f2;--btn-primary-hover:#d3d3ce;--btn-primary-border:#c5d5ee;--btn-primary-ink:#171717;--secondary:hsla(0,0%,100%,.2);--secondary-hover:#4a4a4a;--success:#b6e88e;--success-surface:hsla(89,51%,61%,.15);--success-outline:hsla(89,51%,61%,.4);--info:#7aa2f7;--info-surface:rgba(122,162,247,.15);--info-outline:rgba(122,162,247,.4);--warning:#f7ca8d;--warning-surface:rgba(227,162,65,.15);--warning-outline:rgba(227,162,65,.4);--danger:#eb7c7c;--danger-surface:rgba(247,118,142,.15);--danger-outline:rgba(247,118,142,.4)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--ink-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--link);text-underline-offset:2px}a:hover{text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}code,kbd,pre{font-family:var(--font-mono)}code{font-size:.875em;color:var(--ink-body);background:var(--cream);border:1px solid var(--divider-subtle);border-radius:4px;padding:.1em .35em}.code-block code,pre code{background:transparent;border:none;border-radius:0;padding:0}.title-2xl,.title-lg,.title-md,.title-sm,.title-xl{font-family:var(--font-sans);font-weight:500;color:var(--ink-strong)}.title-2xl{font-size:4.4rem;line-height:.85;letter-spacing:-.07em}.title-xl{font-size:3rem}.title-lg,.title-xl{line-height:.95;letter-spacing:-.06em}.title-lg{font-size:2.25rem}.title-md{font-size:1.75rem;line-height:1.15;letter-spacing:-.03em}.title-sm{font-size:1.25rem;line-height:1.2;letter-spacing:-.02em}.text-strong{color:var(--ink-strong)}.text-body{color:var(--ink-body)}.text-soft{color:var(--ink-soft)}.text-muted{color:var(--ink-muted)}.text-faint{color:var(--ink-faint)}.mono-label{font-family:var(--font-mono);font-size:.75rem;line-height:1.4;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em}.sidebar-header{padding:.5rem .25rem 0}.menu-toggle{display:none;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-left:auto;border-radius:6px;color:var(--ink-soft)}.menu-toggle:focus-visible,.menu-toggle:hover{color:var(--ink-strong);background:var(--hover-overlay)}.menu-toggle:focus-visible{outline:2px solid var(--link);outline-offset:2px}.menu-toggle .icon-close,.sidebar.is-open .menu-toggle .icon-bars{display:none}.sidebar.is-open .menu-toggle .icon-close{display:inline-flex}.brand{flex-direction:column;gap:.125rem}.brand-mark{font-family:var(--font-mono);font-weight:700;font-size:1rem;letter-spacing:.02em}.nav{display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;border-radius:6px;color:var(--ink-soft);font-size:.875rem;text-decoration:none;transition:color .15s ease-out,background-color .15s ease-out}.nav-item svg{width:1rem;height:1rem;flex-shrink:0}.nav-item:focus-visible,.nav-item:hover{color:var(--ink-strong);background:var(--hover-overlay)}.nav-item[aria-current=page]{color:var(--sidebar-accent-foreground);background:var(--sidebar-accent)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:.75rem;padding-top:1rem;border-top:1px solid var(--divider)}.sidebar-user{position:relative}.sidebar-user-trigger{width:100%;display:flex;align-items:center;gap:.625rem;padding:.4rem .5rem;border-radius:6px;color:var(--ink-soft);text-align:left;transition:background-color .15s ease-out,color .15s ease-out}.sidebar-user-trigger:focus-visible,.sidebar-user-trigger:hover{background:var(--hover-overlay);color:var(--ink-strong)}.sidebar-user-avatar{width:2rem;height:2rem;border-radius:9999px;background:var(--btn-primary);color:var(--btn-primary-ink);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;letter-spacing:.02em;flex-shrink:0}.sidebar-user-info{display:flex;flex-direction:column;gap:.125rem;flex:1 1;min-width:0}.sidebar-user-name{font-size:.875rem;font-weight:500;color:var(--ink-strong)}.sidebar-user-email,.sidebar-user-name{line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:.75rem;color:var(--ink-muted)}.sidebar-user-chevron{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;flex-shrink:0;color:var(--ink-muted);transition:transform .15s ease-out}.sidebar-user.is-open .sidebar-user-chevron{transform:rotate(180deg)}.sidebar-user-menu{display:none;position:absolute;bottom:calc(100% + .5rem);left:0;right:0;z-index:30;flex-direction:column;gap:2px;padding:.375rem;background:var(--surface);border:1px solid var(--divider-emphasis);box-shadow:0 1rem 2rem rgba(0,0,0,.12)}.sidebar-user.is-open .sidebar-user-menu{display:flex}.sidebar-user-menu-label{padding:.25rem .625rem .125rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted)}.sidebar-user-menu-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;border-radius:6px;color:var(--ink-soft);font-size:.875rem;font-weight:500;text-align:left;text-decoration:none;transition:background-color .15s ease-out,color .15s ease-out}.sidebar-user-menu-item:focus-visible,.sidebar-user-menu-item:hover{background:var(--hover-overlay);color:var(--ink-strong)}.sidebar-user-menu-item--danger{color:var(--danger)}.sidebar-user-menu-item--danger:hover{background:var(--danger-surface);color:var(--danger)}.sidebar-user-menu-item svg{width:1.125rem;height:1.125rem}.sidebar-user-menu-check{margin-left:auto;display:inline-flex;align-items:center;color:var(--accent-blue-strong)}.sidebar-theme-row{display:flex;gap:.25rem;padding:.25rem .625rem .375rem}.sidebar-theme-option{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.3rem .25rem;border:1px solid transparent;border-radius:6px;color:var(--ink-muted);font-size:.75rem;font-weight:500;transition:background-color .15s ease-out,color .15s ease-out}.sidebar-theme-option:hover{background:var(--hover-overlay);color:var(--ink-strong)}.sidebar-theme-option[aria-pressed=true]{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground);border-color:var(--divider)}.page{max-width:72rem;padding:2.5rem 2rem}.page-head{gap:.5rem;margin-bottom:2rem}.page-head,.panel{display:flex;flex-direction:column}.panel{border:1px solid var(--divider);background:var(--surface)}.panel+.panel{margin-top:1rem}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--divider-subtle)}.panel-body{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1rem}.pill{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .5rem;border:1px solid transparent;margin-top:.5rem}.pill-success{color:var(--success);background:var(--success-surface);border-color:var(--success-outline)}.pill-info{color:var(--info);background:var(--info-surface);border-color:var(--info-outline)}.pill-warning{color:var(--warning);background:var(--warning-surface);border-color:var(--warning-outline)}.pill-danger{color:var(--danger);background:var(--danger-surface);border-color:var(--danger-outline)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--btn-primary);color:var(--btn-primary-ink)}.btn-primary:hover{background:var(--btn-primary-hover)}.btn-secondary{background:var(--secondary);color:var(--ink-strong)}.btn-secondary:hover{background:var(--secondary-hover)}.btn-ghost{background:transparent;color:var(--ink-soft);border-color:var(--divider)}.btn-ghost:hover{color:var(--ink-strong);background:var(--hover-overlay)}.btn:focus-visible{outline:2px solid var(--link);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn:disabled:hover{background:inherit}.btn-sm{height:1.875rem;padding:0 .625rem;font-size:.8125rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{text-align:left;font-family:var(--font-mono);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);padding:.625rem 1rem;border-bottom:1px solid var(--divider);white-space:nowrap}.table td{padding:.75rem 1rem;border-bottom:1px solid var(--divider-subtle);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--hover-overlay)}.row-link{color:var(--ink-strong);font-weight:500;text-decoration:none}.row-link:hover{color:var(--link);text-decoration:underline}.row-meta{display:block;color:var(--ink-faint);font-size:.625rem;overflow-wrap:anywhere}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:.375rem;white-space:nowrap}.table-foot{flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid var(--divider-subtle);padding:.625rem 1rem}.empty-state{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:2rem 1rem}.btn-danger-ghost{color:var(--danger);border-color:var(--danger-outline);background:transparent}.btn-danger-ghost:hover{color:var(--danger);background:var(--danger-surface)}.form{display:flex;flex-direction:column;gap:1rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));grid-gap:1rem 1.25rem;gap:1rem 1.25rem}.field{display:flex;flex-direction:column;gap:.375rem;min-width:0}.field-hint{color:var(--ink-faint);font-size:.75rem}.input{height:2.25rem;padding:0 .625rem;font-family:inherit;font-size:.875rem;color:var(--ink-strong);background:var(--surface);border:1px solid var(--divider-emphasis);border-radius:0}.mono.input{font-family:var(--font-mono);font-size:.8125rem}.input:focus-visible{outline:2px solid var(--link);outline-offset:1px}.input::placeholder{color:var(--ink-faint)}textarea.input{min-height:6rem;padding:.5rem .625rem;font-family:inherit;font-size:.875rem;color:var(--ink-strong);background:var(--surface);border:1px solid var(--divider-emphasis)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);background-position:calc(100% - 1rem) .95rem,calc(100% - .7rem) .95rem;background-size:.3rem .3rem,.3rem .3rem;background-repeat:no-repeat;padding-right:2rem}.checkbox{display:flex;align-items:center;gap:.5rem}.checkbox input{width:1rem;height:1rem;accent-color:var(--link)}.form-actions{gap:.5rem;padding-top:.25rem}.form-actions,.notice{display:flex;align-items:center}.notice{justify-content:space-between;gap:1rem;padding:.75rem 1rem;border:1px solid transparent;border-left-width:3px;font-size:.875rem}.notice-danger{color:var(--danger);background:var(--danger-surface);border-color:var(--danger-outline)}.notice-success{color:var(--success);background:var(--success-surface);border-color:var(--success-outline)}.notice-warning{color:var(--warning);background:var(--warning-surface);border-color:var(--warning-outline)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));grid-gap:1.25rem;gap:1.25rem;padding:1.25rem 1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem;min-width:0}.detail-item-wide{grid-column:1/-1}.detail-value{color:var(--ink-body);overflow-wrap:anywhere}.detail-value.mono{font-family:var(--font-mono);font-size:.8125rem}.url-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.url-list li{display:flex;align-items:center;gap:.5rem}.code-block{margin:0;padding:.75rem;overflow:auto;font-size:.8125rem;line-height:1.5;color:var(--ink-body);background:var(--cream);border:1px solid var(--divider-subtle)}.shell{display:flex;min-height:100vh}.sidebar{width:16rem;flex-shrink:0;display:flex;flex-direction:column;gap:1rem;padding:1rem .75rem;background:var(--inset);border-right:1px solid var(--divider-emphasis);position:fixed;left:0;top:0;bottom:0;z-index:1000;transition:transform .3s ease;overflow-x:hidden}.sidebar-header{border-bottom:1px solid var(--divider);padding:.5rem .25rem .75rem}.brand,.sidebar-header{display:flex;align-items:center;gap:.5rem}.brand{flex-direction:row;text-decoration:none;min-width:0}.brand,.brand-logo{color:var(--ink-strong)}.brand-logo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.brand-logo svg{width:1.25rem;height:1.25rem}.brand-name{font-family:var(--font-mono);font-weight:700;font-size:1rem;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-menu{display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0;min-width:0}.sidebar-body{flex:1 1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden}.content{flex:1 1;min-width:0;display:flex;flex-direction:column;background:var(--surface)}.page{flex:1 1;min-width:0;width:100%;max-width:none;padding:1.5rem}.content--full{height:100vh;overflow:hidden}.page--full{padding:0;overflow:hidden;display:flex;flex-direction:column}.page--flush{padding:0}.mobile-header{display:none;align-items:center;gap:.75rem;padding:.625rem 1rem;background:var(--inset);border-bottom:1px solid var(--divider-emphasis);position:-webkit-sticky;position:sticky;top:0;z-index:100}.mobile-header__toggle{display:flex;flex-direction:column;gap:4px;padding:.5rem}.mobile-header__toggle span{width:20px;height:2px;background:var(--ink-soft);border-radius:2px;transition:all .3s ease}.mobile-header__title{font-family:var(--font-mono);font-size:1rem;font-weight:700;letter-spacing:.02em;color:var(--ink-strong)}.sidebar-overlay{display:none}@media (min-width:769px){.content{margin-left:16rem}}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.is-open{transform:translateX(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999}.mobile-header{display:flex}.content{margin-left:0}}:root{--color-surface:var(--surface);--shadow-sm:none;--shadow-md:none;--shadow-lg:0 1rem 2rem rgba(0,0,0,.12);--radius-sm:6px;--radius-md:0;--radius-lg:0;--color-bg-page:var(--canvas);--color-bg-section:var(--surface);--color-bg-elevated:var(--surface);--color-bg-subtle:var(--cream);--color-bg-hover:var(--hover-overlay-strong);--color-text:var(--ink-strong);--color-text-secondary:var(--ink-muted);--color-text-muted:var(--ink-faint);--color-border:var(--divider);--color-border-hover:var(--divider-emphasis);--color-primary:var(--accent-blue-strong);--color-primary-hover:var(--accent-blue);--color-success:var(--success);--color-danger:var(--danger);--color-warning:var(--warning);--color-gray-800:var(--ink-body);--color-gray-700:var(--ink-body);--color-gray-600:var(--ink-soft);--color-gray-500:var(--ink-soft);--color-gray-400:var(--ink-muted);--color-gray-300:var(--divider);--color-gray-200:var(--divider-subtle);--color-gray-100:var(--hover-overlay);--color-gray-50:var(--surface-soft);--color-blue-50:var(--accent-blue-soft);--color-blue-100:var(--accent-blue-soft);--color-blue-200:var(--accent-blue-soft);--color-blue-500:var(--accent-blue);--color-blue-600:var(--accent-blue-strong);--color-blue-700:var(--accent-blue-strong);--color-blue-800:var(--accent-blue-strong);--color-green-50:var(--success-surface);--color-green-100:var(--success-surface);--color-green-200:var(--success-surface);--color-green-500:var(--success);--color-green-600:var(--success);--color-green-800:var(--success);--color-red-50:var(--danger-surface);--color-red-100:var(--danger-surface);--color-red-200:var(--danger-surface);--color-red-500:var(--danger);--color-red-600:var(--danger);--color-red-700:var(--danger);--color-red-800:var(--danger);--color-yellow-50:var(--warning-surface);--color-yellow-100:var(--warning-surface);--color-yellow-200:var(--warning-surface);--color-yellow-500:var(--warning);--color-yellow-600:var(--warning);--color-yellow-800:var(--warning);--color-code-bg:#0f172a;--color-code-text:#e2e8f0;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--text-secondary:var(--ink-muted);--border-color:var(--divider)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--ink-strong);background:var(--canvas);transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:1.5rem 1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.25rem;padding:0 1rem;border:1px solid transparent;border-radius:0;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out;text-decoration:none;line-height:1}.btn--primary{background:var(--btn-primary);color:var(--btn-primary-ink);border-color:var(--btn-primary-border)}.btn--primary:hover{background:var(--btn-primary-hover)}.btn--secondary{background:var(--secondary);color:var(--ink-strong);border-color:transparent}.btn--secondary:hover{background:var(--secondary-hover)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover{background:var(--danger);filter:brightness(.92)}.btn--success{background:var(--success);color:#171717}.btn--success:hover{background:var(--success);filter:brightness(.95)}.btn--warning{background:var(--warning);color:#171717}.btn--warning:hover{background:var(--warning);filter:brightness(.95)}.btn--sm{height:1.875rem;padding:0 .625rem;font-size:.8125rem}.btn--xsm{height:1.625rem;padding:0 .5rem;font-size:.8125rem}.btn--disabled,.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.card{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-lg);padding:1.125rem 1.25rem;box-shadow:none}.card__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.875rem}.card__title{font-size:1.125rem;font-weight:600;color:var(--color-gray-900);margin:0}.card__subtitle{margin:0;font-size:.875rem;color:var(--ink-muted)}.card__header-actions{align-items:center}.card__actions,.card__header-actions{display:flex;gap:.5rem}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;line-height:1.25rem}.badge--active,.badge--running,.badge--success{background:var(--color-green-100);color:var(--color-green-600)}.badge--inactive,.badge--stopped{background:var(--color-gray-100);color:var(--color-gray-600)}.badge--provisioning,.badge--starting{background:var(--color-blue-100);color:var(--color-blue-600)}.badge--error,.badge--failed{background:var(--color-red-100);color:var(--color-red-600)}.badge--warning{background:var(--color-yellow-100);color:var(--color-yellow-600)}.badge--info{background:var(--color-blue-50);color:var(--color-blue-600);font-family:var(--font-mono)}.badge--small{font-size:.75rem}.page-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;line-height:1.15;letter-spacing:-.02em;color:var(--ink-strong)}.page-header{margin-bottom:1.5rem}.page-header__title{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--ink-strong);margin-bottom:.25rem}.page-header__subtitle{font-size:.9375rem;color:var(--ink-muted);max-width:44rem}.page-header__actions{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap;align-items:center}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem;margin:1rem 0 2rem}.stat-card{padding:.875rem 1rem;background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.35rem}.stat-card__label{font-size:.75rem;color:var(--color-gray-500);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.stat-card__value{font-size:1.5rem;font-weight:600;color:var(--color-gray-900);line-height:1.1}.stat-card__meta{display:inline-flex;align-items:center;gap:.35rem;font-size:.8125rem;color:var(--color-gray-600)}.tab-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:1rem 0 1.25rem}.tab-toolbar__tabs{flex-wrap:wrap}.tab-toolbar__actions,.tab-toolbar__tabs{display:flex;gap:.5rem}.tab{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem;border-radius:var(--radius-md);border:1px solid var(--color-gray-200);background:var(--color-surface);color:var(--color-gray-700);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.tab:hover{border-color:var(--color-gray-300);background:var(--color-gray-50)}.tab--active{color:var(--color-blue-700);background:var(--color-blue-50);border-color:var(--color-blue-200);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.tab__icon{display:inline-flex;align-items:center}.tab__label{letter-spacing:.01em}.tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:.15rem .45rem;border-radius:999px;background:var(--color-gray-100);color:var(--color-gray-700);font-size:.8125rem;font-weight:700}.tab--active .tab__badge{background:var(--color-surface);color:var(--color-blue-700)}.mode-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border:1px solid var(--color-gray-200);border-radius:999px;background:var(--color-surface);color:var(--color-gray-700);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.mode-toggle:hover{border-color:var(--color-gray-300);background:var(--color-gray-50)}.mode-toggle__track{position:relative;width:2.1rem;height:1.15rem;border-radius:999px;background:var(--divider-emphasis);transition:background .15s ease}.mode-toggle__thumb{position:absolute;top:50%;left:.15rem;transform:translateY(-50%);width:.85rem;height:.85rem;border-radius:999px;background:var(--color-surface);box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .15s ease}.mode-toggle[aria-pressed=true] .mode-toggle__track{background:var(--color-blue-600)}.mode-toggle[aria-pressed=true] .mode-toggle__thumb{transform:translate(1rem,-50%)}.mode-toggle[aria-pressed=true]{color:var(--color-blue-700);border-color:var(--color-blue-200);background:var(--color-blue-50)}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-gray-500);margin-bottom:1rem}.breadcrumb a{color:var(--color-blue-600)}.breadcrumb a:hover{text-decoration:underline}.breadcrumb__separator{color:var(--color-gray-400)}.alert{padding:1rem;border-radius:var(--radius-md);font-size:.9375rem;margin:1.5rem 0}.alert--warning{background:var(--color-yellow-50);border:1px solid var(--color-yellow-200);color:var(--color-yellow-800)}.alert--error{background:var(--color-red-50);border:1px solid var(--color-red-200);color:var(--color-red-800)}.alert--success{background:var(--color-green-50);border:1px solid var(--color-green-200);color:var(--color-green-800)}.alert--info{background:var(--color-blue-50);border:1px solid var(--color-blue-200);color:var(--color-blue-800)}.form-group{margin-bottom:1rem}.form-button-group{display:flex;gap:.5rem;margin-bottom:.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--ink-soft);margin-bottom:.375rem}.form-label--required:after{content:" *";color:var(--color-red-500)}.form-input,.form-select,.form-textarea{width:100%;padding:.45rem .625rem;border:1px solid var(--divider-emphasis);border-radius:var(--radius-md);font-size:.9375rem;color:var(--ink-strong);background:var(--surface);transition:all .15s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:2px solid var(--link);outline-offset:1px;border-color:var(--accent-blue)}.form-select option:checked{background:var(--color-blue-100)}.form-input--sm{padding:.3125rem .5rem;font-size:.8125rem}.form-textarea{min-height:120px;resize:vertical;font-family:var(--font-mono)}.form-error{color:var(--danger)}.form-error,.form-help{font-size:.875rem;margin-top:.375rem}.empty-state,.form-help{color:var(--ink-muted)}.empty-state{text-align:center;padding:2rem 1.5rem}.empty-state__title{font-size:1rem;font-weight:600;color:var(--ink-strong);margin-bottom:.5rem}.empty-state__description{font-size:.875rem;margin-bottom:1rem}.copy-button{display:inline-flex;align-items:center;gap:.4rem;padding:.375rem .625rem;border:1px solid var(--divider-emphasis);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-soft);font-size:.875rem;cursor:pointer;transition:all .15s ease}.copy-button:hover{background:var(--hover-overlay);border-color:var(--divider-emphasis)}.loading-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid var(--ink-muted);border-top-color:var(--accent-blue-strong);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.container{padding:1rem}.page-header__title{font-size:1.5rem}.tab-toolbar{flex-direction:column;align-items:stretch}.tab-toolbar__actions{width:100%;justify-content:flex-start}}.MuiSvgIcon-root{font-size:1.25rem;vertical-align:middle}.icon--small.MuiSvgIcon-root{font-size:1rem}.icon--large.MuiSvgIcon-root{font-size:1.5rem}.pipeline-section{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.pipeline-section-header{font-size:1.125rem;font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-blue-500)}.input-section{position:relative}.input-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.875rem;line-height:1.5;resize:vertical;background:var(--color-bg-subtle);color:var(--color-gray-900);transition:border-color .15s ease}.input-textarea:focus{outline:none;border-color:var(--color-blue-500);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.input-meta{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-sm);font-size:.75rem;color:var(--color-gray-400)}.transformer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.transformer-grid--compact{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--spacing-xs)}.transformer-button{padding:var(--spacing-sm);background:var(--color-surface);border:1px solid var(--divider);border-radius:0;font-size:.8125rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;text-align:left;display:flex;flex-direction:column;gap:var(--spacing-xs);color:var(--color-gray-700)}.transformer-button:hover{background:var(--hover-overlay);border-color:var(--divider-emphasis);transform:none;box-shadow:none;color:var(--ink-strong)}.transformer-button-icon{color:var(--color-blue-600);display:flex;align-items:center}.transformer-button-name{font-weight:500;font-size:.75rem}.pipeline-flow{display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:96px}.pipeline-empty-state-icon{font-size:2.5rem;margin-bottom:var(--spacing-md);color:var(--ink-faint);display:flex;justify-content:center}.transformer-card{background:var(--color-surface);border:1px solid var(--divider);border-radius:0;padding:var(--spacing-md);position:relative;transition:border-color .15s ease;box-shadow:none}.transformer-card:hover{border-color:var(--divider-emphasis);box-shadow:none}.transformer-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.transformer-card-title{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:var(--color-gray-900)}.transformer-card-icon{color:var(--color-blue-600);display:flex;align-items:center}.transformer-card-step{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--accent-blue-soft);color:var(--accent-blue-strong);border-radius:0;font-family:var(--font-mono);font-size:.6875rem;font-weight:700}.transformer-card-actions{display:flex;gap:var(--spacing-xs)}.transformer-card-details{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.pipeline-detail-table{width:100%;font-size:.875rem;border-collapse:collapse}.pipeline-detail-table th{text-align:left;padding:.5rem;width:100px;color:var(--color-gray-500);font-weight:600}.pipeline-detail-table td{padding:.5rem;font-family:var(--font-mono);font-size:.8rem;word-break:break-all;color:var(--color-gray-900)}.pipeline-detail-table tr{border-bottom:1px solid var(--color-gray-200)}.transformer-card-arrow{text-align:center;color:var(--ink-faint);display:flex;justify-content:center;margin:calc(var(--spacing-sm) * -.5) 0}.transformer-options-panel{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-md);background:var(--accent-blue-soft);border-radius:0;border:1px solid var(--accent-blue-soft)}.transformer-options-panel__title{font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--accent-blue-strong);display:flex;align-items:center;gap:var(--spacing-xs)}.output-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.output-header__title{margin:0;font-size:1rem;font-weight:600;color:var(--color-gray-900)}.output-actions{display:flex;gap:var(--spacing-sm);align-items:center}.output-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;background:var(--color-surface);color:var(--color-gray-900);cursor:pointer}.output-select:focus{outline:none;border-color:var(--color-blue-500)}.output-content{background:var(--color-code-bg);color:var(--color-code-text);padding:var(--spacing-lg);border-radius:var(--radius-md);overflow-x:auto;font-family:var(--font-mono);font-size:.875rem;line-height:1.6;max-height:600px;overflow-y:auto}.output-content pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.output-content-html{background:var(--color-surface);color:var(--color-gray-900);border:1px solid var(--color-gray-200)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--color-surface);color:var(--color-gray-900);padding:1.5rem;border-radius:0;max-width:400px;width:90%;box-shadow:var(--shadow-lg);border:1px solid var(--divider)}.modal-content__title{margin:0 0 1rem;font-size:1.25rem;font-weight:700;color:var(--color-gray-900)}.modal-content__hint{margin:0 0 1rem;font-size:.875rem;color:var(--ink-muted)}.modal-buttons{display:flex;gap:.75rem;margin-top:1rem;justify-content:flex-end}.upload-section{background-color:var(--color-gray-50)}.select-section,.upload-section{margin-bottom:24px;padding:16px;border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.edit-section,.select-section{background-color:var(--color-surface)}.edit-section{padding:16px;border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.section-header{font-size:1.125rem;font-weight:600;margin-bottom:12px;color:var(--color-gray-900);border-bottom:2px solid var(--color-blue-500);padding-bottom:8px}.edit-subsection{margin-bottom:16px;padding:12px;background-color:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.subsection-header{font-size:.875rem;font-weight:600;margin-bottom:8px;color:var(--color-gray-600)}.filter-builder{background-color:var(--color-gray-50)}.filter-checkbox{padding:4px 8px;border-radius:var(--radius-sm);background-color:transparent;border:1px solid transparent;display:inline-block;transition:all .15s ease}.filter-checkbox.selected{background-color:var(--color-gray-100);border:1px solid var(--color-blue-500)}.filter-input{margin-left:4px}.apply-filters-btn{background-color:var(--color-green-600);color:#fff;border:none;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease}.apply-filters-btn:hover{background-color:var(--color-green-500)}.code-block{display:block;word-break:break-all;white-space:pre-wrap;background-color:var(--color-code-bg);color:var(--color-code-text);padding:8px;border-radius:var(--radius-sm);border:1px solid var(--color-gray-200);font-size:12px;max-width:100%;overflow-wrap:break-word}.copy-btn{background-color:var(--color-blue-600);color:#fff;border:none;padding:4px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;margin-left:8px;transition:background-color .15s ease}.copy-btn:hover{background-color:var(--color-blue-700)}.copy-btn.copied{background-color:var(--color-green-600)}.upload-progress{margin-top:12px;padding:8px;background-color:var(--color-gray-50);border-radius:var(--radius-sm);border:1px solid var(--color-gray-200)}.progress-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--color-gray-200)}.progress-item:last-child{border-bottom:none}.progress-filename{flex:1 1;font-size:14px;color:var(--color-gray-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:12px}.progress-status{font-size:12px;padding:2px 6px;border-radius:var(--radius-sm);font-weight:500}.progress-status.pending{background-color:var(--color-gray-100);color:var(--color-gray-400)}.progress-status.uploading{background-color:var(--color-blue-100);color:var(--color-blue-600)}.progress-status.completed{background-color:var(--color-green-100);color:var(--color-green-600)}.progress-status.error{background-color:var(--color-red-100);color:var(--color-red-600)}.upload-dropzone{border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;background:var(--color-gray-50);cursor:pointer;transition:all .15s ease;position:relative}.upload-dropzone.drag-over,.upload-dropzone:hover{border-color:var(--color-blue-500);background:var(--color-blue-50);box-shadow:var(--shadow-sm)}.upload-dropzone.drag-over{border-style:solid}.upload-dropzone-icon{font-size:3rem;margin-bottom:var(--spacing-md);color:var(--color-gray-400);transition:color .15s ease}.upload-dropzone.drag-over .upload-dropzone-icon,.upload-dropzone:hover .upload-dropzone-icon{color:var(--color-blue-600)}.upload-dropzone-text{font-size:1rem;color:var(--color-gray-900);margin-bottom:var(--spacing-sm);font-weight:500}.upload-dropzone-hint{font-size:.875rem;color:var(--color-gray-500)}.upload-dropzone input[type=file]{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.image-grid-item{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all .15s ease;border:2px solid var(--color-gray-200);background:var(--color-surface)}.image-grid-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-blue-300)}.image-grid-item.selected{border:2px solid var(--color-blue-600);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.image-grid-item img{width:100%;height:120px;object-fit:cover;display:block}.image-grid-item-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);padding:var(--spacing-xs) var(--spacing-sm);color:#fff;font-size:.75rem;opacity:0;transition:opacity .15s ease}.image-grid-item:hover .image-grid-item-overlay{opacity:1}.edit-tabs{margin-bottom:var(--spacing-md);border-bottom:2px solid var(--color-gray-200);flex-wrap:wrap}.edit-tab,.edit-tabs{display:flex;gap:var(--spacing-xs)}.edit-tab{background:transparent;padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;color:var(--color-gray-500);cursor:pointer;align-items:center;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s ease}.edit-tab:hover{color:var(--color-gray-900);background:var(--color-gray-50)}.edit-tab.active{color:var(--color-blue-600);border-bottom-color:var(--color-blue-600);font-weight:600}.edit-tab-content{min-height:300px;padding:var(--spacing-md) 0}.preview-container{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.preview-header{justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-gray-200)}.preview-header,.preview-title{display:flex;align-items:center}.preview-title{font-size:1rem;font-weight:600;color:var(--color-gray-900);gap:var(--spacing-sm)}.preview-image-wrapper{position:relative;background:var(--color-gray-50);border-radius:var(--radius-md);overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:400px}.preview-image{max-width:100%;max-height:500px;object-fit:contain;border-radius:var(--radius-md)}.preview-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-md);z-index:10;border-radius:var(--radius-md)}.preview-loading-spinner{width:40px;height:40px;border:4px solid hsla(0,0%,100%,.3);border-top:4px solid var(--color-blue-500);border-radius:50%;animation:spin .8s linear infinite}.preview-loading-text{color:#fff;font-size:.875rem;font-weight:500}.step-indicator{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}.step,.step-indicator{display:flex;align-items:center}.step{gap:var(--spacing-sm);flex:1 1}.step-number{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--color-gray-100);color:var(--color-gray-500);font-weight:600;font-size:.875rem;border:2px solid var(--color-gray-200);transition:all .3s ease}.step.active .step-number{background:var(--color-blue-600);color:#fff;border-color:var(--color-blue-600)}.step.completed .step-number{background:var(--color-green-600);color:#fff;border-color:var(--color-green-600)}.step-label{font-size:.875rem;color:var(--color-gray-500);font-weight:500}.step.active .step-label{color:var(--color-gray-900);font-weight:600}.step-arrow{color:var(--color-gray-300);font-size:1.25rem}.control-group{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);transition:all .15s ease}.control-group.active{background:var(--color-blue-50);border-color:var(--color-blue-200);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.control-group-header{font-size:.875rem;font-weight:600;color:var(--color-gray-900);gap:var(--spacing-xs)}.control-group-header,.control-row{margin-bottom:var(--spacing-sm);display:flex;align-items:center}.control-row{gap:var(--spacing-md);flex-wrap:wrap}.control-row:last-child{margin-bottom:0}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.preset-button{padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:center;color:var(--color-gray-700)}.preset-button:hover{background:var(--color-blue-50);border-color:var(--color-blue-200);color:var(--color-blue-700)}.action-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.crop-container{background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-md)}.crop-viewport{position:relative;width:100%;height:400px;background:#333;border-radius:var(--radius-md) var(--radius-md) 0 0}.crop-controls{padding:var(--spacing-md);background:var(--color-gray-50);border-top:1px solid var(--color-gray-200)}.filter-active-badge{display:inline-flex;align-items:center;gap:4px;background:var(--color-blue-600);color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:9999px;margin-left:8px}.filter-option{padding:12px;border-radius:var(--radius-md);margin-bottom:12px;border:2px solid transparent;transition:all .15s ease;cursor:pointer}.filter-option:hover{background:var(--color-gray-50)}.filter-option.active{background:var(--color-blue-50);border-color:var(--color-blue-200)}.filter-option label{cursor:pointer;width:100%;margin:0}input[type=checkbox].checkbox{appearance:auto;-webkit-appearance:checkbox;-moz-appearance:checkbox;width:16px;height:16px;cursor:pointer;margin:0;flex-shrink:0;accent-color:var(--color-blue-600)}.empty-state-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.3}.empty-state-text{font-size:1rem;margin-bottom:var(--spacing-xs)}.empty-state-hint{font-size:.875rem;opacity:.7}@media (max-width:768px){.transformer-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.transformer-button{padding:var(--spacing-sm)}.transformer-categories{gap:var(--spacing-xs)}.output-header{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.output-actions{width:100%;justify-content:flex-start}.step-indicator{flex-direction:column;align-items:stretch}.step-arrow{transform:rotate(90deg);align-self:center}.upload-dropzone{padding:var(--spacing-lg)}.upload-dropzone-icon{font-size:2rem}.image-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.edit-tabs{gap:0}.edit-tab{flex:1 1;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.preview-image-wrapper{min-height:250px}.crop-viewport{height:300px}.action-buttons{flex-direction:column}.section-header{font-size:1rem}.edit-section,.select-section,.upload-section{margin-bottom:16px;padding:12px}}@media (max-width:480px){.transformer-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.output-content{font-size:.75rem;padding:var(--spacing-sm);max-height:400px}}.url-result{margin-top:1rem;padding:1rem 1.25rem;background:var(--color-bg-subtle,#f5f5f5);border:2px solid var(--color-primary);border-radius:8px}.url-result__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin-bottom:.5rem}.url-result__row{display:flex;gap:.5rem;align-items:center}.url-result__input{flex:1 1;padding:.5rem .75rem;font-family:monospace;font-size:.875rem;border:1px solid var(--color-border);border-radius:4px;background:#fff;min-width:0}.code-block{border:1px solid #2d3748;border-radius:var(--radius-md);overflow:hidden;margin:1rem 0;padding:0;font-family:var(--font-mono);font-size:.875rem}.code-block__header{display:flex;align-items:center;justify-content:space-between;padding:.375rem .75rem;background:#1e2736;border-bottom:1px solid #2d3748}.code-block__lang{font-family:var(--font-mono);font-size:.75rem;color:#94a3b8;text-transform:lowercase}.code-block__copy{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#94a3b8;padding:.25rem;border-radius:4px;transition:color .15s ease,background .15s ease}.code-block__copy:hover{color:#e2e8f0;background:#2d3748}.code-block pre{margin:0;padding:1rem;font-family:var(--font-mono);font-size:.875rem;line-height:1.6;overflow-x:auto;background:var(--color-code-bg);color:var(--color-code-text)}.code-block pre code.hljs{background:transparent;padding:0}.notes-layout{display:flex;flex-direction:column;height:100%;min-height:0;flex:1 1}.notes-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;gap:.75rem}.notes-header__left{position:relative}.notes-dropdown__trigger,.notes-header__right{display:flex;align-items:center;gap:.5rem}.notes-dropdown__trigger{padding:.375rem .75rem;background:var(--color-gray-100);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:.9375rem;font-weight:500;color:var(--color-gray-900);max-width:280px;transition:background .15s ease,border-color .15s ease}.notes-dropdown__trigger:hover{background:var(--color-gray-200);border-color:var(--color-border-hover)}.notes-dropdown__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-dropdown__chevron{font-size:.625rem;color:var(--color-text-secondary);flex-shrink:0}.notes-dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;min-width:280px;max-width:360px;max-height:360px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100}.notes-dropdown__empty{padding:.75rem 1rem;font-size:.875rem;color:var(--color-text-secondary)}.notes-dropdown__item{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;width:100%;text-align:left;padding:.625rem 1rem;background:none;border:none;border-bottom:1px solid var(--color-gray-100);cursor:pointer;transition:background .1s ease}.notes-dropdown__item:last-child{border-bottom:none}.notes-dropdown__item:hover{background:var(--color-bg-hover)}.notes-dropdown__item--active{background:var(--color-blue-50);border-left:3px solid var(--color-primary)}.notes-dropdown__item--active:hover{background:var(--color-blue-100)}.notes-dropdown__item-title{font-size:.875rem;font-weight:500;color:var(--color-gray-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-dropdown__item-date{font-size:.75rem;color:var(--color-text-secondary);flex-shrink:0}.note-item__untitled{color:var(--color-text-muted);font-style:italic}.notes-editor{min-width:0;background:var(--color-surface);overflow:hidden}.notes-editor,.notes-editor__empty{flex:1 1;display:flex;flex-direction:column}.notes-editor__empty{align-items:center;justify-content:center;gap:1rem;color:var(--color-text-secondary);font-size:.9375rem}.notes-editor__toolbar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.notes-editor__title-input{flex:1 1;min-width:0;font-size:1rem;font-weight:600;border:none;outline:none;background:transparent;color:var(--color-gray-900);padding:.25rem 0}.notes-editor__title-input::placeholder{color:var(--color-text-muted);font-weight:400}.notes-editor__textarea{flex:1 1;width:100%;resize:none;border:none;outline:none;padding:1rem 1.25rem;font-family:var(--font-mono);font-size:.9rem;line-height:1.7;color:var(--color-gray-900);background:var(--color-surface);min-height:0}.notes-editor__live-preview{flex:1 1;overflow-y:auto;padding:1.25rem 1.5rem}.notes-mermaid{margin:1rem 0;text-align:center}.notes-mermaid svg{max-width:100%;height:auto}.notes-mermaid--error{padding:1rem;background:var(--color-red-50);border:1px solid var(--color-red-200);border-radius:var(--radius-md);color:var(--color-red-700);font-family:var(--font-mono);font-size:.875rem;white-space:pre-wrap}.markdown-content{font-size:.9375rem;line-height:1.5;color:var(--color-gray-900)}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{font-weight:600;line-height:1.3;margin:1.5rem 0 .5rem;color:var(--color-gray-900)}.markdown-content h1{font-size:1.5rem}.markdown-content h2{font-size:1.25rem}.markdown-content h3{font-size:1.1rem}.markdown-content p{margin:.75rem 0}.markdown-content ol,.markdown-content ul{margin:.75rem 0;padding-left:1.5rem}.markdown-content li{margin:.25rem 0}.markdown-content li p{margin:0}.markdown-content blockquote{border-left:3px solid var(--color-gray-300);margin:1rem 0;padding:.5rem 1rem;color:var(--color-text-secondary);background:var(--color-gray-50);border-radius:0 4px 4px 0}.markdown-content code:not(pre code){font-family:var(--font-mono);font-size:.85em;background:var(--color-gray-100);color:var(--color-gray-800);padding:.15em .4em;border-radius:4px}.markdown-content table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.875rem}.markdown-content td,.markdown-content th{border:1px solid var(--color-border);padding:.5rem .75rem;text-align:left}.markdown-content th{background:var(--color-gray-50);font-weight:600}.markdown-content hr{border:none;border-top:1px solid var(--color-border);margin:1.5rem 0}.markdown-content a{color:var(--color-primary);text-decoration:underline}.dark .notes-editor__textarea{color:var(--ink-strong)}.dark .markdown-content code:not(pre code){background:var(--cream);color:var(--ink-body)}.dark .notes-dropdown__item--active,.dark .notes-dropdown__item--active:hover{background:var(--accent-blue-soft)}.runtweak-page{height:100vh;overflow:hidden}.runtweak-controls,.runtweak-page{display:flex;flex-direction:column}.runtweak-controls{padding:.5rem 1rem;background:var(--color-surface);border-bottom:1px solid var(--color-gray-200);gap:.5rem;flex-shrink:0}.runtweak-stats{display:flex;gap:1.5rem;align-items:center}.runtweak-stat{font-size:.875rem;color:var(--color-text-secondary)}.runtweak-stat strong{color:var(--color-text);font-size:1rem}.runtweak-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.runtweak-pace-slider{flex:1 1;min-width:120px;max-width:300px;accent-color:var(--color-blue-500)}.runtweak-search{display:flex;gap:.25rem;align-items:center;flex:1 1;min-width:180px;max-width:320px}.runtweak-search .form-input--sm{flex:1 1}.runtweak-map{flex:1 1;overflow:hidden}.quick-calc-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1000;display:flex;align-items:center;justify-content:center}.quick-calc-modal{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:1.5rem;width:360px;max-width:90vw;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-lg)}.quick-calc-modal__header{display:flex;align-items:center;justify-content:space-between}.quick-calc-modal__header h3{margin:0;font-size:1rem;font-weight:600}.quick-calc-modal__body{display:flex;flex-direction:column;gap:1rem}.quick-calc-field{display:flex;flex-direction:column;gap:.25rem}.quick-calc-inputs{display:flex;align-items:center;gap:.25rem}.quick-calc-inputs .form-input{width:72px;text-align:center}.bookmarklet-page{display:flex;flex-direction:column;gap:1.5rem}.bookmarklet-header .page-title{margin:0 0 .25rem}.bookmarklet-header .page-subtitle{margin:0;color:var(--color-text-secondary);font-size:.9375rem}.bookmarklet-drag-target{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--color-gray-50);border:1px dashed var(--color-gray-300);border-radius:var(--radius-md)}.bookmarklet-drag-label{font-size:.875rem;color:var(--color-text-secondary);white-space:nowrap}.bookmarklet-link{cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bookmarklet-form{display:flex;flex-direction:column;gap:1rem}.bookmarklet-editor{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);overflow:hidden}.bookmarklet-actions{display:flex;gap:.75rem;flex-wrap:wrap}.bookmarklet-output{display:flex;flex-direction:column;gap:.5rem}.bookmarklet-url{padding:.75rem 1rem;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.8125rem;word-break:break-all;white-space:pre-wrap;color:var(--color-text);max-height:120px;overflow-y:auto}.dark .bookmarklet-drag-target,.dark .bookmarklet-url{background:var(--surface);border-color:var(--divider-emphasis)}.diff-page{display:flex;flex-direction:column;gap:1.5rem}.diff-inputs{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:640px){.diff-inputs{grid-template-columns:1fr}}.diff-input-group{display:flex;flex-direction:column;gap:.25rem}.diff-textarea{resize:vertical}.diff-textarea,.diff-visual{font-family:var(--font-mono);font-size:.875rem}.diff-visual{line-height:1.6;white-space:pre-wrap;word-break:break-all}.diff-equal{color:var(--color-text)}.diff-delete{background:var(--color-red-100);color:var(--color-red-800);text-decoration:line-through;border-radius:2px}.diff-insert{background:var(--color-green-100);color:var(--color-green-800);border-radius:2px}.diff-patch{font-family:var(--font-mono);font-size:.8125rem;white-space:pre-wrap;word-break:break-all;margin:0;color:var(--color-text)}.diff-levenshtein{font-size:.8125rem;background:var(--color-gray-100);color:var(--color-gray-600)}.dark .diff-delete{background:var(--danger-surface);color:var(--danger)}.dark .diff-insert{background:var(--success-surface);color:var(--success)}.dark .diff-levenshtein{background:var(--cream);color:var(--ink-faint)}@media (max-width:640px){.notes-header{flex-wrap:wrap;padding:.5rem .75rem;gap:.5rem}.notes-header__left{flex:1 1 100%;min-width:0}.notes-dropdown__trigger{max-width:100%;width:100%}.notes-dropdown__menu{min-width:0;width:calc(100vw - 1.5rem);max-width:100%}.notes-header__right{flex:1 1 100%;flex-wrap:wrap;justify-content:flex-end;gap:.375rem}}.ai-models__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.ai-models__search{flex:1 1 200px;min-width:160px}.ai-models__filterbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem}.ai-models__dropdown{position:relative}.ai-models__dropdown-trigger{display:inline-flex;align-items:center;gap:.375rem}.ai-models__dropdown-label{font-weight:500}.ai-models__dropdown-panel{position:absolute;top:calc(100% + .375rem);left:0;z-index:20;min-width:220px;max-height:320px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);box-shadow:var(--shadow-md,0 4px 12px rgba(0,0,0,.1));padding:.375rem;display:flex;flex-direction:column;gap:.125rem}.ai-models__option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;text-align:left;padding:.5rem .625rem;border:none;border-radius:var(--radius-sm,6px);background:transparent;color:var(--color-gray-700);font-size:.875rem;cursor:pointer}.ai-models__option:hover{background:var(--color-gray-50)}.ai-models__option--active{background:var(--color-blue-50);color:var(--color-blue-600);font-weight:500}.ai-models__option--check{justify-content:flex-start;text-transform:capitalize}.ai-models__option-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem}.ai-models__option-row .ai-models__fact-label{min-width:0;flex:1 1}.ai-models__count{font-size:.75rem;opacity:.75}.ai-models__cost-input{width:82px}.ai-models__status{padding:2rem 0;text-align:center;color:var(--color-gray-500)}.ai-models__list{display:flex;flex-direction:column;gap:1rem}.ai-models__model{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm)}.ai-models__model-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.ai-models__model-title{display:flex;flex-direction:column;gap:.25rem}.ai-models__model-name{font-size:1.0625rem;font-weight:600;color:var(--color-gray-900)}.ai-models__model-family{font-size:.8125rem;color:var(--color-gray-500)}.ai-models__copy{flex-shrink:0}.ai-models__id{font-family:var(--font-mono);font-size:.75rem}.ai-models__desc{margin:0 0 .875rem;font-size:.875rem;color:var(--color-gray-600)}.ai-models__facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:.875rem}.ai-models__fact{display:flex;flex-direction:column;gap:.125rem}.ai-models__fact-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-gray-400)}.ai-models__fact-value{font-size:.875rem;color:var(--color-gray-800)}.ai-models__fact-unit{font-size:.75rem;color:var(--color-gray-400)}.ai-models__meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.625rem;font-size:.8125rem;color:var(--color-gray-600)}.ai-models__meta-item code{font-family:var(--font-mono);font-size:.75rem;color:var(--color-gray-700)}.ai-models__badges{display:flex;flex-wrap:wrap;gap:.375rem}.ai-models__badge{background:var(--color-gray-100);color:var(--color-gray-600)}@media (max-width:640px){.ai-models__header{flex-direction:column;align-items:stretch}.ai-models__search{min-width:none;flex:1 1 100%}.ai-models__model-head{flex-direction:column}}.youtube-vet{gap:var(--spacing-lg)}.youtube-vet,.youtube-vet__header{display:flex;flex-direction:column}.youtube-vet__header{gap:var(--spacing-xs)}.youtube-vet__subtitle{color:var(--color-text-secondary);font-size:.9rem}.youtube-vet__search,.youtube-vet__search-input-wrap{display:flex;gap:var(--spacing-sm)}.youtube-vet__search-input-wrap{align-items:center;flex:1 1;padding:0 var(--spacing-md);background:var(--color-bg-section);border:1px solid var(--color-border);border-radius:var(--radius-md)}.youtube-vet__search-input-wrap:focus-within{border-color:var(--color-border-hover)}.youtube-vet__search-input{flex:1 1;width:auto;min-width:0;padding-left:0;padding-right:0;border:none;background:transparent;box-shadow:none}.youtube-vet__search-input:focus{outline:none;border:none;box-shadow:none}.youtube-vet__search-btn{flex-shrink:0}.youtube-vet__search-option{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:.8125rem;color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.youtube-vet__search-option input{cursor:pointer}.youtube-vet__results{display:flex;flex-direction:column;gap:var(--spacing-md)}.youtube-vet__channel{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-section);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.youtube-vet__channel-thumb{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0}.youtube-vet__channel-thumb--sm{width:40px;height:40px}.youtube-vet__channel-thumb--empty{display:flex;align-items:center;justify-content:center;background:var(--color-bg-subtle);color:var(--color-text-muted)}.youtube-vet__channel-info{flex:1 1;min-width:0}.youtube-vet__channel-title{font-weight:600;color:var(--color-text)}.youtube-vet__channel-handle{color:var(--color-primary);font-size:.85rem}.youtube-vet__channel-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-xs);color:var(--color-text-secondary);font-size:.85rem}.youtube-vet__channel-desc{margin-top:var(--spacing-sm);color:var(--color-text-secondary);font-size:.9rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.youtube-vet__channel-actions{flex-shrink:0;align-self:center}.youtube-vet__channel-actions,.youtube-vet__channel-share{display:flex;align-items:center;gap:var(--spacing-xs)}.youtube-vet__channel-action{flex-shrink:0;align-self:center}.youtube-vet__copy-btn,.youtube-vet__share-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.youtube-vet__copy-btn:hover,.youtube-vet__share-btn:hover{color:var(--color-text);border-color:var(--color-border-hover);background:var(--color-bg-subtle)}.youtube-vet__copy-btn .MuiSvgIcon-root,.youtube-vet__share-btn .MuiSvgIcon-root{font-size:1rem}.youtube-vet__status{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary)}.youtube-vet__vet{display:flex;flex-direction:column;gap:var(--spacing-md)}.youtube-vet__vet-head,.youtube-vet__vet-identity{display:flex;align-items:center;gap:var(--spacing-sm)}.youtube-vet__vet-identity{flex:1 1;min-width:0}.youtube-vet__vet-title{font-weight:600;display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);min-width:0}.youtube-vet__vet-title-text{overflow-wrap:anywhere}.youtube-vet__handle-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-subtle);color:var(--color-primary);font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .15s ease,border-color .15s ease}.youtube-vet__handle-btn:hover{background:var(--color-bg-section);border-color:var(--color-border-hover)}.youtube-vet__vet-actions{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-xs)}.youtube-vet__share-btn--labeled .MuiSvgIcon-root{font-size:1rem}.youtube-vet__verdict{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-sm);background:var(--color-bg-section);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.youtube-vet__verdict-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.youtube-vet__verdict-label{font-size:1.125rem;font-weight:600;color:var(--color-text)}.youtube-vet__verdict-badge{font-size:.75rem;font-weight:500;letter-spacing:.02em;padding:.125rem .5rem;border-radius:0}.youtube-vet__verdict-badge.badge--success{color:var(--color-green-800)}.youtube-vet__verdict-badge.badge--warning{color:var(--color-yellow-800)}.youtube-vet__verdict-badge.badge--error{color:var(--color-red-800)}.youtube-vet__answer-label{font-size:.75rem;font-weight:500;color:var(--color-text-secondary)}.youtube-vet__answer-value{font-weight:600;font-size:1.125rem;color:var(--color-text)}.youtube-vet__section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.youtube-vet__section-title{font-size:.9rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.youtube-vet__comments{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}.youtube-vet__comment{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-subtle);border-radius:var(--radius-sm);font-size:.9rem;color:var(--color-text)}@media (max-width:640px){.youtube-vet__channel{flex-direction:column}.youtube-vet__channel-actions{flex-direction:column;align-items:stretch;align-self:stretch;width:100%}.youtube-vet__channel-action{align-self:stretch;width:100%}.youtube-vet__channel-share{width:100%}.youtube-vet__channel-share .youtube-vet__copy-btn,.youtube-vet__channel-share .youtube-vet__share-btn{flex:1 1}.youtube-vet__search{flex-direction:column}.youtube-vet__vet-head{flex-direction:column;align-items:stretch}.youtube-vet__vet-head .btn--xsm{align-self:flex-start}.youtube-vet__vet-actions{margin-left:0}.youtube-vet__vet-actions .youtube-vet__share-btn--labeled{width:100%}}.youtube-vet__comment-text{color:var(--color-text);overflow-wrap:anywhere}.youtube-vet__comment-text a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.youtube-vet__comment-author{color:var(--color-text-secondary);font-size:.85rem}.youtube-vet__answers{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.youtube-vet__answer{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--inset);border:1px solid var(--color-border);border-radius:var(--radius-md)}.youtube-vet__answer-head{display:flex;flex-direction:column;gap:2px}.youtube-vet__bar{display:flex;flex-direction:column;gap:var(--spacing-xs)}.youtube-vet__line{position:relative;height:2px;margin:var(--spacing-sm) .5rem 0;background:var(--divider-emphasis);transition:background .2s ease}.youtube-vet__line-dot{position:absolute;top:50%;width:6px;height:6px;border-radius:50%;background:var(--accent-blue);transform:translate(-50%,-50%);transition:left .3s ease}.youtube-vet__bar-scale{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-secondary)}.youtube-vet__rings{display:flex;flex-direction:column;gap:4px}.youtube-vet__ring-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:2px 0;color:var(--color-text-secondary);font-size:.75rem}.youtube-vet__ring-row--selected{color:var(--color-text);font-weight:600}.youtube-vet__ring{width:20px;height:20px;flex-shrink:0;transform:rotate(-90deg)}.youtube-vet__ring-track{fill:none;stroke:var(--divider-subtle);stroke-width:2.5}.youtube-vet__ring-fill{fill:none;stroke:var(--accent-blue);stroke-width:2.5;stroke-linecap:round;transition:stroke-dasharray .3s ease}.youtube-vet__ring-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.youtube-vet__ring-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-left:auto;color:var(--color-text)}.youtube-vet__videos{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md)}.youtube-vet__video{display:flex;flex-direction:column;padding:0;background:var(--color-bg-section);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:var(--color-text);transition:box-shadow .2s ease}.youtube-vet__video:hover{box-shadow:var(--shadow-md)}.youtube-vet__video-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.youtube-vet__video-thumb,.youtube-vet__video-thumb--empty{background:var(--color-bg-subtle)}.youtube-vet__video-title{margin:var(--spacing-sm) 0;padding:0 var(--spacing-md);font-size:.85rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}