.pilot-canvas{background:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-2xl);font-family:var(--font-family);left:50%;max-height:80vh;max-width:90vw;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:600px;z-index:1000}.pilot-canvas__header{align-items:center;background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.pilot-canvas__title{color:var(--color-neutral-900);font-size:var(--font-size-xl);font-weight:700;margin:0}.pilot-canvas__close{background:none;border:none;border-radius:var(--border-radius-md);color:var(--color-neutral-600);cursor:pointer;font-size:var(--font-size-2xl);padding:var(--spacing-xs);transition:background-color var(--transition-fast)}.pilot-canvas__close:hover{background:var(--color-neutral-200);color:var(--color-neutral-900)}.pilot-canvas__tabs{background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);display:flex}.pilot-tab{background:none;border:none;border-bottom:3px solid transparent;color:var(--color-neutral-600);cursor:pointer;flex:1;font-size:var(--font-size-base);font-weight:600;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast)}.pilot-tab:hover{background:var(--color-neutral-100);color:var(--color-neutral-900)}.pilot-tab--active{background:#fff;border-bottom-color:var(--color-primary-600);color:var(--color-primary-600)}.pilot-tab-content{display:none;max-height:60vh;overflow-y:auto;padding:var(--spacing-xl)}.pilot-tab-content--active{display:block}.pilot-section h4{color:var(--color-neutral-900);font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--spacing-md) 0}.pilot-description{color:var(--color-neutral-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.theme-options{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.theme-option{background:#fff;border:2px solid var(--color-neutral-200);border-radius:var(--border-radius-lg);cursor:pointer;padding:var(--spacing-lg);text-align:center;transition:all var(--transition-fast)}.theme-option:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.theme-option--selected,.theme-option:active{background:var(--color-primary-50);border-color:var(--color-primary-600)}.theme-option__name{color:var(--color-neutral-900);font-size:var(--font-size-base);font-weight:600}.feature-flags{display:flex;flex-direction:column;gap:var(--spacing-lg)}.feature-flag{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.feature-flag__label{align-items:center;cursor:pointer;display:flex;margin-bottom:var(--spacing-sm)}.feature-flag__checkbox{accent-color:var(--color-primary-600);cursor:pointer;height:20px;margin-right:var(--spacing-md);width:20px}.feature-flag__name{color:var(--color-neutral-900);font-size:var(--font-size-base);font-weight:600}.feature-flag__status{align-items:center;display:flex;gap:var(--spacing-md)}.feature-flag__env-value{background:var(--color-neutral-100);color:var(--color-neutral-600);font-family:monospace}.feature-flag__env-value,.feature-flag__override{border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.feature-flag__override{background:var(--color-primary-100);color:var(--color-primary-700);font-weight:600}.pilot-actions{border-top:1px solid var(--color-neutral-200);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center}.pilot-canvas .btn{border:1px solid;border-radius:var(--border-radius-md);cursor:pointer;display:inline-block;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all var(--transition-fast)}.pilot-canvas .btn--secondary{background:#fff;border-color:var(--color-neutral-300);color:var(--color-neutral-700)}.pilot-canvas .btn--secondary:hover{background:var(--color-neutral-50);border-color:var(--color-neutral-400)}.pilot-widget{bottom:24px;position:fixed;right:24px;z-index:999}.pilot-widget__button{align-items:center;background:var(--color-primary-600);border:none;border-radius:50%;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;transition:all var(--transition-fast);width:60px}.pilot-widget__button:hover{background:var(--color-primary-700);box-shadow:var(--shadow-xl);transform:scale(1.1)}.pilot-widget__button:active{transform:scale(.95)}.pilot-canvas:before{background:rgba(0,0,0,.5);content:"";height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:-1}@media (max-width:768px){.pilot-canvas{max-height:85vh;width:95vw}.theme-options{grid-template-columns:1fr}.pilot-widget{bottom:16px;right:16px}.pilot-widget__button{font-size:20px;height:50px;width:50px}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.pilot-canvas[style*=block]{animation:slideIn .2s ease-out}