:root{font-family:Arial,Helvetica,sans-serif;line-height:1.5;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-background: #f5f7fb;--color-text: #1f2937;--color-card: #ffffff;--color-border: #d1d5db;--color-success: #166534;--color-error: #b91c1c;--shadow-card: 0 10px 30px rgba(0, 0, 0, .08);--radius-card: 12px;--radius-button: 10px;--radius-small: 8px;--spacing-page: 24px;--spacing-card: 24px;--spacing-gap: 12px;--spacing-message-top: 20px;--card-max-width: 720px;--button-min-width: 120px;--logo-max-width: 180px;--logo-max-height: 64px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--color-text);background:var(--color-background)}button,input,textarea,select{font:inherit}.page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-page)}.language-switcher{position:fixed;top:16px;right:16px;display:flex;gap:8px}.card{width:100%;max-width:var(--card-max-width);background:var(--color-card);border-radius:var(--radius-card);padding:var(--spacing-card);box-shadow:var(--shadow-card)}.text-block{margin:0 0 var(--spacing-card);white-space:pre-line}.controls{display:flex;gap:var(--spacing-gap);flex-wrap:wrap}.action-button{min-width:var(--button-min-width);border-radius:var(--radius-button);padding:12px 16px;font-weight:600;cursor:pointer;border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text)}.action-button:hover:not(:disabled){border-color:var(--color-primary);transform:translateY(-1px)}.action-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.action-button:disabled{opacity:.6;cursor:not-allowed}.action-button.primary.selected{background:var(--color-primary)}.action-button.secondary.selected{border-color:var(--color-primary)}.action-button.primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.action-button.primary:hover:not(:disabled){background:var(--color-primary-hover)}.action-button.secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.action-button.secondary:hover:not(:disabled){border-color:var(--color-primary)}.success-message{margin-top:var(--spacing-message-top);color:var(--color-success)}.error-message{color:var(--color-error)}.language-switcher button{background-color:#ffffffb8;border:1px solid transparent;margin:0;padding:6px 10px;text-align:inherit;font:inherit;border-radius:var(--radius-card);appearance:none;display:flex;align-items:center;gap:6px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease,opacity .2s ease}.language-switcher button:hover{background-color:var(--color-card);border-color:var(--color-border);transform:translateY(-1px);box-shadow:0 4px 10px #00000014}.language-switcher button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.language-switcher button.active{background-color:var(--color-card);border-color:var(--color-primary);font-weight:600;box-shadow:0 4px 10px #00000014}.language-switcher button:not(.active){opacity:.85}.language-switcher button:not(.active):hover{opacity:1}.language-switcher img{width:30px;height:20px;border-radius:3px;display:block}.brand-header{margin-top:calc(var(--spacing-card) * -1);margin-left:calc(var(--spacing-card) * -1);margin-right:calc(var(--spacing-card) * -1);padding:var(--spacing-card);border-radius:var(--radius-card) var(--radius-card) 0 0;display:flex;justify-content:flex-start}.brand-logo{max-width:var(--logo-max-width);max-height:var(--logo-max-height);object-fit:contain}.spinner-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-card)}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--color-border);border-top-color:var(--color-primary);animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}