.content-area{padding:2rem 50px}.content-area .title{color:var(--gray-900);width:100%;padding-bottom:.4rem;font-size:2rem;font-weight:700;display:inline-block;position:relative}.content-area .title:before{content:"📝";padding-right:2px}.content-area .subtitle{width:100%;margin-bottom:2rem}.text-input-container{margin-bottom:1.5rem;position:relative}.text-input{border:2px solid var(--gray-200);border-radius:var(--border-radius);resize:vertical;transition:var(--transition);color:var(--gray-900);background-color:var(--white);width:100%;min-height:250px;padding:1rem;font-size:1rem}.text-input:focus{border-color:var(--gray-400);outline:none;box-shadow:0 0 0 1px #3f37c926}.text-input::placeholder{color:var(--gray-400)}.stats-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background-color:var(--white);border-radius:var(--border-radius);box-shadow:0 2px 6px var(--shadow-light);text-align:center;transition:var(--transition);border-top:4px solid var(--yellow-700);padding:1.25rem}.stat-card:hover{box-shadow:0 5px 15px var(--shadow-dark);transform:translateY(-5px)}.stat-label{color:var(--gray-600);margin-bottom:.5rem;font-size:1rem}.stat-value{color:var(--gray-900);font-size:2rem;font-weight:700}.extras-section{background-color:var(--gray-100);border-radius:var(--border-radius);margin-top:1.5rem;padding:1.5rem}.section-title{color:var(--gray-600);border-bottom:2px solid var(--gray-200);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem}.extras-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.action-button{background-color:var(--blue-700);color:var(--white);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:.75rem 1.25rem;font-size:1rem;display:flex}.action-button:hover{background-color:#322da0;transform:translateY(-2px)}.action-button:active{transform:translateY(0)}.copy-button{background-color:var(--green-600)}.copy-button:hover{background-color:#28ae61}.clear-button{background-color:var(--red-500)}.clear-button:hover{background-color:var(--orange-600)}.limit-container{background-color:var(--yellow-100);border-radius:var(--border-radius);align-items:center;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.limit-input{border:1px solid var(--gray-400);border-radius:var(--border-radius);width:80px;padding:.5rem;font-size:.9rem}.limit-label{color:var(--gray-600);font-size:.9rem}.limit-progress{background-color:var(--gray-200);border-radius:10px;flex-grow:1;height:10px;overflow:hidden}.limit-bar{background-color:var(--green-500);width:0%;height:100%;transition:width .3s}.limit-bar.warning{background-color:var(--orange-500)}.limit-bar.danger{background-color:var(--red-500)}.limit-counter{color:var(--gray-900);font-size:.9rem;font-weight:600}.text-info{background-color:var(--green-50);border-radius:var(--border-radius);color:var(--gray-600);margin-top:1.5rem;padding:1rem;font-size:.9rem}.text-preview{margin-top:.75rem;font-style:italic}@media screen and (max-width:768px){.stats-container,.extras-grid{grid-template-columns:1fr}.content-area{padding:1rem}}.toast{background-color:var(--gray-900);color:var(--white);border-radius:var(--border-radius);opacity:0;z-index:1000;padding:.75rem 1.5rem;transition:opacity .3s;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}