.container{display:flex;min-height:100vh;background:var(--openui-background);position:relative}.content{flex-grow:1;padding:var(--openui-space-2xl)}.content h1{font:var(--openui-text-heading-lg);letter-spacing:var(--openui-text-heading-lg-letter-spacing);color:var(--openui-text-neutral-primary);margin-bottom:var(--openui-space-l)}.content p{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-secondary);margin-bottom:var(--openui-space-m)}.toggleButton{font:var(--openui-text-label-default);letter-spacing:var(--openui-text-label-default-letter-spacing);padding:var(--openui-space-s) var(--openui-space-l);background:var(--openui-sunk-light);color:var(--openui-text-neutral-primary);border:1px solid var(--openui-border-interactive);border-radius:var(--openui-radius-m);cursor:pointer;transition:all .2s ease}.toggleButton:hover{background:var(--openui-highlight)}.toggleButton:active{background:var(--openui-highlight-subtle)}.customTrigger{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding:var(--openui-space-m) var(--openui-space-xl);font-size:1.1rem;font-weight:700;border:none}.customTrigger:hover{background:linear-gradient(135deg, #764ba2 0%, #667eea 100%);transform:translateY(-4px);box-shadow:var(--openui-shadow-3xl)}