*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}#root{height:auto}body{font-family:Arial,sans-serif;background:#f5f5f5;color:#333;overflow-y:auto}.app-background{min-height:100vh;background-image:url(banner-cf948378.png);background-repeat:repeat;background-size:contain;background-position:top center;display:flex;flex-direction:column}header{padding:1rem;display:flex;justify-content:center}.header-logo{height:150px;position:relative;z-index:1}.container{max-width:1200px;margin:0 auto;padding:1rem;padding-bottom:500px}.auth-container{max-width:400px;margin:6rem auto;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.auth-container h2{margin-bottom:1rem}.auth-container .btn-primary{background:#007bff;color:#fff;transition:transform .2s,background-color .2s}.auth-container .btn-primary:hover{background-color:#c2876a;transform:scale(1.1)}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form label{font-weight:700}.auth-form input{padding:.5rem;border:1px solid #ccc;border-radius:4px}.auth-switch{margin-top:1rem;text-align:center}.auth-switch button{background:none;border:none;color:#007bff;cursor:pointer;text-decoration:underline}.pane-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}.text-pane{background:#fff;padding:1rem;border:1px solid #ccc;border-radius:4px;cursor:pointer;overflow:auto;height:150px;display:flex;align-items:flex-start;justify-content:flex-start}.text-pane.focused{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.editor-container{position:fixed;bottom:0;left:0;width:100%;background:#fff;box-shadow:0 -2px 4px #0000001a;z-index:100}.editor-controls{display:flex;flex-direction:column;gap:.8rem;padding:1rem;border-top:1px solid #ccc}.text-input-area{width:100%;min-height:70px;border:1px solid #ccc;border-radius:4px;padding:.5rem;resize:vertical;white-space:pre-wrap;font-family:inherit;font-size:1rem}.keyboard-container{padding:.5rem 1rem 1rem}.keyboard:not(.en):not(.he){display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:.5rem}.keyboard:not(.en):not(.he) button{padding:.5rem;border:1px solid #ccc;border-radius:4px;background:#f9f9f9;cursor:pointer;font-size:.9rem}.keyboard.en,.keyboard.he{display:flex;flex-direction:column;gap:.4rem;width:100%}.keyboard.en .keyboard-row,.keyboard.he .keyboard-row{display:flex;gap:.5rem}.keyboard.en .keyboard-row button,.keyboard.he .keyboard-row button{flex:1;padding:.3rem;border:1px solid #ccc;border-radius:4px;background:#f9f9f9;cursor:pointer;font-size:1rem}.toolbar{display:flex;gap:1rem}.toolbar select,.toolbar input{padding:.5rem;border:1px solid #ccc;border-radius:4px}.btn{padding:.5rem 1rem;margin:0rem .2rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:box-shadow .2s,transform .2s}.dashboard-header button{transition:transform .2s,box-shadow .2s}.dashboard-header button:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.dashboard-header .btn-primary{background:#007bff;color:#fff}.dashboard-header .btn-secondary:nth-child(2){background:#28a745;color:#fff}.dashboard-header .btn-secondary:nth-child(3){background:#dc3545;color:#fff}.action-buttons button{gap:.5rem;transition:box-shadow .2s;background:#343a40;color:#fff}.action-buttons button:hover{box-shadow:3px 6px 10px #0000004d}.action-buttons button:nth-child(4){background:#6f42c1}.action-buttons button:nth-child(5){background:#dc3545}.action-buttons button:nth-child(6){background:#007bff}.toolbar-search-replace button{transition:box-shadow .2s;background:#343a40;color:#fff}.toolbar-search-replace button:hover{box-shadow:0 4px 8px #0003}.hidden{display:none}.dashboard-header{display:flex;justify-content:flex-end;gap:.5rem;margin:1rem 0}