*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:"Inter", "Helvetica Neue", Arial, sans-serif;--color-bg:#0d0d0d;--color-text:#f8f8f8;--color-muted:#a0a0a0;--color-dim:#666;--color-surface:#1a1a1a;--color-danger:#e06070;--color-error:#921122;--color-success:#2db864;--color-success-background:#2f6e17;--border-subtle:#ffffff1a;--ease-out:cubic-bezier(.25, .46, .45, .94);--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--grid-gap:45px;--page-margin:33px;--max-width:1400px;--commonui-viewport-margin:10px;--palette-blue:#0b1f2f;--palette-green:#1b2c14;--palette-yellow:#332500;--palette-orange:#311b03;--palette-red:#320b0c;--palette-red-hot:#1a0506}html{background:var(--color-bg)}body{font-family:var(--font-sans);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:0 0;flex-direction:column;min-height:100vh;font-size:14px;line-height:1.5;display:flex}h1,h2,h3{font-family:var(--font-sans);letter-spacing:-.02em;font-weight:400;line-height:1.15}h1{font-size:2rem}h2{font-size:1.25rem}h3{font-size:1rem;font-weight:500}a{color:var(--color-text);text-decoration:none}a:hover{color:var(--color-muted)}:focus{outline:none}:focus-visible{outline-offset:1px;border-radius:2px;outline:1px solid #ffffff8c}a:focus-visible{text-underline-offset:3px;outline:none;text-decoration:underline;text-decoration-thickness:1px}.commonui-flyout{opacity:0;transform-origin:100% 0;pointer-events:none;transition:opacity .15s,transform .15s;transform:translateY(-4px)scale(.98)}.commonui-flyout.is-open{opacity:1;pointer-events:auto;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);transform:translateY(0)scale(1)}.commonui-flyout--above{transform-origin:100% 100%;transform:translateY(4px)scale(.98)}.commonui-flyout--above.is-open{transform:translateY(0)scale(1)}.commonui-flyout--centered{transform-origin:top;transform:translate(-50%)translateY(-4px)scale(.98)}.commonui-flyout--centered.is-open{transform:translate(-50%)translateY(0)scale(1)}.commonui-flyout--centered button{text-align:center}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.commonui-btn,.commonui-confirm-btn{box-sizing:border-box;font-family:var(--font-sans);color:var(--color-text);border:1px solid var(--border-subtle);cursor:pointer;white-space:nowrap;background:#ffffff0d;border-radius:5px;justify-content:center;align-items:center;gap:6px;line-height:1;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.commonui-btn{height:38px;padding:0 16px;font-size:13px}.commonui-btn-sm,.commonui-confirm-btn{gap:5px;height:32px;padding:0 16px;font-size:13px}.commonui-btn:hover:not(:disabled):not([aria-disabled=true]),.commonui-confirm-btn:hover:not(:disabled):not([aria-disabled=true]){background:#ffffff14;border-color:#ffffff2e}.commonui-btn:focus,.commonui-confirm-btn:focus{outline:none}.commonui-btn:focus-visible:not(:disabled):not([aria-disabled=true]),.commonui-confirm-btn:focus-visible:not(:disabled):not([aria-disabled=true]){border-color:#ffffff4d;outline:none}.commonui-btn:disabled,.commonui-btn[aria-disabled=true],.commonui-btn:disabled:hover,.commonui-btn[aria-disabled=true]:hover,.commonui-confirm-btn:disabled,.commonui-confirm-btn[aria-disabled=true],.commonui-confirm-btn:disabled:hover,.commonui-confirm-btn[aria-disabled=true]:hover{opacity:.4;cursor:not-allowed}.commonui-btn-icon{cursor:pointer;color:var(--color-dim);background:0 0;border:none;padding:.25rem;font-size:1.125rem;line-height:1;transition:color .15s}.commonui-btn-icon:hover{color:var(--color-text)}.commonui-toolbar-btn{border:1px solid var(--border-subtle);color:var(--color-muted);cursor:pointer;font-family:var(--font-sans);background:0 0;border-radius:5px;justify-content:center;align-items:center;padding:calc(.4em + 3px);font-size:.75rem;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.commonui-toolbar-btn:hover:not(:disabled):not([aria-disabled=true]){color:var(--color-text);border-color:#fff3}.commonui-toolbar-btn:focus{outline:none}.commonui-toolbar-btn:focus-visible{color:var(--color-text);border-color:#ffffff4d;outline:none}.commonui-toolbar-btn:disabled,.commonui-toolbar-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}.commonui-toolbar-btn:has(span){white-space:nowrap;gap:6px;padding:calc(.4em + 3px) calc(1em + 3px)}.commonui-toolbar-btn--active{color:var(--color-text);border-color:#ffffff40}.commonui-test-btn{box-sizing:border-box;width:65px;height:38px;font-family:var(--font-sans);color:var(--color-text);border:1px solid var(--border-subtle);cursor:pointer;background:#ffffff0d;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-size:11px;line-height:1;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.commonui-test-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff2e}.commonui-test-btn:focus{outline:none}.commonui-test-btn:focus-visible:not(:disabled){border-color:#ffffff4d;outline:none}.commonui-test-btn:disabled{opacity:.4;cursor:not-allowed}.commonui-test-btn--ok{color:#fff;background:var(--color-success-background);border-color:var(--color-success-background)}.commonui-test-btn--ok:hover:not(:disabled){background:#36c76e;border-color:#36c76e}.commonui-test-btn--fail{color:#fff;background:var(--color-error);border-color:var(--color-error)}.commonui-test-btn--fail:hover:not(:disabled){background:#b21a30;border-color:#b21a30}.commonui-test-btn-dots{justify-content:center;align-items:center;gap:3px;min-width:26px;display:inline-flex}.commonui-test-btn-dots>span{opacity:.25;background:currentColor;border-radius:50%;width:4px;height:4px;animation:1.1s ease-in-out infinite commonui-test-btn-dot}.commonui-test-btn-dots>span:nth-child(2){animation-delay:.18s}.commonui-test-btn-dots>span:nth-child(3){animation-delay:.36s}@keyframes commonui-test-btn-dot{0%,80%,to{opacity:.25}40%{opacity:1}}.commonui-spinner{border:2px solid #ffffff1a;border-top-color:var(--color-muted);vertical-align:-2px;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s cubic-bezier(.4,0,.2,1) infinite commonui-spinner-spin;display:inline-block}@keyframes commonui-spinner-spin{to{transform:rotate(360deg)}}.commonui-empty-state{color:var(--color-muted);text-align:center;border:2px dashed var(--border-subtle);box-sizing:border-box;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:200px;padding:100px 24px;display:flex}.commonui-empty-state svg{color:var(--color-dim)}.commonui-empty-state-title{letter-spacing:.04em;color:var(--color-dim);font-size:1.25rem;font-weight:300}.commonui-empty-state-hint{color:var(--color-dim);opacity:.5;font-size:.8125rem}.commonui-empty-state--clickable{cursor:pointer;transition:border-color .2s,color .2s}.commonui-empty-state--clickable:hover{border-color:#ffffff1f}.commonui-empty-state--clickable:focus-visible{border-color:#ffffff2e;outline:none}#commonui-toast-container{z-index:10200;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:51px;left:50%;transform:translate(-50%)}.commonui-toast{background:var(--color-surface);color:var(--color-text);border:1px solid var(--border-subtle);white-space:nowrap;opacity:0;border-radius:100px;align-items:center;gap:10px;padding:16px 32px;font-size:.9375rem;transition:opacity .2s,transform .2s;display:inline-flex;transform:translateY(-12px);box-shadow:0 8px 48px #00000080}.commonui-toast.is-visible{opacity:1;transform:translateY(0)}.commonui-toast--error{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#921122;border-color:#921122;padding-left:22px}.commonui-toast--success{background:var(--color-success-background);border-color:var(--color-success-background);color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-left:22px}.commonui-toast-icon{color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.commonui-toast-label{margin-top:-1px}.commonui-confirm-overlay,.commonui-dialog-overlay{padding:var(--commonui-viewport-margin);opacity:0;pointer-events:none;perspective:1400px;background:#0009;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:fixed;inset:0}.commonui-confirm-overlay{z-index:9999}.commonui-confirm-overlay.is-visible,.commonui-dialog-overlay.is-visible{opacity:1;pointer-events:auto}.commonui-backdrop{opacity:0;pointer-events:none;background:#0009;transition:opacity .32s ease-out;position:fixed;inset:0}.commonui-backdrop.is-visible{opacity:1;pointer-events:auto}.commonui-dialog-overlay{z-index:9000}.commonui-confirm-dialog,.commonui-dialog{box-shadow:0 6px 14px #0000002e}.commonui-confirm-overlay.is-visible .commonui-confirm-dialog,.commonui-dialog-overlay.is-visible .commonui-dialog{box-shadow:0 16px 48px #0006}.dialog-animation-twistin{transform-origin:0 0;transition:transform .42s var(--ease-spring), box-shadow .42s var(--ease-spring);transform:rotate(-1.5deg)translate(-6px,-10px)scale(.97)}.commonui-confirm-overlay.is-visible .dialog-animation-twistin,.commonui-dialog-overlay.is-visible .dialog-animation-twistin{transform:rotate(0)translate(0)scale(1)}.dialog-animation-fadedown{transform-origin:50% 25%;transition:transform .42s var(--ease-spring), box-shadow .42s var(--ease-spring);transform:rotateX(8deg)translateY(-14px)scale(1.04)}.commonui-confirm-overlay.is-visible .dialog-animation-fadedown,.commonui-dialog-overlay.is-visible .dialog-animation-fadedown{transform:rotateX(0)translateY(0)scale(1)}.commonui-confirm-dialog{background:var(--color-surface);border:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;border-radius:8px;width:90vw;max-width:400px;padding:28px 32px 24px}.commonui-confirm-message{color:var(--color-text);margin-bottom:24px;font-size:16px}.commonui-confirm-actions{justify-content:flex-end;gap:10px;display:flex}.commonui-btn-cancel,.commonui-confirm-btn-cancel{color:var(--color-muted);background:0 0;border-color:#0000}.commonui-btn-cancel:hover:not(:disabled):not([aria-disabled=true]),.commonui-confirm-btn-cancel:hover:not(:disabled):not([aria-disabled=true]){color:var(--color-text);background:0 0;border-color:#0000}.commonui-btn-confirm,.commonui-confirm-btn-confirm{color:var(--color-danger);background:var(--border-subtle)}.commonui-btn-confirm:hover:not(:disabled),.commonui-confirm-btn-confirm:hover:not(:disabled){color:#f07080;background:#ffffff26}.commonui-btn-neutral,.commonui-confirm-btn-neutral{background:#ffffff1a}.commonui-btn-neutral:hover:not(:disabled),.commonui-confirm-btn-neutral:hover:not(:disabled){background:#ffffff29}.commonui-btn-success,.commonui-confirm-btn-success{color:#fff;background:var(--color-success-background);border-color:var(--color-success-background)}.commonui-btn-success:hover:not(:disabled),.commonui-confirm-btn-success:hover:not(:disabled){background:#36c76e;border-color:#36c76e}.commonui-dialog{background:var(--color-surface);border:1px solid var(--border-subtle);border-radius:10px;flex-direction:column;flex-shrink:0;align-self:flex-start;width:100%;min-width:360px;max-width:720px;max-height:calc(100vh - clamp(96px,20vh,240px));margin-top:clamp(48px,10vh,120px);padding:28px;display:flex;position:relative;overflow:hidden}.commonui-dialog:not(:has(.commonui-dialog-tabs)){max-width:520px}.commonui-dialog-title-row{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;display:flex}.commonui-dialog-title{min-width:0;color:var(--color-text);letter-spacing:-.01em;flex:1;font-size:15px;font-weight:500}.commonui-dialog-close{width:28px;height:28px;color:var(--color-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;line-height:1;transition:color .15s,background .15s;display:inline-flex}.commonui-dialog-close:hover{color:var(--color-text);background:#ffffff0f}.commonui-dialog-tabs{scrollbar-width:none;border-bottom:1px solid #ffffff14;flex-shrink:0;margin:0 -28px;padding:0 28px;display:flex;position:relative;overflow-x:auto}.commonui-dialog-tabs::-webkit-scrollbar{display:none}.commonui-dialog-tab{white-space:nowrap;font-family:var(--font-sans);letter-spacing:.03em;color:var(--color-muted);cursor:pointer;background:0 0;border:none;padding:8px 16px 18px;font-size:12px;font-weight:500;transition:color .15s;position:relative}.commonui-dialog-tab:first-of-type{padding-left:0}.commonui-dialog-tab:hover,.commonui-dialog-tab.is-active{color:var(--color-text)}.commonui-dialog-tab-indicator{background:var(--color-text);pointer-events:none;will-change:transform, width;border-radius:1px;height:2px;position:absolute;bottom:-1px;left:0}.commonui-dialog-tab-indicator.is-animated{transition:transform .32s var(--ease-out), width .32s var(--ease-out), opacity .18s ease-out}.commonui-dialog-body{flex:1;min-height:0;margin-top:16px;display:block;overflow-y:auto}.commonui-dialog-tabs+.commonui-dialog-body{margin-top:28px}.commonui-dialog-row{display:block}.commonui-dialog-row+.commonui-dialog-row{margin-top:12px}.commonui-dialog-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;display:flex}.commonui-ctx-menu-backdrop{z-index:10010;position:fixed;inset:0}.commonui-ctx-menu{z-index:10011;background:var(--color-surface);border:1px solid var(--border-subtle);opacity:0;transform-origin:0 0;pointer-events:none;border-radius:8px;width:max-content;min-width:180px;padding:5px;transition:opacity .15s,transform .15s;position:fixed;transform:translateY(-4px)scale(.98);box-shadow:0 8px 28px #00000080}.commonui-ctx-menu.is-open{opacity:1;pointer-events:auto;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);transform:translateY(0)scale(1)}.commonui-ctx-menu-item{width:100%;color:var(--color-text);white-space:nowrap;font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;padding:7px 12px;font-size:12px;line-height:1.2;transition:color .12s,background .12s;display:flex}.commonui-ctx-menu-item:hover{color:var(--color-text);background:#ffffff0f}.commonui-ctx-menu-item--disabled,.commonui-ctx-menu-item--disabled:hover{cursor:default;opacity:.55;background:0 0}.commonui-ctx-menu-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#ffffff47;pointer-events:none;padding:10px 12px 8px;font-size:9px;font-weight:600}.commonui-ctx-menu-check{width:14px;color:var(--color-text);flex-shrink:0;justify-content:center;align-items:center;margin-left:-2px;margin-right:8px;display:inline-flex}.commonui-ctx-menu-item--submenu{cursor:default;justify-content:space-between;position:relative}.commonui-ctx-menu-item--submenu>span:first-child{flex:1}.commonui-ctx-menu-arrow{opacity:.55;margin-left:12px;font-size:16px;line-height:1}.commonui-ctx-menu-item--submenu:hover .commonui-ctx-menu-arrow{opacity:.85}.commonui-ctx-submenu{z-index:302;background:var(--color-surface);border:1px solid var(--border-subtle);opacity:0;transform-origin:0 0;pointer-events:none;visibility:hidden;border-radius:8px;width:max-content;min-width:180px;padding:5px;transition:opacity .15s,transform .15s,visibility 0s .15s;position:absolute;top:-6px;left:calc(100% + 4px);transform:translate(-4px)scale(.98);box-shadow:0 8px 28px #00000080}.commonui-ctx-submenu:before{content:"";width:8px;position:absolute;top:0;bottom:0;left:-8px}.commonui-ctx-submenu--flip-x:before{left:auto;right:-8px}.commonui-ctx-menu-item--submenu.is-open>.commonui-ctx-submenu{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out), visibility 0s;transform:translate(0)scale(1)}.commonui-ctx-submenu--flip-x{transform-origin:100% 0;left:auto;right:calc(100% + 4px);transform:translate(4px)scale(.98)}.commonui-ctx-menu-item--submenu.is-open>.commonui-ctx-submenu--flip-x{transform:translate(0)scale(1)}.commonui-ctx-submenu--flip-y{transform-origin:0 100%;top:auto;bottom:-6px}.commonui-ctx-submenu--flip-x.commonui-ctx-submenu--flip-y{transform-origin:100% 100%}.commonui-checkbox{width:100%;color:var(--color-muted);font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:4px 6px;font-size:12px;line-height:1.2;transition:color .12s,background .12s;display:flex}.commonui-checkbox:hover{background:#ffffff0a}.commonui-checkbox[aria-checked=true]{color:var(--color-text)}.commonui-checkbox>.commonui-ctx-menu-check{width:14px;height:14px}.commonui-checkbox-label{flex:1;min-width:0}.commonui-dialog-input{border:1px solid var(--border-subtle);width:100%;color:var(--color-text);font-family:var(--font-sans);background:#ffffff0d;border-radius:5px;outline:none;padding:10px 14px;font-size:.8125rem;transition:border-color .15s}.commonui-dialog-label{font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);margin-bottom:6px;font-size:11px;font-weight:500;display:block}.commonui-dialog-input:focus{border-color:#ffffff40}.commonui-dialog-input:disabled{color:var(--color-dim);cursor:not-allowed;background:#ffffff05}textarea.commonui-dialog-input{resize:vertical;min-height:88px;line-height:1.5;font-family:var(--font-sans)}.commonui-number-input{display:inline-block;position:relative}.commonui-number-input-field{border:1px solid var(--border-subtle);width:100%;color:var(--color-text);font-family:var(--font-sans);appearance:textfield;background:#ffffff0d;border-radius:5px;outline:none;padding:10px 14px;font-size:.8125rem;transition:border-color .15s}.commonui-number-input-field:focus{border-color:#ffffff40}.commonui-number-input-field:disabled{color:var(--color-dim);cursor:not-allowed;background:#ffffff05}.commonui-number-input-field::-webkit-inner-spin-button{appearance:none;margin:0}.commonui-number-input-field::-webkit-outer-spin-button{appearance:none;margin:0}.commonui-number-input-flyout{z-index:10005;background:var(--color-surface);border:1px solid var(--border-subtle);opacity:0;pointer-events:none;border-radius:6px;padding:14px 14px 10px;transition:opacity .15s,transform .15s;position:fixed;transform:translateY(-4px);box-shadow:0 8px 28px #00000080}.commonui-number-input-flyout.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.commonui-number-input-bounds{font-family:var(--font-sans);color:var(--color-dim);letter-spacing:.04em;justify-content:space-between;margin-top:6px;font-size:10px;display:flex}.commonui-number-input-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:2px;outline:none;width:100%;height:4px;margin:0}.commonui-number-input-slider::-webkit-slider-thumb{appearance:none;background:var(--color-text);cursor:grab;border:none;border-radius:50%;width:14px;height:14px;transition:transform .1s}.commonui-number-input-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}.commonui-number-input-slider::-moz-range-thumb{background:var(--color-text);cursor:grab;border:none;border-radius:50%;width:14px;height:14px}.commonui-number-input-slider:disabled{opacity:.4;cursor:not-allowed}.commonui-dialog-error{color:#fff;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#921122;border-radius:4px;align-items:flex-start;gap:6px;width:fit-content;margin-top:8px;padding:6px 12px 7px 7px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:11px;font-weight:500;line-height:1.45;display:inline-flex}.commonui-dialog-error:empty{display:none}.commonui-dialog-error:before{content:"×";color:#fff;margin-top:-1px;margin-left:2px;font-size:15px;font-weight:600;line-height:1}.commonui-search-field{border:1px solid var(--border-subtle);color:var(--color-muted);background:#ffffff0d;align-items:center;transition:border-color .15s,background .15s;display:inline-flex}.commonui-search-field--round{border-radius:100px;height:32px;padding:0 4px 0 12px}.commonui-search-field--square{border-radius:5px;height:38px;padding:0 6px 0 14px}.commonui-search-field:hover{border-color:#ffffff24}.commonui-search-field:focus-within{background:#ffffff12;border-color:#ffffff40}.commonui-search-field-icon{color:var(--color-dim);flex-shrink:0;margin-right:8px;transition:color .15s}.commonui-search-field:focus-within .commonui-search-field-icon{color:var(--color-muted)}.commonui-search-field-input{min-width:0;font-family:var(--font-sans);color:var(--color-text);appearance:none;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:.8125rem;line-height:1}.commonui-search-field-input::-webkit-search-cancel-button{appearance:none}.commonui-search-field-input::-webkit-search-decoration{appearance:none}.commonui-search-field-input::placeholder{color:var(--color-dim)}.commonui-search-field-clear{width:22px;height:22px;color:var(--color-dim);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;font-size:16px;line-height:1;transition:color .15s,background .15s;display:inline-flex}.commonui-search-field-clear:hover{color:var(--color-text);background:#ffffff14}.commonui-search-field-input:placeholder-shown~.commonui-search-field-clear{visibility:hidden}.commonui-search-field--block{width:100%;display:flex}.commonui-copy-field{border:1px solid var(--border-subtle);background:#ffffff0d;border-radius:5px;align-items:stretch;width:100%;transition:border-color .15s;display:flex;overflow:hidden}.commonui-copy-field:focus-within{border-color:#ffffff2e}.commonui-copy-field-value{min-width:0;color:var(--color-muted);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;cursor:text;-webkit-user-select:all;user-select:all;background:0 0;border:none;outline:none;flex:1;padding:10px 14px;font-family:SF Mono,Menlo,monospace;font-size:.8125rem;overflow:hidden}.commonui-copy-field-value::selection{color:var(--color-text);background:#ffffff26}.commonui-copy-field-copy{width:36px;min-height:34px;color:var(--color-dim);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-left:1px solid #ffffff14;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;line-height:1;transition:color .15s ease-out,background .15s ease-out;display:flex}.commonui-copy-field-copy:hover{color:var(--color-text);background:#ffffff0f}.commonui-copy-field-copy svg{display:block}.commonui-copyable-code{background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:stretch;display:flex;overflow:hidden}.commonui-copyable-code-text{min-width:0;color:var(--color-muted);word-break:break-all;-webkit-user-select:text;user-select:text;cursor:text;flex:1;padding:8px 12px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px;line-height:1.5;display:block}.commonui-copyable-code-text::selection{color:var(--color-text);background:#ffffff26}.commonui-copyable-code-btn{width:36px;min-height:34px;color:var(--color-dim);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-left:1px solid #ffffff14;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;transition:color .15s ease-out,background .15s ease-out;display:flex}.commonui-copyable-code-btn:hover{color:var(--color-text);background:#ffffff0f}.commonui-copyable-code-btn svg{display:block}.commonui-select{position:relative}.commonui-select--square{width:100%;min-width:0;max-width:100%;display:block}.commonui-select--round{display:inline-block}.commonui-select-btn{width:100%;min-width:0;max-width:100%;font-family:var(--font-sans);color:var(--color-text);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:6px;transition:border-color .15s,background .1s;display:flex}.commonui-select-btn>span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.commonui-select-chevron{color:#ffffff4d;flex-shrink:0;transition:transform .15s}.commonui-select-btn.is-open .commonui-select-chevron{transform:rotate(180deg)}.commonui-select-btn:disabled,.commonui-select.is-disabled .commonui-select-btn{opacity:.5;cursor:not-allowed}.commonui-select-item:disabled,.commonui-select-item.is-disabled{opacity:.4;cursor:not-allowed}.commonui-select-menu{overscroll-behavior:contain;z-index:10005;visibility:hidden;opacity:0;pointer-events:none;background:#1e1e1e;width:max-content;transition:opacity .15s,transform .15s,visibility 0s .15s;position:fixed;overflow-y:auto}.commonui-select-menu.is-open{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out), visibility 0s}.commonui-select-item{text-align:left;width:100%;font-family:var(--font-sans);cursor:pointer;background:#1e1e1e;border:none;transition:background .1s,color .1s;display:block}.commonui-select-item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;display:block;overflow:hidden}.commonui-select--round .commonui-select-btn{border:1px solid var(--border-subtle);letter-spacing:.04em;background:0 0;border-radius:30px;padding:12px 15px;font-size:11px}.commonui-select--round .commonui-select-btn:hover{border-color:#fff3}.commonui-select--round .commonui-select-btn.is-open{border-color:#ffffff4d}.commonui-select--round.commonui-select-menu{transform-origin:top;border:1px solid #ffffff1f;border-radius:6px;transform:translateY(-4px);box-shadow:0 8px 24px #00000080}.commonui-select--round.commonui-select-menu.is-open{transform:translateY(0)}.commonui-select--round .commonui-select-item{letter-spacing:.04em;color:#ffffffb3;padding:9px 12px;font-size:11px}.commonui-select--round .commonui-select-item:hover{color:#fff;background:#262626}.commonui-select--round .commonui-select-item.is-active{color:var(--color-text);background:#222}.commonui-select--round .commonui-select-item--action{color:#fff6;border-top:1px solid #ffffff14}.commonui-select--square .commonui-select-btn{border:1px solid var(--border-subtle);background:#ffffff0d;border-radius:5px;padding:10px 14px;font-size:13px}.commonui-select--square .commonui-select-btn:hover{border-color:#ffffff2e}.commonui-select--square .commonui-select-btn.is-open{border-color:#ffffff40}.commonui-select--square.commonui-select-menu{transform-origin:top;border:1px solid #ffffff1f;border-radius:5px;transform:translateY(-4px)scale(.98);box-shadow:0 8px 32px #00000080}.commonui-select--square.commonui-select-menu.is-open{transform:translateY(0)scale(1)}.commonui-select--square .commonui-select-item{color:#e8e8e8;align-items:center;padding:8px 12px;font-size:13px;display:flex}.commonui-select-item.has-icon{align-items:center;display:flex}.commonui-select-item-icon{flex-shrink:0;align-items:center;margin-right:8px;display:inline-flex}.commonui-select--square .commonui-select-item:hover{background:#ffffff12}.commonui-select--square .commonui-select-item.is-active{color:#fff;background:#ffffff1a}.commonui-select--square .commonui-select-item--action{color:#ffffff73;border-top:1px solid #ffffff12;margin-top:4px}.commonui-select--square .commonui-select-item--action:hover{color:#fffc}.commonui-select-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#ffffff47;pointer-events:none;padding:8px 12px 3px;font-size:9px;font-weight:600}.commonui-select-eyebrow:not(:first-child){border-top:1px solid #ffffff0f;margin-top:4px}.commonui-tooltip{z-index:10100;color:#ffffffd9;max-width:400px;font-family:var(--font-sans);letter-spacing:.02em;white-space:pre-line;word-wrap:break-word;pointer-events:none;opacity:0;background:#0a0a0afa;border:1px solid #ffffff14;border-radius:4px;padding:1em 1.75em;font-size:.7rem;line-height:1.5;transition:opacity .15s,transform .15s;position:fixed;transform:translateY(-2px)}.commonui-tooltip[data-placement=bottom]{transform:translateY(2px)}.commonui-tooltip.is-visible{opacity:1;transform:translateY(0)}.commonui-flyout-menu{background:var(--color-surface);border:1px solid var(--border-subtle);min-width:min(280px, calc(100vw - 2 * var(--page-margin)));border-radius:8px;padding:5px;overflow:hidden;box-shadow:0 8px 28px #00000080}.commonui-flyout-identity{align-items:flex-start;gap:.75rem;padding:22px 26px;display:flex}.commonui-flyout-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.commonui-flyout-avatar--placeholder{color:var(--color-text);background:#ffffff14;justify-content:center;align-items:center;font-size:.875rem;display:inline-flex}.commonui-flyout-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.commonui-flyout-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.commonui-flyout-email{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.commonui-flyout-divider{background:#ffffff12;height:1px;margin:4px 0}.commonui-flyout-item{text-align:left;cursor:pointer;width:100%;font-family:var(--font-sans);color:var(--color-text);background:0 0;border:none;border-radius:5px;align-items:center;gap:10px;padding:7px 12px;font-size:12px;line-height:1.2;text-decoration:none;transition:color .12s,background .12s;display:flex}.commonui-flyout-item:hover{color:var(--color-text);background:#ffffff0f}.commonui-flyout-item.is-active{color:var(--color-text)}.commonui-flyout-item-icon{color:inherit;align-items:center;display:inline-flex}.commonui-flyout-item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.commonui-flyout-item-meta{color:var(--color-muted);opacity:.7;white-space:nowrap;margin-left:auto;font-size:.75rem}.commonui-flyout-item--action{font-style:italic}.commonui-flyout-item-row{align-items:center;display:flex}.commonui-flyout-item-row .commonui-flyout-item{flex:1;min-width:0}.commonui-flyout-item-delete{cursor:pointer;color:var(--color-muted);opacity:0;background:0 0;border:none;padding:4px 16px;font-size:1rem;line-height:1;transition:opacity .15s,color .15s}.commonui-flyout-item-row:hover .commonui-flyout-item-delete{opacity:1}.commonui-flyout-item-delete:hover{color:var(--color-text)}.commonui-flyout-submenu-trigger{align-items:center;gap:12px;display:flex}.commonui-flyout-submenu{grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden}.commonui-flyout-submenu>*{min-height:0}.commonui-flyout-submenu.is-open{grid-template-rows:1fr}.commonui-flyout-submenu .commonui-flyout-item{padding-left:28px;font-size:12px}:root{--bg-body:#141414;--bg-card:#2a2b27;--bg-input:#383832;--bg-hover:#63745e26;--dashboard-main-bg:#1a1b18;--text-primary:#f5f1e6;--text-gold:#c2b280;--text-gold-hover:#d4c48e;--text-muted:#8a9a5b;--text-dim:#9a9a8a;--text-soft:#b0a990;--border:#63745e;--border-focus:#8a9a5b;--border-subtle:#63745e4d;--gold:#c2b280;--gold-light:#d4c899;--green:#8a9a5b;--green-bright:#b0c878;--danger-text:#e8a0a0;--danger-bg-subtle:#8b223233;--warning-text:#f9e7a0;--warning-bg-subtle:#f9e7a040;--info-text:#7e99a8;--info-bg-subtle:#7e99a833;--shadow:#0000004d;--shadow-heavy:#0006;--font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--radius:6px;--radius-lg:10px;--max-width:1200px;--transition-fast:.15s ease;--transition-med:.25s ease}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--dashboard-main-bg)}body{font-family:var(--font-family);background:var(--dashboard-main-bg);color:var(--text-primary);margin:0;font-size:.9rem;line-height:1.5}a{color:var(--text-gold);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--text-primary);text-decoration:underline}a.commonui-btn,a.commonui-btn:hover,a.commonui-confirm-btn,a.commonui-confirm-btn:hover{text-decoration:none}img{max-width:100%;display:block}svg{flex-shrink:0}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin:0;font-weight:400}p{margin:0}code{font-family:var(--font-mono);background:var(--bg-input);color:var(--text-primary);white-space:nowrap;border-radius:4px;padding:.15rem .4rem;font-size:.85em}.dashboard-layout{background:var(--dashboard-main-bg);flex-direction:column;min-height:100vh;display:flex}.dashboard-main{max-width:var(--max-width);flex:1;width:100%;margin:0 auto;padding:170px 2rem 2rem}.data-table{border-collapse:collapse;width:100%;font-size:.85rem}.table-scroll{overflow-x:auto}.data-table--compact{font-size:11px}.data-table--compact td{padding:.4rem .6rem}.data-table--compact th{padding:.4rem .6rem;font-size:.7rem}.data-table th{text-align:left;color:var(--text-gold);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:.5rem .75rem;font-size:.75rem;font-weight:500}.data-table th:hover{color:var(--text-primary)}.data-table th .sort-arrow{opacity:.3;transition:opacity var(--transition-fast);margin-left:.3rem;font-size:.65rem;display:inline-block}.data-table th.sorted .sort-arrow{opacity:1}.data-table td{border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast);padding:.5rem .75rem}.data-table tr:hover td{background:var(--bg-hover)}.data-table tbody tr{cursor:pointer}.data-table tbody tr.no-inventory td{opacity:.4}.data-table tbody tr.row-errors td{background:#8b22321f}.data-table tbody tr.row-errors:hover td{background:#8b223238}.data-table tbody tr.row-warning td{background:#f9e7a014}.data-table tbody tr.row-warning:hover td{background:#f9e7a029}.data-table tbody tr.row-in-cart td{background:#c2b28014}.data-table tbody tr.row-in-cart:hover td{background:#c2b28029}.record-count{color:var(--text-muted);margin-bottom:.75rem;font-size:.8rem}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.25rem}.card-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.card-name{color:var(--text-primary);font-size:.95rem;font-weight:500}.card-meta{color:var(--text-dim);font-size:.75rem}.card-email{color:var(--text-gold);font-size:.82rem}.card-address{color:var(--text-soft);font-size:.82rem;line-height:1.5}.card-actions{gap:.5rem;margin-top:.25rem;display:flex}.badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:50px;flex-shrink:0;padding:.1rem .45rem;font-size:.7rem;font-weight:500;line-height:1.5;display:inline-block}.badge-shipped,.badge-confirmed,.badge-wine_add,.badge-wine_matched{color:var(--green);background:#8a9a5b33}.badge-completed,.badge-received{color:var(--green-bright);background:#8a9a5b59}.badge-created,.badge-requested,.badge-initiated{color:var(--text-gold);background:#c2b28033}.badge-researching,.badge-inventory_skipped,.badge-inventory_removed,.badge-research_required{background:var(--warning-bg-subtle);color:var(--warning-text)}.badge-error{background:var(--danger-bg-subtle);color:var(--danger-text)}.badge-default{color:var(--green);background:#8a9a5b33}.badge-type{color:var(--text-gold);background:#c2b28033;font-size:.65rem}.badge-type-storage,.badge-type-invoice{color:var(--text-gold);background:#c2b28033}.badge-type-inventory,.badge-type-auction,.badge-type-inventory_addition{color:var(--green);background:#8a9a5b33}.badge-type-wine_snapshot{background:var(--info-bg-subtle);color:var(--info-text)}.status-dot{vertical-align:middle;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot.created,.status-dot.requested{background:var(--gold)}.status-dot.confirmed,.status-dot.shipped{background:var(--green)}.status-dot.received{background:var(--green-bright)}.status-dot.error{background:var(--danger-text)}.status-dot.pulse{animation:1.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.timeline-row .timeline-row-delete{opacity:0;color:var(--text-dim);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;transition:opacity .15s,color .15s;display:inline-flex}.timeline-row:hover .timeline-row-delete,.timeline-row:focus-within .timeline-row-delete{opacity:1}.timeline-row .timeline-row-delete:hover{color:var(--danger-text)}.timeline-row .timeline-row-delete:disabled{cursor:default;opacity:.4}.inline-input{color:var(--text-primary);font-family:var(--font-family);font-size:inherit;background:0 0;border:1px solid #0000;border-radius:4px;width:100%;padding:.15rem .35rem}.inline-input:hover{border-color:var(--border-subtle)}.inline-input:focus{border-color:var(--gold);background:var(--bg-input);outline:none}.checkbox-label{color:var(--text-soft);cursor:pointer;align-items:center;gap:.4rem;font-size:.82rem;display:flex}.checkbox-label input[type=checkbox]{width:auto;accent-color:var(--green)}.empty-state{text-align:center;color:var(--text-gold);padding:3rem 1rem;font-size:.95rem;font-style:italic}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.toolbar-spacer{flex:1}.toolbar-right{justify-content:flex-end;align-items:center;margin-bottom:1.25rem;display:flex}.searching{opacity:.6;transition:opacity var(--transition-fast)}.breadcrumb{font-family:var(--font-family);flex-wrap:wrap;align-items:baseline;gap:.5rem;min-width:0;line-height:1.2;display:flex}.breadcrumb-parent{color:var(--text-dim);transition:color var(--transition-fast);letter-spacing:-.01em;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-family:inherit;font-size:1.4rem;font-weight:400;line-height:1.2;text-decoration:none}.breadcrumb-parent:hover{color:var(--text-primary);text-decoration:none}.breadcrumb-sep{color:var(--text-dim);opacity:.6;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:1.6rem;font-weight:300;line-height:1}.breadcrumb-current{color:var(--text-primary);letter-spacing:-.01em;min-width:0;font-size:1.4rem;font-weight:400;line-height:1.2}.detail-header{background:0 0;border:none;border-radius:0;margin:0 0 50px;padding:0}.detail-header .detail-meta{color:var(--text-dim);white-space:nowrap;margin-top:.35rem;font-size:.8rem}.detail-meta{color:var(--text-dim);font-size:.8rem}.detail-columns{align-items:flex-start;gap:2rem;display:flex}.detail-primary{flex:0 0 60%;min-width:0}.detail-sidebar{flex:0 0 40%;min-width:0}.wine-inventory-empty.commonui-empty-state{margin-bottom:40px}.empty-state-compact.commonui-empty-state{flex:none;align-self:stretch;min-height:100px;padding:50px 24px}.commonui-empty-state .commonui-empty-state-title,.commonui-empty-state .commonui-empty-state-hint{margin:0}.color-pill{text-transform:uppercase;letter-spacing:.06em;border-radius:50px;padding:.15rem .5rem;font-size:9px;font-weight:600;line-height:1.3;display:inline-block}.color-pill.red{color:#c97a87;background:#9b4d5a33}.color-pill.white{color:#e8dca0;background:#e8dca02e}.nv-label{color:#c2b280cc;font-style:italic}.cart-btn-clip{overflow:clip visible}.cart-btn-wrapper{opacity:0;white-space:nowrap;pointer-events:none;width:0;transition:width .35s ease, opacity var(--transition-med);position:relative;overflow:visible}.cart-btn-wrapper.visible{opacity:1;pointer-events:auto;width:max-content;padding-right:8px}.cart-btn{border:1px solid var(--gold);border-radius:var(--radius);background:var(--gold);color:var(--bg-card);font-size:.85rem;font-weight:500;font-family:var(--font-family);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast);padding:.4rem 1rem;position:relative}.cart-btn:hover{background:var(--gold-light);border-color:var(--gold-light)}.cart-badge{background:var(--gold-light);color:var(--bg-card);opacity:0;min-width:16px;height:16px;transition:opacity var(--transition-med) .15s, transform var(--transition-med) .15s;pointer-events:none;border-radius:8px;justify-content:center;align-items:center;font-size:.65rem;font-weight:600;line-height:1;display:flex;position:absolute;top:-8px;right:-8px;transform:scale(0)}.cart-badge.visible{opacity:1;pointer-events:auto;transform:scale(1)}.text-dim{color:var(--text-dim)}.text-muted{color:var(--text-gold)}.text-sm{font-size:.82rem}.text-xs{font-size:.75rem}.text-right{text-align:right}.section-heading{color:var(--text-gold);margin-bottom:.75rem;font-size:.9rem;font-weight:500}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#63745e66;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#63745e99}*{scrollbar-width:thin;scrollbar-color:#63745e66 transparent}.login-page{background:linear-gradient(#2e2f2ad9,#2e2f2af2),url(/images/backgrounds/winery-background.png) 50%/cover no-repeat;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:1rem;width:100%;max-width:380px;padding:2rem;display:flex}.login-card h1{text-align:center;margin-bottom:.5rem;font-size:1.3rem;font-weight:300}.cell-icon-row{align-items:flex-start;gap:.5rem;display:inline-flex}.cell-icon{color:var(--text-dim);flex-shrink:0;margin-top:3px;display:inline-flex}.data-table td{vertical-align:top}.data-table--center td{vertical-align:middle}.shipment-detail-grid{grid-template-columns:1fr 420px;align-items:start;gap:2rem;display:grid}@media (width<=768px){.dashboard-main{padding:170px 1rem 1.5rem}.card-grid{grid-template-columns:1fr}.detail-columns{flex-direction:column}.detail-primary,.detail-sidebar{flex:auto}.shipment-detail-grid{grid-template-columns:1fr}.shipment-detail-sidebar{order:1}.shipment-detail-items{order:2}}.nav:not(.is-ready){visibility:hidden}.nav:not(.is-ready) *{transition:none!important}.nav{z-index:100;background:var(--bg-body);border-bottom:1px solid var(--border-subtle);position:fixed;top:0;left:0;right:0}.nav-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:80px;margin:0 auto;padding:0 2rem;display:flex;position:relative}.nav-brand{letter-spacing:.02em;align-items:center;gap:14px;min-width:0;font-size:18px;font-weight:500;display:inline-flex;position:relative}.nav-brand>a{color:var(--text-primary);opacity:.85;white-space:nowrap;font-size:18px;text-decoration:none;transition:opacity .3s}.nav-brand>a:hover{opacity:1;text-decoration:none}.nav-brand-meta{color:var(--text-dim);opacity:.55;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}.nav-brand-meta--sm{opacity:.5;font-size:12px}.nav-right{align-items:center;gap:16px;font-size:.8125rem;display:flex}.nav-user-menu{position:relative}.nav-user-trigger{color:var(--text-dim);font-family:var(--font-family);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-size:.8125rem;transition:color .15s;display:flex}.nav-user-trigger:hover{color:var(--text-primary)}.nav-user-avatar{object-fit:cover;width:32px;height:32px;color:var(--text-primary);letter-spacing:0;background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:500;display:inline-flex}.tabs{z-index:99;background:var(--bg-body);border-bottom:1px solid var(--border-subtle);position:fixed;top:80px;left:0;right:0}.tabs-inner{max-width:var(--max-width);gap:0;margin:0 auto;padding:0 2rem;display:flex;position:relative}.tab{color:var(--text-dim);cursor:pointer;font-size:.8125rem;font-family:var(--font-family);transition:color var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.6rem 1rem;text-decoration:none}.tab:hover{color:var(--text-primary);text-decoration:none}.tab.active{color:var(--text-primary)}.tab-indicator{background:var(--gold);height:1px;transition:left var(--transition-med), width var(--transition-med);pointer-events:none;position:absolute;bottom:0}@media (width<=768px){.nav-inner{padding:0 1rem}.tabs-inner{-webkit-overflow-scrolling:touch;padding:0 1rem;overflow-x:auto}}.snapshot-tile-list{max-width:var(--max-width);grid-template-columns:repeat(2,1fr);gap:30px;display:grid}@media (width<=1200px){.snapshot-tile-list{grid-template-columns:1fr}}.snapshot-tile{background:var(--bg-card);isolation:isolate;border:1px solid #000000e6;border-radius:0;align-items:flex-end;gap:14px;min-height:293px;padding:18px 22px;transition:border-color .2s ease-out;display:flex;position:relative;overflow:hidden}.snapshot-tile:not(.snapshot-tile--has-cover):hover{background:#1e1e1ef2;border-color:#ffffff2e}.snapshot-tile--clickable{cursor:pointer}.snapshot-tile--has-cover{background:#000;border-width:0;border-color:#0000}.snapshot-tile-cover{opacity:0;z-index:0;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.snapshot-tile-cover--loaded{opacity:.4}.snapshot-tile--clickable:hover .snapshot-tile-cover{opacity:.6;transition:opacity .2s ease-out}.snapshot-tile-bottom{z-index:1;opacity:.9;align-items:flex-start;gap:14px;width:100%;transition:opacity .2s ease-out;display:flex;position:relative}.snapshot-tile--clickable:hover .snapshot-tile-bottom{opacity:1}.snapshot-tile--has-cover .snapshot-tile-bottom{text-shadow:0 1px 4px #000c}.snapshot-tile-icon{width:36px;height:36px;color:var(--text-dim);background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s ease-out,color .2s ease-out;display:inline-flex}.snapshot-tile-icon--ready{color:var(--text-primary);background:#ffffff1f}.snapshot-tile--pending{opacity:.55;transition:opacity .2s ease-out}.snapshot-tile--pending:hover{opacity:.75}.snapshot-tile-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.snapshot-tile-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex;overflow:hidden}.snapshot-tile-name-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.snapshot-tile-name-dot--ready{background:var(--green);box-shadow:0 0 6px #8a9a5b66}.snapshot-tile-name-dot--pending{background:var(--warning-text)}.snapshot-tile-name-dot--error{background:var(--danger-text);box-shadow:0 0 6px #e8a0a073}.snapshot-tile-name-dot--neutral{background:var(--text-dim)}.snapshot-tile-meta{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.snapshot-tile-action{z-index:2;color:var(--text-primary);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:500;transition:background .15s ease-out,border-color .15s ease-out;display:inline-flex;position:absolute;top:14px;right:14px}.snapshot-tile-action:hover:not(:disabled){background:#ffffff2e;border-color:#ffffff40}.snapshot-tile-action:disabled{opacity:.5;cursor:default}.integrity-header{flex-direction:column;gap:.4rem;margin-bottom:1.5rem;display:flex}.integrity-header h2{letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:400}.integrity-header-meta{color:var(--text-dim);font-size:.82rem}.integrity-toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.25rem;display:flex}.integrity-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.integrity-stat{background:var(--bg-card);border-radius:var(--radius);padding:.75rem 1rem}.integrity-stat-value{color:var(--text-primary);font-size:1.4rem;font-weight:400;line-height:1.1}.integrity-stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-top:.2rem;font-size:.72rem}.integrity-totals{align-items:center;gap:.5rem;margin-left:auto;display:flex}.integrity-total-pill{border-radius:50px;padding:.2rem .6rem;font-size:.75rem;font-weight:500}.integrity-total-pill.error{background:var(--danger-bg-subtle);color:var(--danger-text)}.integrity-total-pill.warning{background:var(--warning-bg-subtle);color:var(--warning-text)}.integrity-total-pill.info{background:var(--info-bg-subtle);color:var(--info-text)}.integrity-total-pill.ok{color:var(--green,#8a9a5b);background:#8a9a5b33}.integrity-section{background:var(--bg-card);border-radius:var(--radius-lg);border-left:3px solid #0000;margin-bottom:.75rem;overflow:hidden}.integrity-section.error{border-left-color:var(--danger-text)}.integrity-section.warning{border-left-color:var(--warning-text)}.integrity-section.info{border-left-color:var(--info-text)}.integrity-section.ok{opacity:.7;border-left-color:#8a9a5b99}.integrity-section-head{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;width:100%;color:inherit;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:.2rem .75rem;padding:.85rem 1rem;font-family:inherit;display:grid}.integrity-section-head:hover{background:var(--bg-hover)}.integrity-section-head[disabled]{cursor:default}.integrity-section-head[disabled]:hover{background:0 0}.integrity-section-chevron{color:var(--text-dim);text-align:center;grid-area:1/1/span 2;align-self:center;width:1.25rem;font-size:1.1rem;line-height:1;transition:transform .15s;transform:rotate(0)}.integrity-section.is-open .integrity-section-chevron{transform:rotate(90deg)}.integrity-section-title{color:var(--text-primary);grid-area:1/2;align-items:center;gap:.6rem;font-size:.92rem;display:flex}.integrity-section-desc{color:var(--text-dim);grid-area:2/2;font-size:.78rem}.integrity-section-actions{grid-area:1/3/span 2;align-self:center;align-items:center;gap:.5rem;display:flex}.integrity-count{background:var(--bg-input);color:var(--text-soft);border-radius:50px;padding:.15rem .55rem;font-size:.75rem;font-weight:500}.integrity-section.error .integrity-count{background:var(--danger-bg-subtle);color:var(--danger-text)}.integrity-section.warning .integrity-count{background:var(--warning-bg-subtle);color:var(--warning-text)}.integrity-section.info .integrity-count{background:var(--info-bg-subtle);color:var(--info-text)}.integrity-findings{border-top:1px solid #ffffff0a;flex-direction:column;gap:.5rem;padding:.6rem 1rem 1rem 2.4rem;display:flex}.integrity-finding{background:var(--bg-input);border-radius:var(--radius);color:var(--text-soft);padding:.55rem .75rem;font-size:.82rem;line-height:1.45}.integrity-finding-row{align-items:flex-start;gap:.75rem;display:flex}.integrity-finding-detail{color:var(--text-primary);flex:auto;min-width:0}.integrity-finding-action{flex:none}.integrity-finding-meta{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--text-dim);white-space:pre-wrap;word-break:break-word;margin-top:.25rem;font-size:.72rem}.integrity-meta-piece{white-space:nowrap;display:inline}.integrity-meta-link{color:var(--accent,#6da9ff);border-bottom:1px dotted;text-decoration:none}.integrity-meta-link:hover{color:var(--text-primary)}.integrity-fix-log{border-radius:var(--radius);font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--text-soft);white-space:pre-wrap;word-break:break-word;background:#8a9a5b14;border-left:2px solid #8a9a5b80;margin-top:.6rem;padding:.6rem .75rem;font-size:.74rem}.integrity-fix-log-head{color:var(--text-primary);margin-bottom:.4rem;font-family:inherit;font-size:.82rem}.integrity-confirm-body{max-width:540px}.integrity-confirm-summary{color:var(--text-dim);align-items:center;gap:.5rem;margin-bottom:.9rem;font-size:.78rem;display:flex}.integrity-confirm-summary code{padding:.1rem .35rem;font-size:.72rem}.integrity-confirm-sep{opacity:.6}.integrity-confirm-p{color:var(--text-soft);margin:0 0 .8rem;font-size:.88rem;line-height:1.55}.integrity-confirm-p:last-child{margin-bottom:0}.integrity-empty{background:var(--bg-card);border-radius:var(--radius-lg);text-align:center;color:var(--text-dim);padding:2rem;font-size:.92rem}.llm-by-action{margin-bottom:1.5rem}.llm-by-action-head{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin-bottom:.4rem;font-size:.72rem}.llm-by-action-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem;display:grid}.llm-by-action-cell{background:var(--bg-card);border-radius:var(--radius);flex-direction:column;gap:.25rem;padding:.7rem .85rem;display:flex}.llm-by-action-cell.empty{opacity:.55}.llm-by-action-cell-label{color:var(--text-soft);font-size:.78rem}.llm-by-action-cell-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.15rem}.llm-by-action-cell-meta{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.7rem}.llm-by-action-cell-bar-wrap{background:#ffffff0d;border-radius:2px;height:4px;margin-top:.35rem;overflow:hidden}.llm-by-action-cell-bar{background:var(--accent,#6da9ff);opacity:.65;border-radius:2px;height:100%}.llm-filters{margin-top:1.25rem}.llm-filter{align-items:center;gap:.5rem;display:flex}.llm-filter-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);font-size:.72rem}.llm-empty{margin-top:1rem}.llm-records{flex-direction:column;gap:.45rem;display:flex}.llm-action-pill{background:var(--bg-input);color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;border-radius:50px;flex:none;padding:.1rem .5rem;font-size:.68rem}.llm-record-label{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:.78rem;overflow:hidden}.llm-cost-pill{background:var(--bg-input);color:var(--text-primary);font-variant-numeric:tabular-nums;border-radius:50px;padding:.18rem .55rem;font-size:.78rem;font-weight:500}.integrity-section.info .llm-cost-pill{background:var(--info-bg-subtle);color:var(--info-text)}.integrity-section.warning .llm-cost-pill{background:var(--warning-bg-subtle);color:var(--warning-text)}.integrity-section.error .llm-cost-pill{background:var(--danger-bg-subtle);color:var(--danger-text)}.llm-detail-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.8rem}.llm-detail-table th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #ffffff0d;padding:.25rem .5rem;font-size:.7rem;font-weight:400}.llm-detail-table td{color:var(--text-soft);padding:.3rem .5rem}.llm-detail-table td:nth-child(2),.llm-detail-table td:nth-child(3),.llm-detail-table th:nth-child(2),.llm-detail-table th:nth-child(3){text-align:right;white-space:nowrap;width:1%}.llm-detail-total td{color:var(--text-primary);border-top:1px solid #ffffff12;padding-top:.45rem;font-weight:500}
