:root{--color-background: #09090b;--color-surface: #18181b;--color-surface-hover: #27272a;--color-primary: #167a39;--color-primary-dark: #12632e;--color-etex-red: #E30613;--color-text-primary: #f4f4f5;--color-text-secondary: #a1a1aa;--color-border: #27272a;--font-family: "Inter", system-ui, -apple-system, sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--radius-md: 6px;--radius-lg: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:600}button{cursor:pointer;font-family:inherit}.viewer-container{width:100%;height:100%;flex:1;min-height:0;background:#27272a;position:relative;overflow:hidden}.view-selector{position:absolute;top:16px;right:16px;background:#27272ae6;padding:8px 12px;border-radius:8px;border:1px solid #52525b;display:flex;align-items:center;gap:8px;color:#fff;z-index:1000}.view-selector label{font-size:.85rem;color:#a1a1aa;font-weight:500}.view-dropdown{background:#18181b;border:1px solid #3f3f46;color:#fff;padding:4px 8px;border-radius:4px;font-size:.85rem;outline:none;cursor:pointer}.view-dropdown:hover{border-color:#52525b}