:root{--z-color-primary:#2563eb;--z-color-primary-hover:#1d4ed8;--z-color-primary-disabled:#93c5fd;--z-color-text:#0f172a;--z-color-text-secondary:#374151;--z-color-text-muted:#6b7280;--z-color-text-placeholder:#9ca3af;--z-color-text-on-primary:#fff;--z-color-surface:#fff;--z-color-surface-subtle:#f8fafc;--z-color-surface-preview:#f1f5f9;--z-color-border:#e2e8f0;--z-color-border-input:#d1d5db;--z-color-border-light:#cbd5e1;--z-color-success:#16a34a;--z-color-error:#dc2626;--z-color-error-bg:#fef2f2;--z-color-error-text:#991b1b;--z-color-selected-bg:#eff6ff;--z-color-selected-hover:#dbeafe;--z-space-1:2px;--z-space-2:4px;--z-space-3:6px;--z-space-4:8px;--z-space-5:10px;--z-space-6:12px;--z-space-7:14px;--z-space-8:16px;--z-space-9:18px;--z-space-10:20px;--z-space-11:28px;--z-font-size-xs:10px;--z-font-size-sm:11px;--z-font-size-md:12px;--z-font-size-lg:13px;--z-font-size-xl:15px;--z-font-size-2xl:18px;--z-font-size-3xl:20px;--z-radius-sm:4px;--z-radius-md:6px;--z-radius-lg:8px;--z-radius-xl:12px;--z-shadow-sm:0 4px 20px #0000001f;--z-shadow-md:0 8px 24px #00000029;--z-shadow-lg:0 20px 60px #00000059}:focus-visible{outline:2px solid var(--z-color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.cab-tool-btn{cursor:pointer;color:var(--z-color-text-secondary);background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .12s,color .12s;display:flex}.cab-tool-btn:hover{background-color:#0f172a14}.cab-tool-btn:active{background-color:#0f172a24}.cab-tool-btn[aria-pressed=true],.cab-tool-btn[aria-expanded=true]{color:var(--z-color-primary-hover);background-color:#2563eb1f}.cab-tool-btn[aria-pressed=true]:hover,.cab-tool-btn[aria-expanded=true]:hover{background-color:#2563eb2e}.cab-tool-btn--danger{color:var(--z-color-error)}.cab-tool-btn--danger:hover{background-color:#dc26261a}.cab-tool-btn--danger[aria-pressed=true]{color:var(--z-color-error);background-color:#dc262624}.cab-tool-btn--danger[aria-pressed=true]:hover{background-color:#dc262633}.z-shape-tile{border:1px solid var(--z-color-border);background-color:var(--z-color-surface);transition:background-color .12s,border-color .12s}.z-shape-tile:hover:not(:disabled):not([aria-pressed=true]){background-color:var(--z-color-surface-subtle);border-color:var(--z-color-border-input)}.z-shape-tile[aria-pressed=true]{border-color:var(--z-color-primary);background-color:var(--z-color-selected-bg)}.z-shape-tile[aria-pressed=true]:hover:not(:disabled){background-color:var(--z-color-selected-hover)}.z-tile-action{width:20px;height:20px;color:var(--z-color-text-secondary);cursor:pointer;opacity:0;background:#ffffffeb;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:opacity .12s,transform .12s,background-color .12s,color .12s;display:flex;position:absolute;top:4px;right:4px;transform:scale(.85);box-shadow:0 1px 2px #0000001f}.z-shape-tile:hover .z-tile-action,.z-shape-tile:focus-within .z-tile-action,.z-tile-action:focus-visible{opacity:1;transform:scale(1)}.z-tile-action:hover{background-color:var(--z-color-error-bg);color:var(--z-color-error)}