.xml-format-container{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.1);overflow:hidden;margin:20px 0;}
.tool-title-bar{background:linear-gradient(135deg,#0984e3 0%,#6c5ce7 100%);color:#fff;padding:20px;text-align:center;}
.tool-title-bar h1{margin:0;font-size:2rem;font-weight:600;}
.tool-title-bar p{margin:10px 0 0 0;opacity:0.9;}
.main-content{display:flex;gap:20px;padding:30px;}
.left-panel{flex:1;min-width:300px;display:flex;flex-direction:column;}
.right-panel{flex:1;min-width:300px;display:flex;flex-direction:column;}
.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.panel-header h3{margin:0;color:#333;display:flex;align-items:center;gap:8px;font-size:1.1rem;}
.panel-actions{display:flex;gap:8px;align-items:center;}
.xml-textarea{width:100%;flex:1;min-height:280px;padding:12px;border:1px solid #ddd;border-radius:8px;font-family:'Consolas','Monaco','Courier New',monospace;font-size:14px;line-height:1.5;resize:vertical;box-sizing:border-box;background:#fafbfc;}
.xml-textarea:focus{outline:none;border-color:#0984e3;box-shadow:0 0 0 3px rgba(9,132,227,0.1);background:#fff;}
.xml-textarea:disabled{background:#e9ecef;cursor:not-allowed;}
.input-stats,.output-stats{text-align:right;font-size:0.8em;color:#999;margin-top:6px;}
.file-upload-btn{background:linear-gradient(135deg,#0984e3,#6c5ce7);color:#fff;padding:6px 14px;border:none;border-radius:6px;cursor:pointer;font-size:0.85em;display:inline-flex;align-items:center;gap:6px;transition:all 0.3s ease;}
.file-upload-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(9,132,227,0.3);}
.btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all 0.3s ease;font-size:14px;}
.btn-primary{background:linear-gradient(135deg,#0984e3,#6c5ce7);color:#fff;}
.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(9,132,227,0.3);}
.btn-sm{padding:6px 14px;font-size:0.85em;}
.btn-outline{background:#fff;border:1px solid #ddd;color:#555;}
.btn-outline:hover:not(:disabled){border-color:#0984e3;color:#0984e3;background:rgba(9,132,227,0.05);}
.btn:disabled{opacity:0.5;cursor:not-allowed;}
.func-toolbar{background:rgba(248,250,252,0.8);border-radius:12px;padding:20px;margin-bottom:20px;}
.func-toolbar h3{margin:0 0 15px 0;color:#333;display:flex;align-items:center;gap:8px;font-size:1.1rem;}
.btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.output-section{flex:1;display:flex;flex-direction:column;}
.validation-result{margin-top:10px;padding:12px;border-radius:8px;font-size:0.9em;display:none;}
.validation-result.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb;}
.validation-result.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;}
.member-notice{background:linear-gradient(135deg,#ffeaa7,#fab1a0);color:#2d3436;padding:20px;border-radius:12px;margin:20px;text-align:center;font-weight:500;}
.xml-toast{position:fixed;top:20px;left:50%;transform:translateX(-50%) translateY(-20px);background:#333;color:#fff;padding:10px 20px;border-radius:8px;font-size:0.9em;z-index:9999;opacity:0;transition:all 0.3s ease;pointer-events:none;}.xml-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}.xml-toast.success{background:#27ae60;}.xml-toast.error{background:#e74c3c;}
@media(max-width:768px){.main-content{flex-direction:column;padding:20px;}.left-panel,.right-panel{min-width:auto;}.btn-grid{grid-template-columns:1fr 1fr;}}