.container{max-width:1400px}.footer{max-width:1400px}.btn-secondary{background:#6b7280;color:white}.btn-secondary:hover{background:#4b5563}.main{display:grid;grid-template-columns:1fr 1fr;gap:15px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;padding:15px;background:white;border-radius:8px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,0.05);align-items:center}.toolbar-group{display:flex;gap:8px;align-items:center}.toolbar-group:not(:last-child){padding-right:15px;border-right:1px solid #e5e7eb}.indent-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:white}.opt-check{display:flex;align-items:center;gap:5px;font-size:13px;color:#374151;cursor:pointer;white-space:nowrap}.opt-check input{accent-color:#667eea}.panel{display:flex;flex-direction:column;height:630px}.panel-header{border-bottom:none;order:4;flex-shrink:0}.panel-header:first-child{border-top:1px solid #e5e7eb}.status-bar{flex-direction:column;align-items:stretch;order:3;flex-shrink:0}textarea{width:100%;height:532px;padding:15px;border:none;font-family:'Consolas','Monaco','Courier New',monospace;font-size:14px;line-height:1.6;resize:vertical;outline:none}#output{padding:15px;font-family:'Consolas','Monaco','Courier New',monospace;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-all;flex:1;overflow:auto;height:460px}.css-selector{color:#1d4ed8}.css-prop{color:#881391}.css-value{color:#0b7500}.css-number{color:#1750eb}.css-color{color:#0891b2}.css-string{color:#0b7500}.css-atrule{color:#ff6d01}.css-comment{color:#9ca3af;font-style:italic}.css-punc{color:#333}.file-input{display:none}.stats{display:flex;gap:20px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:4px}.stat-label{color:#9ca3af}.stat-value{font-weight:600;color:#374151}