.text-splitter-container{max-width:1200px;margin:0 auto;padding:2rem;color:#f8fafc}.text-splitter-workspace{background:rgba(15,23,42,.8);border-radius:1rem;border:1px solid rgba(124,58,237,.1);padding:2rem;position:relative}.text-splitter-header{text-align:center;margin-bottom:3rem}.text-splitter-header h1{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#7c3aed,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.text-splitter-description{color:#94a3b8;font-size:clamp(.9rem,3vw,1.1rem);max-width:600px;margin:0 auto 2rem;line-height:1.6}.text-splitter-features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.feature-item{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.9rem}.feature-item svg{color:#7c3aed}.text-splitter-editor{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.text-splitter-input,.text-splitter-output{background:rgba(30,41,59,.4);border-radius:.75rem;padding:1.5rem;border:1px solid rgba(124,58,237,.2)}.text-splitter-input-header,.text-splitter-output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.text-splitter-input-header h2,.text-splitter-output-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;color:#f8fafc;margin:0}.text-splitter-input-actions,.text-splitter-output-actions{display:flex;gap:.5rem;flex-wrap:wrap}.file-input{display:none}.clear-btn,.copy-btn,.download-btn,.upload-btn{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid rgba(124,58,237,.3);background:rgba(124,58,237,.1);color:#f8fafc;display:flex;align-items:center;gap:.25rem}.clear-btn:hover,.copy-btn:hover,.download-btn:hover,.upload-btn:hover{background:rgba(124,58,237,.2);border-color:rgba(124,58,237,.5)}.copy-btn.copied{background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.5);color:#22c55e}.text-splitter-textarea{width:100%;height:300px;background:rgba(15,23,42,.6);border:1px solid rgba(124,58,237,.2);border-radius:.5rem;padding:1rem;color:#f8fafc;font-family:Menlo,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.5;resize:vertical;min-height:200px}.text-splitter-textarea:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 2px rgba(124,58,237,.2)}.text-splitter-textarea::placeholder{color:#64748b}.text-splitter-settings{background:rgba(30,41,59,.4);border-radius:.75rem;padding:2rem;border:1px solid rgba(124,58,237,.2);margin-bottom:3rem}.settings-title{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;color:#f8fafc;margin-bottom:2rem;padding-bottom:.5rem;border-bottom:1px solid rgba(124,58,237,.2)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.setting-group{background:rgba(15,23,42,.4);padding:1.5rem;border-radius:.5rem;border:1px solid rgba(124,58,237,.1)}.setting-group h4{color:#f8fafc;font-size:1.1rem;margin-bottom:1rem;font-weight:600}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:1rem}.checkbox-label,.radio-label{display:flex;align-items:center;gap:.75rem;color:#94a3b8;cursor:pointer;font-size:.9rem}.checkbox-label input[type=checkbox],.radio-label input[type=radio]{width:1rem;height:1rem;accent-color:#7c3aed}.number-input{width:100%;max-width:120px;padding:.5rem;background:rgba(15,23,42,.6);border:1px solid rgba(124,58,237,.3);border-radius:.375rem;color:#f8fafc;font-size:.9rem;margin-top:.5rem}.number-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 2px rgba(124,58,237,.2)}.setting-hint{color:#64748b;font-size:.8rem;margin-top:.25rem;line-height:1.4}.text-splitter-articles{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.text-splitter-article{background:rgba(30,41,59,.4);padding:1.5rem;border-radius:.75rem;border:1px solid rgba(124,58,237,.2)}.text-splitter-article h2{color:#f8fafc;font-size:1.25rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(124,58,237,.2)}.text-splitter-article p{color:#94a3b8;line-height:1.6;margin-bottom:1rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.benefit-item{background:rgba(15,23,42,.4);padding:1rem;border-radius:.5rem;border:1px solid rgba(124,58,237,.2)}.benefit-item h3{color:#7c3aed;font-size:1rem;margin-bottom:.5rem;font-weight:600}.benefit-item p{color:#94a3b8;font-size:.9rem;line-height:1.5;margin:0}.usage-steps{list-style:none;padding:0;counter-reset:step-counter}.usage-steps li{counter-increment:step-counter;color:#94a3b8;margin-bottom:.75rem;padding-left:2rem;position:relative;line-height:1.5}.usage-steps li:before{content:counter(step-counter);position:absolute;left:0;top:0;background:#7c3aed;color:#fff;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}@media (max-width:768px){.text-splitter-container,.text-splitter-workspace{padding:1rem}.text-splitter-editor{grid-template-columns:1fr}.text-splitter-features{flex-direction:column;gap:1rem}.settings-grid{grid-template-columns:1fr}.text-splitter-input-header,.text-splitter-output-header{flex-direction:column;align-items:stretch}.text-splitter-input-actions,.text-splitter-output-actions{justify-content:center}}@media (hover:none) and (pointer:coarse){.checkbox-label,.clear-btn,.copy-btn,.download-btn,.radio-label,.upload-btn{min-height:44px;padding:12px 16px}.number-input{min-height:44px;padding:12px}}