*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#ffffff;--bg-secondary:#f8f9fa;--bg-tertiary:#f1f3f5;--bg-hover:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--accent:#e63946;--accent-hover:#dc2f3d;--accent-light:#f1c1c5;--accent-soft:#fce8e9;--border:#dee2e6;--border-hover:#ced4da;--error:#dc3545;--success:#28a745;--warning:#ffc107;--secondary:#495057;--secondary-hover:#343a40;--gray-light:#e9ecef;--gray-medium:#adb5bd}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);overflow:auto}@media (max-width:768px){body{padding-top:env(safe-area-inset-top,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}}.app{width:100vw;height:100vh;display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text-secondary)}input,select,textarea{width:100%;background-color:#ffffff;color:var(--text-primary);border:1px solid #adb5bd;padding:10px 12px;border-radius:4px;font-size:15px;font-family:inherit;transition:all .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(230,57,70,.1)}.primary-button{background-color:var(--accent);color:white;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;min-width:100px;display:inline-flex;align-items:center;justify-content:center;min-height:32px}.primary-button:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 2px 8px rgba(230,57,70,.2)}.primary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.copy-button,.delete-button,.paste-button,.redo-button,.toolbar button,.undo-button{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;padding:0!important;margin:0!important;font-size:16px!important;border:1px solid var(--border)!important;border-radius:6px!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 1px 3px rgba(0,0,0,.05)!important;background-color:white!important;color:var(--text-secondary)!important;position:relative!important;flex-shrink:0!important}.copy-button:hover:not(:disabled),.paste-button:hover:not(:disabled),.redo-button:hover:not(:disabled),.undo-button:hover:not(:disabled){background-color:var(--bg-hover)!important;color:var(--text-primary)!important;border-color:var(--border-hover)!important;transform:scale(1.02)!important;box-shadow:0 2px 6px rgba(0,0,0,.08)!important}.delete-button:hover:not(:disabled){background-color:var(--accent-soft)!important;color:var(--error)!important;border-color:var(--error)!important;transform:scale(1.02)!important;box-shadow:0 2px 6px rgba(220,53,69,.15)!important}.button-secondary{background-color:var(--secondary);color:white;border:none}.button-secondary:hover{background-color:var(--secondary-hover);transform:translateY(-1px);box-shadow:0 2px 8px rgba(73,80,87,.2)}.cancel-button{background-color:white;color:var(--text-secondary);border:1px solid var(--border)}.cancel-button:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.generate-button{background-color:var(--accent);color:white;border:none;min-width:160px;padding:12px 24px;font-weight:600;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.generate-button:hover:not(:disabled){background-color:var(--accent-hover);box-shadow:0 4px 12px rgba(230,57,70,.3)}.dialog-overlay,.generate-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.container{max-width:1400px;margin:0 auto;padding:20px}.error-message{background-color:rgba(244,71,71,.1);border:1px solid var(--error);border-radius:4px;padding:12px 16px;margin:16px 0;color:var(--error);font-size:14px;display:flex;align-items:center;gap:8px}.error-message svg{flex-shrink:0}h1{font-size:24px;margin-bottom:16px}h1,h2{font-weight:600}h2{font-size:20px;margin-bottom:12px}h3{font-size:16px;font-weight:600;margin-bottom:8px}.text-secondary{color:var(--text-secondary)}.text-sm{font-size:12px}.card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px}.card:hover{border-color:var(--accent);cursor:pointer}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}body.hide-mobile-nav .mobile-bottom-nav{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translateY(100%)!important}.close-button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;min-width:auto;transition:all .2s ease}.close-button:hover{color:var(--text-primary);background:var(--bg-hover);transform:none}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}