.CssFormatter-module__8SnfPW__container{flex-direction:column;gap:16px;max-width:1100px;margin:32px auto;padding:0 20px 40px;display:flex}.CssFormatter-module__8SnfPW__title{color:#1a3a5c;font-size:1.5rem;font-weight:700}.CssFormatter-module__8SnfPW__toolbar{background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 1px 4px #00000012}.CssFormatter-module__8SnfPW__modeSwitch{border:1px solid #d0dbe8;border-radius:6px;display:flex;overflow:hidden}.CssFormatter-module__8SnfPW__modeBtn{cursor:pointer;color:#555;background:#fff;border:none;padding:5px 16px;font-size:.85rem;transition:background .12s,color .12s}.CssFormatter-module__8SnfPW__modeActive{color:#fff;background:#1a3a5c}.CssFormatter-module__8SnfPW__select{color:#444;background:#fff;border:1px solid #d0dbe8;border-radius:6px;padding:5px 10px;font-size:.85rem}.CssFormatter-module__8SnfPW__checkLabel{color:#555;white-space:nowrap;align-items:center;font-size:.85rem;display:flex}.CssFormatter-module__8SnfPW__spacer{flex:1}.CssFormatter-module__8SnfPW__btnSample{color:#1a3a5c;cursor:pointer;background:#fff;border:1px solid #b0c4de;border-radius:6px;padding:5px 14px;font-size:.85rem}.CssFormatter-module__8SnfPW__btnSample:hover{background:#f0f4f8}.CssFormatter-module__8SnfPW__btnClear{color:#c0392b;cursor:pointer;background:#fff;border:1px solid #e0dada;border-radius:6px;padding:5px 14px;font-size:.85rem}.CssFormatter-module__8SnfPW__btnClear:hover{background:#fff0ef}.CssFormatter-module__8SnfPW__editors{align-items:stretch;gap:0;min-height:520px;display:flex}.CssFormatter-module__8SnfPW__pane{background:#fff;border-radius:10px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000012}.CssFormatter-module__8SnfPW__paneHeader{color:#888;background:#fafbfc;border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;padding:8px 14px;font-size:.8rem;font-weight:600;display:flex}.CssFormatter-module__8SnfPW__textarea{resize:none;color:#1a2a3a;tab-size:2;background:#fff;border:none;outline:none;flex:1;padding:14px;font-family:Consolas,Courier New,monospace;font-size:.85rem;line-height:1.6}.CssFormatter-module__8SnfPW__outputArea{color:#2c3e50;background:#f8fafc}.CssFormatter-module__8SnfPW__centerCol{justify-content:center;align-items:center;padding:0 12px;display:flex}.CssFormatter-module__8SnfPW__btnRun{color:#fff;cursor:pointer;white-space:nowrap;background:#1a3a5c;border:none;border-radius:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:background .15s}.CssFormatter-module__8SnfPW__btnRun:hover{background:#143050}.CssFormatter-module__8SnfPW__copyBtn{color:#1a3a5c;cursor:pointer;background:#fff;border:1px solid #b0c4de;border-radius:5px;padding:3px 10px;font-size:.78rem;transition:background .12s}.CssFormatter-module__8SnfPW__copyBtn:hover:not(:disabled){background:#f0f4f8}.CssFormatter-module__8SnfPW__copyBtn:disabled{opacity:.4;cursor:default}@media (max-width:700px){.CssFormatter-module__8SnfPW__container{margin:16px auto;padding:0 12px 24px}.CssFormatter-module__8SnfPW__editors{min-height:unset;flex-direction:column}.CssFormatter-module__8SnfPW__pane{min-height:240px}.CssFormatter-module__8SnfPW__centerCol{padding:8px 0}.CssFormatter-module__8SnfPW__btnRun{width:100%}}