#calligraphy-app{max-width:1100px;margin:30px auto;padding:30px;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border-radius:20px;box-shadow:0 20px 50px rgb(0 0 0 / .15);font-family:'Segoe UI',sans-serif}.tool-header h1{font-size:2.8rem;text-align:center;background:linear-gradient(90deg,#6a11cb,#2575fc);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;margin:0 0 10px}.tool-header p{text-align:center;color:#555;margin-bottom:30px}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:35px 0}input,textarea,select{width:100%;padding:14px;border:2px solid #ddd;border-radius:12px;font-size:16px;transition:.3s}input:focus,textarea:focus,select:focus{outline:none;border-color:#6a11cb;box-shadow:0 0 0 4px rgb(106 17 203 / .1)}.preview-box{background:#fff;padding:60px 20px;border-radius:16px;text-align:center;min-height:340px;border:4px dashed #ccc;margin:30px 0;box-shadow:0 10px 30px rgb(0 0 0 / .1)}#preview-text{font-size:4.5rem;line-height:1.2;transition:all .4s;word-wrap:break-word}.btn-group{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:20px 0}.btn{padding:14px 30px;border:none;border-radius:50px;color:#fff;font-weight:700;cursor:pointer;min-width:180px;background:linear-gradient(45deg,#6a11cb,#2575fc);box-shadow:0 6px 20px rgb(106 17 203 / .4);transition:.3s}.btn:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgb(106 17 203 / .5)}.btn-share{background:linear-gradient(45deg,#25D366,#128C7E)}.btn-fb{background:linear-gradient(45deg,#1877F2,#0d5ef7)}.btn-ig{background:linear-gradient(45deg,#E4405F,#C13584,#833AB4)}.btn-tw{background:linear-gradient(45deg,#1DA1F2,#0d8bd9)}.footer-note{text-align:center;color:#777;margin-top:40px}@media(max-width:768px){#preview-text{font-size:3rem}.tool-header h1{font-size:2.2rem}}