:root{--color-brand: #0e7a7f;--color-brand-hover: #0a5d61;--color-brand-soft: #caede5;--color-mint: #50b6b8;--color-mint-soft: #e4f0f3;--color-canvas: #f5f7f8;--color-bg: #ecf5f5;--color-bg-image: url(/assets/capwah-bg.png);--color-bg-gradient: radial-gradient(120% 80% at 80% 25%, #e4f0f3 0%, #ecf5f5 45%, #f6f9f8 100%);--color-sidebar-bg: rgba(237, 243, 241, .5);--color-sidebar-border: #e4f0f3;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-muted: #f6f9f8;--color-surface-glass: rgba(237, 243, 241, .5);--color-surface-glass-border: #e4f0f3;--color-glass-blur: blur(50px) saturate(160%);--color-border: #e4f0f3;--color-border-strong: #5d848e;--color-input-border: #5d848e;--color-text-primary: #083244;--color-text-secondary: #436a73;--color-text-muted: #577781;--color-text-on-brand: #ffffff;--color-accent: var(--color-brand);--color-accent-hover: var(--color-brand-hover);--color-error: #bf4334;--color-warning: #a06420;--color-advisory: #266aa3;--color-success: #1a7a52;--font-sans: "Open Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-serif: "Playfair Display", Georgia, "Times New Roman", serif;--font-display: var(--font-serif);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--shadow-sm: 0 1px 2px rgba(8, 50, 68, .06);--shadow-md: 0 4px 16px rgba(8, 50, 68, .08);--shadow-lg: 0 12px 40px rgba(8, 50, 68, .12);--shadow-card: 0 2px 8px rgba(8, 50, 68, .05), 0 1px 2px rgba(8, 50, 68, .04);--shadow-glass: 0 0 5px 2px rgba(14, 122, 127, .14);--shadow-glass-sm: 0 0 5px 0 rgba(14, 122, 127, .14);--sidebar-width: 314px}[data-theme=dark]{--color-brand: #5bc795;--color-brand-hover: #7ed9a8;--color-brand-soft: rgba(91, 199, 149, .18);--color-mint: #5bc795;--color-mint-soft: rgba(91, 199, 149, .2);--color-canvas: #0a1f25;--color-bg: #0a1f25;--color-bg-image: none;--color-bg-gradient: radial-gradient(60% 50% at 80% 30%, rgba(91, 199, 149, .18) 0%, transparent 60%), radial-gradient(70% 60% at 25% 80%, rgba(20, 144, 149, .14) 0%, transparent 65%), linear-gradient(180deg, #0a1f25 0%, #0d2932 100%);--color-sidebar-bg: rgba(255, 255, 255, .05);--color-sidebar-border: rgba(255, 255, 255, .1);--color-surface: #14323a;--color-surface-raised: #1a3e48;--color-surface-muted: #0d2730;--color-surface-glass: rgba(255, 255, 255, .05);--color-surface-glass-border: rgba(255, 255, 255, .1);--color-glass-blur: blur(50px) saturate(140%);--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .4);--color-input-border: rgba(255, 255, 255, .4);--color-text-primary: #e8eef0;--color-text-secondary: #82a1aa;--color-text-muted: #869aa3;--color-text-on-brand: #0a1f25;--color-accent: var(--color-brand);--color-accent-hover: var(--color-brand-hover);--color-error: #f17665;--color-warning: #f5b945;--color-advisory: #5bb4f0;--color-success: #5bc795;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-glass: 0 0 5px 2px rgba(91, 199, 149, .14)}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .24s ease,color .24s ease}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:600;letter-spacing:-.015em;color:var(--color-text-primary)}a{color:var(--color-brand);text-decoration:none}a:hover{color:var(--color-brand-hover)}button{font-family:inherit;font-size:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);width:100%;transition:border-color .12s ease}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-color:var(--color-brand)}textarea{resize:vertical;min-height:80px;font-family:var(--font-mono);font-size:13px;field-sizing:content}label{display:block;font-size:12px;font-weight:500;color:var(--color-text-secondary);letter-spacing:.02em;margin-bottom:var(--space-2)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);min-height:24px;border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font-weight:500;font-size:13px;transition:background .12s ease,border-color .12s ease,color .12s ease}.btn:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.btn-primary{background:var(--color-brand);color:var(--color-text-on-brand)}.btn-primary:hover{background:var(--color-brand-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn-secondary:hover{border-color:var(--color-text-muted)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{color:var(--color-text-primary)}.btn-danger{background:transparent;color:var(--color-error);border-color:transparent}.btn-danger:hover{background:color-mix(in srgb,var(--color-error) 10%,transparent)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-card)}.tag{display:inline-block;font-size:11px;font-weight:500;letter-spacing:.02em;padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text-secondary);border:1px solid var(--color-border)}.severity-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.severity-dot.advisory{background:var(--color-advisory)}.severity-dot.warning{background:var(--color-warning)}.severity-dot.error{background:var(--color-error)}.muted{color:var(--color-text-muted)}.subtle{color:var(--color-text-secondary)}.mono{font-family:var(--font-mono)}.te-table{display:flex;flex-direction:column;gap:var(--space-4)}.te-input-shell{position:relative;display:block;width:100%}.te-input-text{display:block;width:100%;height:48px;padding:0 12px;background:#fff;border:1px solid var(--color-input-border);border-radius:8px;font-family:var(--font-sans);font-size:14px;color:var(--color-text-primary);appearance:none;-webkit-appearance:none;box-shadow:none;transition:border-color .15s}.te-input-text:focus-visible{border-color:var(--color-brand);outline:2px solid var(--color-brand);outline-offset:2px}.te-input-text::placeholder{color:var(--color-text-muted)}[data-theme=dark] .te-input-text{background:var(--color-surface)}.te-input-unit{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:600;color:var(--color-text-secondary);line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.te-input-shell:has(.te-input-unit) .te-input-text{padding-right:40px}.te-swatch{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:6px;border:1px solid var(--color-input-border);background:#fff;overflow:hidden;cursor:pointer;z-index:1}.te-swatch input[type=color]{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer;opacity:0}.te-swatch:has(input:focus-visible){outline:2px solid var(--color-brand);outline-offset:2px}.te-swatch-fill{position:absolute;inset:0;border-radius:5px}.te-input-shell:has(.te-swatch) .te-input-text{padding-left:52px}.te-shadow-preview{display:flex;align-items:center;justify-content:center;height:80px;padding:12px;background:var(--color-surface-muted);border-radius:8px}.te-shadow-preview-box{width:64px;height:48px;background:#fff;border-radius:6px}[data-theme=dark] .te-shadow-preview-box{background:var(--color-surface-raised)}.te-actions{display:flex;justify-content:flex-end;margin-top:var(--space-4);padding:0 var(--space-4)}.te-btn{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:10px 20px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:background .15s,opacity .15s;border:none;font-family:inherit;background:var(--color-brand);color:var(--color-text-on-brand)}.te-btn:disabled{opacity:.6;cursor:not-allowed}.te-btn:not(:disabled):hover{background:var(--color-brand-hover)}.te-btn:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.te-error{font-size:13px;color:var(--color-error);margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--color-error) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 20%,transparent);border-radius:var(--radius-md)}.te-section-header{padding:0 var(--space-4) var(--space-3)}.te-section-header--gap{margin-top:var(--space-6)}.te-section-title{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.te-section-help{font-size:13px;color:var(--color-text-secondary);margin:0}.te-motion-preview{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 12px;background:var(--color-surface-muted);border-radius:8px;cursor:pointer;transition-property:transform,background}.te-motion-preview .te-motion-preview-bar{display:block;width:80px;height:6px;background:var(--color-brand);border-radius:999px;transform-origin:left center;transition-property:transform;transition-duration:inherit;transition-timing-function:inherit}.te-motion-preview .te-motion-preview-hint{font-size:11px;color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase}.te-motion-preview:hover .te-motion-preview-bar{transform:scaleX(2.6)}.app-page__title{font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1.2;color:var(--color-text-primary);margin:0}.app-page__subtitle{font-size:14px;color:var(--color-text-primary);line-height:1.5;margin:0}.ts-card{width:100%;max-width:960px;background:var(--color-surface);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;gap:10px}.ts-body{padding:var(--space-4)}.te-shell{display:flex;align-items:flex-start;gap:var(--space-4);width:100%}.te-side-tabs{display:flex;flex-direction:column;flex:0 0 200px;padding:var(--space-2) 0}.te-side-tab{appearance:none;display:flex;align-items:center;text-align:left;width:100%;padding:10px var(--space-4);font-size:14px;font-weight:600;color:var(--color-text-secondary);background:transparent;border:0;border-left:3px solid transparent;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.te-side-tab:hover{color:var(--color-text-primary)}.te-side-tab:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px;border-radius:2px}.te-side-tab--active{color:var(--color-text-primary);border-left-color:var(--color-text-secondary)}.te-section-subtitle{font-size:13px;color:var(--color-text-secondary);line-height:1.4;padding:0 var(--space-4) var(--space-2);margin:0 0 var(--space-2);border-left:3px solid transparent}