body{background-color:#f0f2f5;color:#333;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0}.app-container{max-width:800px;margin:2rem auto;padding:0;font-family:sans-serif;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;overflow:hidden;box-shadow:0 4px 12px #00000014}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;border-bottom:1px solid #eee}.app-header h1{margin:0;font-size:1.5rem;color:#2c3e50}.auth-controls>div{display:flex;gap:.8rem;align-items:center}.auth-controls button{padding:.4rem .8rem;border:1px solid #ccc;border-radius:4px;background-color:#fff;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.auth-controls button:hover{background-color:#f0f0f0}main{padding:2rem;background-color:#f9f9f9}.repurpose-form{display:flex;flex-direction:column;gap:1.5rem}.input-type-selector{display:flex;align-items:center;gap:1.5rem;padding-bottom:.5rem;border-bottom:1px dashed #eee;margin-bottom:.5rem}.input-type-selector label{cursor:pointer;display:flex;align-items:center;gap:.4rem;font-size:.95rem;color:#555}.input-type-selector input[type=radio]{cursor:pointer;accent-color:#007bff}.input-label{display:block;margin-bottom:.4rem;font-weight:500;color:#444;font-size:.9rem}.input-area textarea,.input-area input[type=url]{width:100%;padding:.8rem 1rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.input-area textarea:focus,.input-area input[type=url]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.input-area textarea:disabled,.input-area input[type=url]:disabled{background-color:#f8f8f8;cursor:not-allowed}.tone-selector-area{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.tone-label{font-weight:500;color:#444;font-size:.95rem}.tone-select{padding:.6rem .8rem;border:1px solid #ccc;border-radius:4px;background-color:#fff;font-size:.95rem;min-width:150px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.tone-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.tone-select:disabled{background-color:#f8f8f8;cursor:not-allowed;opacity:.7}.options-area{border:1px solid #e0e0e0;padding:1rem 1.5rem;border-radius:6px;background-color:#fdfdfd}.options-area h3{margin-top:0;margin-bottom:1rem;font-size:1.1rem;color:#444;border-bottom:1px solid #eee;padding-bottom:.5rem}.options-area label{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem;cursor:pointer;font-size:.95rem;color:#555}.options-area input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:#007bff}button[type=submit]{padding:.8rem 1.5rem;font-size:1.1rem;font-weight:500;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;text-align:center}button[type=submit]:hover:not(:disabled){background-color:#0056b3}button[type=submit]:disabled{background-color:#a0c7e8;opacity:.7;cursor:not-allowed}.loading{text-align:center;margin-top:1.5rem;padding:1rem;background-color:#eef;border:1px solid #cce;border-radius:4px;color:#336;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.error-message{margin-top:1.5rem;padding:1rem;background-color:#fdd;border:1px solid #fbb;border-radius:4px;color:#800}.results-area{margin-top:2rem;border-top:1px solid #eee;padding-top:1.5rem}.results-area h2{margin-bottom:1.5rem;font-size:1.3rem}.result-item{margin-bottom:2rem;background-color:#fff;padding:1.5rem;border-radius:4px;box-shadow:0 2px 4px #0000000d}.result-item h3{margin-top:0;margin-bottom:1rem;color:#333;border-bottom:1px solid #eee;padding-bottom:.5rem;font-size:1.2rem}.result-item textarea{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem;box-sizing:border-box;background-color:#fdfdfd;min-height:100px;resize:vertical;font-family:monospace}.copy-button{margin-top:.8rem;padding:.5rem 1rem;font-size:.9rem;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.copy-button:hover{background-color:#5a6268}.copy-button:disabled{background-color:#28a745;cursor:default;opacity:.9}.signed-out-message{text-align:center;padding:3rem 1rem;color:#555;background-color:#fff;border-radius:6px;margin-top:1rem}.signed-out-message h2{color:#333;margin-bottom:.5rem;font-size:1.4rem}@media (max-width: 600px){.app-container{margin:0;border-radius:0;border:none;box-shadow:none}.app-header{flex-direction:column;gap:.8rem;padding:1rem}.app-header h1{font-size:1.3rem}main{padding:1.5rem 1rem}.repurpose-form{gap:1.25rem}.input-area textarea,.input-area input[type=url]{padding:.7rem .8rem;font-size:.95rem}.tone-selector-area{gap:.5rem}.tone-label{font-size:.9rem}.tone-select{flex-grow:1;min-width:120px;font-size:.9rem;padding:.5rem .6rem}.options-area{padding:.8rem 1rem}.options-area h3{font-size:1rem}.options-area label{font-size:.9rem;gap:.5rem;margin-bottom:.6rem}.options-area input[type=checkbox]{width:14px;height:14px}button[type=submit]{padding:.7rem 1rem;font-size:1rem}.result-item{padding:1rem;margin-bottom:1.5rem}.result-item h3{font-size:1.1rem;margin-bottom:.8rem}.result-item textarea{font-size:.9rem}.copy-button{font-size:.85rem;padding:.4rem .8rem}.signed-out-message{padding:2rem 1rem}.signed-out-message h2{font-size:1.2rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}
