body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-container{background:linear-gradient(135deg,#e0f2fe,#f0f9ff 50%,#fef3c7);display:flex;flex-direction:column;min-height:100vh;position:relative}.app-container:before{background:linear-gradient(135deg,#3b82f6,#2563eb 50%,#1d4ed8);-webkit-clip-path:polygon(0 0,100% 0,100% 75%,0 100%);clip-path:polygon(0 0,100% 0,100% 75%,0 100%);content:"";height:500px;left:0;position:absolute;right:0;top:0;z-index:0}.app-wrapper{display:flex;flex:1 1;flex-direction:column;position:relative;width:100%;z-index:1}.header{color:#fff;padding:4rem 5rem 5rem;position:relative}.title{font-size:3rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.75rem;text-shadow:0 2px 10px #00000026}.subtitle{font-size:1.25rem;font-weight:400;opacity:.95}.main{flex:1 1;margin:-3rem 0 0;padding:0 5rem 5rem;position:relative;width:100%}.field{background:#fff;border-left:4px solid #60a5fa;border-radius:12px;box-shadow:0 4px 6px #00000012,0 1px 3px #0000000f;margin-bottom:2.5rem;padding:2.5rem;transition:all .3s ease}.field:hover{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;transform:translateX(4px)}.label{align-items:center;color:#1e293b;display:block;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.field-description{color:#64748b;font-size:.9375rem;line-height:1.6;margin-bottom:1.25rem}.label:before{background:linear-gradient(180deg,#60a5fa,#3b82f6);border-radius:2px;content:"";height:20px;width:4px}.label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.textarea{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#334155;font-family:inherit;font-size:1.0625rem;padding:1.25rem;resize:vertical;transition:all .3s ease;width:100%}.textarea:focus{background:#fff;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a;outline:none}.textarea::placeholder{color:#94a3b8}.tone-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.tone-option{background:linear-gradient(180deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem 1.5rem;position:relative;text-align:center;transition:all .25s ease}.tone-option:before{background:linear-gradient(90deg,#0000,#60a5fa1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.tone-option:hover:before{left:100%}.tone-option:hover{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa33;transform:translateY(-2px)}.tone-option.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 6px 16px #3b82f64d;color:#fff;transform:translateY(-2px)}.toggle-link{background:linear-gradient(90deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;border:none;color:#0000;cursor:pointer;font-size:1rem;font-weight:700;padding:0;transition:opacity .2s}.toggle-link:hover{opacity:.7}.btn-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 8px 20px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:700;gap:.75rem;justify-content:center;margin-bottom:3rem;overflow:hidden;padding:1.5rem 3rem;position:relative;transition:all .3s ease}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:hover:not(:disabled){box-shadow:0 12px 28px #3b82f666;transform:translateY(-3px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-copy{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.625rem;padding:.75rem 1.5rem;transition:all .3s}.btn-copy:hover{background:#f0f9ff;border-color:#3b82f6;box-shadow:0 4px 8px #3b82f626;transform:translateY(-2px)}.spinner{animation:spin .7s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:22px;width:22px}@keyframes spin{to{transform:rotate(1turn)}}.divider{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);height:3px;margin:3rem 0}.output{background:linear-gradient(to bottom right,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:10px;box-shadow:inset 0 2px 4px #00000005;color:#334155;font-size:1.0625rem;line-height:1.9;padding:2rem;white-space:pre-wrap}.error{background:linear-gradient(135deg,#fff5f5,#fed7d7);border:2px solid #fc8181;border-radius:10px;box-shadow:0 4px 12px #fc818126;color:#c53030;font-size:1rem;font-weight:500;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.footer{background:linear-gradient(135deg,#3b82f6,#2563eb);border-top:4px solid #60a5fa;margin-top:auto;padding:3rem 5rem;position:relative;text-align:center}.footer:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-text{color:#ffffffe6;font-size:1rem}.footer-text strong{color:#fff;font-weight:700}@media (max-width:1400px){.header{padding:4rem 4rem 5rem}.main{padding:0 4rem 5rem}.footer{padding:3rem 4rem}}@media (max-width:768px){.app-container:before{height:400px}.header{padding:3rem 1.5rem 4rem}.title{font-size:2rem}.subtitle{font-size:1.0625rem}.main{margin-top:-2rem;padding:0 1.25rem 3rem}.field{padding:2rem}.footer{padding:2rem 1.5rem}.tone-options{grid-template-columns:1fr}.btn-primary{padding:1.25rem 2rem;width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{min-height:100vh}
/*# sourceMappingURL=main.96237eac.css.map*/