.command-surface-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1050;opacity:0;cursor:pointer;background-color:#0003;transition:opacity .22s cubic-bezier(.2,.8,.2,1);position:fixed;inset:0}.command-surface-backdrop[data-state=open]{opacity:1}.command-surface-backdrop[data-state=closing]{opacity:0;transition-duration:.18s}.command-surface{z-index:1100;background-color:var(--bg-surface);flex-direction:column;display:flex;position:fixed;overflow:hidden}@media (min-width:640px){.command-surface{border-left:1px solid var(--border-default);width:440px;max-width:90vw;transition:transform .22s cubic-bezier(.2,.8,.2,1);top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 24px #0000001f}.command-surface[data-state=open]{transform:translate(0)}.command-surface[data-state=closing]{transition-duration:.18s;transform:translate(100%)}.command-surface[data-level=draft]{width:480px}}@media (max-width:639px){.command-surface{border-top:1px solid var(--border-default);border-radius:16px 16px 0 0;width:100%;max-height:92vh;transition:transform .22s cubic-bezier(.2,.8,.2,1);inset:auto 0 0;transform:translateY(100%);box-shadow:0 -4px 24px #0000001f}.command-surface[data-state=open]{transform:translateY(0)}.command-surface[data-state=closing]{transition-duration:.18s;transform:translateY(100%)}.command-surface:before{content:none}.command-surface[data-mobile-mode=fullscreen]{border-radius:0;max-height:100vh}.command-surface[data-mobile-mode=fullscreen]:before{display:none}}.command-surface__drag-indicator{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:28px;display:flex}.command-surface__drag-indicator:after{content:"";background-color:var(--border-default);border-radius:2px;width:48px;height:4px;display:block}.command-surface__drag-indicator:active{cursor:grabbing}@media (max-width:639px){.command-surface__drag-indicator{height:36px;min-height:44px}}.command-surface[data-dragging=true]{-webkit-user-select:none;user-select:none;transition:none!important}.command-surface__header{border-bottom:1px solid var(--border-default);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:0 12px;display:flex}.command-surface__header-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.command-surface__header-right{flex-shrink:0;align-items:center;gap:4px;display:flex}.command-surface__icon{color:var(--text-muted);flex-shrink:0;align-items:center;display:flex}.command-surface__title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:600;overflow:hidden}.command-surface__header-btn{width:36px;min-width:44px;height:36px;min-height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .12s,color .12s;display:flex}.command-surface__header-btn:hover{background-color:var(--bg-elevated);color:var(--text-primary)}.command-surface__header-btn:active{background-color:var(--bg-elevated);opacity:.8}.command-surface__header-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.command-surface__save-state{white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:12px;display:flex}.command-surface__save-state[data-save-state=idle]{color:var(--text-muted)}.command-surface__save-state[data-save-state=saving]{color:var(--text-secondary)}.command-surface__save-state[data-save-state=saved]{color:var(--status-success,#22c55e)}.command-surface__save-state[data-save-state=error]{color:var(--status-error,#ef4444)}.command-surface__save-state-icon{flex-shrink:0;align-items:center;display:inline-flex}.command-surface__save-state-icon--saving{animation:1.5s ease-in-out infinite cs-pulse}@keyframes cs-pulse{0%,to{opacity:1}50%{opacity:.35}}.command-surface__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.command-surface__footer{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-default);background-color:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:64px;display:flex}.command-surface__footer-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.command-surface__action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;justify-content:center;align-items:center;height:36px;min-height:44px;padding:0 20px;font-size:14px;font-weight:500;transition:background-color .12s,color .12s,opacity .12s;display:inline-flex}.command-surface__action-btn--primary{background-color:var(--gold,#d4af37);color:var(--bg-base,#0f0f0f)}.command-surface__action-btn--primary:hover:not(:disabled){opacity:.88}.command-surface__action-btn--primary:disabled{opacity:.4;cursor:not-allowed}.command-surface__action-btn--primary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.command-surface__action-btn--secondary{color:var(--text-secondary);border:1px solid var(--border-default);background-color:#0000}.command-surface__action-btn--secondary:hover{background-color:var(--bg-elevated)}.command-surface__action-btn--secondary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.command-surface-minimized-chip{bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:900;background-color:var(--bg-surface);border:1px solid var(--border-default);cursor:pointer;border-radius:24px;align-items:center;gap:8px;max-width:calc(100vw - 48px);padding:8px 14px;transition:box-shadow .12s,transform .12s;display:flex;position:fixed;left:24px;box-shadow:0 4px 16px #0000001f}.command-surface-minimized-chip:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00000029}.command-surface-minimized-chip__icon{color:var(--text-secondary);flex-shrink:0;align-items:center;display:flex}.command-surface-minimized-chip__label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.command-surface-minimized-chip__close{width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .12s;display:flex}.command-surface-minimized-chip__close:hover{color:var(--text-primary)}.command-surface-minimized-chip__close:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){.command-surface,.command-surface-backdrop,.command-surface-minimized-chip{transition:none!important;animation:none!important}}