.lipsum-container{max-width:1200px;margin:0 auto;padding:2rem;color:#f8fafc}.lipsum-workspace{background:rgba(15,23,42,.6);backdrop-filter:blur(10px);border-radius:1.5rem;border:1px solid rgba(124,58,237,.1);padding:2.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.lipsum-header{text-align:center;margin-bottom:2.5rem}.lipsum-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#7c3aed,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.lipsum-header p{color:#94a3b8;font-size:1.1rem}.lipsum-controls{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.lipsum-type-selector{display:flex;gap:1rem;justify-content:center}.lipsum-type-btn{padding:.75rem 1.5rem;border:1px solid rgba(124,58,237,.2);border-radius:.5rem;background:rgba(30,41,59,.4);color:#f8fafc;cursor:pointer;transition:all .2s}.lipsum-type-btn.active{background:rgba(124,58,237,.2);border-color:rgba(124,58,237,.4)}.lipsum-options{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.lipsum-input-group{display:flex;align-items:center;gap:1rem}.lipsum-input-group label{color:#f8fafc}.lipsum-input-group input[type=number]{width:80px;padding:.5rem;border:1px solid rgba(124,58,237,.2);border-radius:.375rem;background:rgba(30,41,59,.4);color:#f8fafc}.lipsum-checkbox-group{display:flex;gap:1.5rem}.lipsum-checkbox-group label{display:flex;align-items:center;gap:.5rem;color:#f8fafc;cursor:pointer}.lipsum-checkbox-group input[type=checkbox]{width:1rem;height:1rem;accent-color:#7c3aed;cursor:pointer}.lipsum-generate-btn{padding:1rem 2rem;background:linear-gradient(135deg,#7c3aed,#3b82f6);border:none;border-radius:.5rem;color:#ffffff;font-weight:600;cursor:pointer;transition:all .2s;align-self:center}.lipsum-generate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(124,58,237,.2)}.lipsum-output{background:rgba(30,41,59,.4);border:1px solid rgba(124,58,237,.2);border-radius:1rem;padding:1.5rem;margin-bottom:2.5rem}.lipsum-output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.lipsum-output-header h2{color:#f8fafc;font-size:1.25rem}.lipsum-copy-btn{padding:.5rem 1rem;background:rgba(124,58,237,.2);border:1px solid rgba(124,58,237,.3);border-radius:.375rem;color:#f8fafc;cursor:pointer;transition:all .2s}.lipsum-copy-btn.copied{background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.3)}.lipsum-text-area{min-height:200px;padding:1rem;background:rgba(15,23,42,.4);border:1px solid rgba(124,58,237,.2);border-radius:.5rem;color:#f8fafc;line-height:1.6;white-space:pre-wrap;font-family:Menlo,Monaco,Courier New,monospace;font-size:.9rem}.lipsum-info-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.lipsum-about,.lipsum-benefits,.lipsum-history,.lipsum-tips,.lipsum-use-cases{background:rgba(30,41,59,.4);border:1px solid rgba(124,58,237,.2);border-radius:1rem;padding:1.5rem}.lipsum-info-section h2{color:#f8fafc;font-size:1.25rem;margin-bottom:1rem}.lipsum-info-section p{color:#94a3b8;line-height:1.6}.lipsum-use-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.lipsum-use-card{background:rgba(15,23,42,.4);border-radius:.5rem;padding:1rem}.lipsum-use-card h3{color:#f8fafc;font-size:1.1rem;margin-bottom:.5rem}.lipsum-use-card p{color:#94a3b8;font-size:.9rem}.lipsum-benefits-list,.lipsum-tips-list{list-style:none;padding:0;margin:0}.lipsum-benefits-list li,.lipsum-tips-list li{color:#94a3b8;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.lipsum-benefits-list li:before,.lipsum-tips-list li:before{content:"→";position:absolute;left:0;color:#7c3aed}@media (max-width:768px){.lipsum-container{padding:1rem}.lipsum-workspace{padding:1.5rem}.lipsum-header h1{font-size:2rem}.lipsum-options{flex-direction:column;align-items:stretch}.lipsum-checkbox-group{flex-direction:column;gap:.75rem}.lipsum-input-group{justify-content:space-between}}@media (max-width:480px){.lipsum-header h1{font-size:1.75rem}.lipsum-type-selector{flex-direction:column}.lipsum-generate-btn,.lipsum-type-btn{width:100%}.lipsum-output-header{flex-direction:column;gap:1rem;align-items:stretch}.lipsum-copy-btn{width:100%}}@media (hover:none) and (pointer:coarse){.lipsum-copy-btn,.lipsum-generate-btn,.lipsum-type-btn{min-height:44px;padding:12px 24px}.lipsum-checkbox-group label{min-height:44px}.lipsum-input-group input[type=number]{font-size:16px;min-height:44px}}