.editor-container{max-width:1600px;margin:0 auto;padding:20px}.editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}.editor-panel{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a}.form-section{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e0e0e0}.form-section:last-child{border-bottom:none}.form-section h3{margin:0 0 20px;color:#333;font-size:1.2em;font-weight:600}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group small{display:block;margin-top:5px;color:#666;font-size:.85em;line-height:1.4}.form-group small.warning{color:#d32f2f;font-weight:500}.form-group small code{background:#f5f5f5;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.form-input,.form-textarea,.form-select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.form-textarea{resize:vertical;min-height:100px;font-family:Courier New,monospace}.form-select{cursor:pointer;background-color:#fff}.checkbox-label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{margin-right:10px;width:18px;height:18px;cursor:pointer}.checkbox-label span{font-weight:500}.dynamic-container{margin-bottom:10px}.tag-item,.translation-item,.attachment-item{display:flex;gap:10px;margin-bottom:10px;align-items:flex-start}.tag-item input,.attachment-item input{flex:1}.translation-item{flex-direction:column;padding:15px;background:#f9f9f9;border-radius:4px;border:1px solid #e0e0e0}.translation-lang{width:150px!important}.translation-text{width:100%!important}.btn-primary,.btn-secondary,.btn-remove,.btn-link{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn-primary{background:#2196f3;color:#fff;width:100%;padding:14px;font-size:16px}.btn-primary:hover{background:#1976d2;transform:translateY(-1px);box-shadow:0 4px 8px #2196f34d}.btn-secondary{background:#f5f5f5;color:#333;border:1px solid #ddd}.btn-secondary:hover{background:#e0e0e0}.btn-remove{background:#ffebee;color:#d32f2f;padding:8px 16px;font-size:13px}.btn-remove:hover{background:#ffcdd2}.btn-link{background:transparent;color:#2196f3;padding:8px 16px}.btn-link:hover{background:#2196f31a}.form-actions{margin-top:30px}.output-section{margin-bottom:25px}.output-section h3{margin:0 0 15px;color:#333;font-size:1.1em;font-weight:600}.statement-preview{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;padding:20px;min-height:200px;max-height:400px;overflow-y:auto;font-family:Courier New,monospace;font-size:13px;line-height:1.6}.statement-preview-content{white-space:pre-wrap;word-wrap:break-word}.preview-field{margin-bottom:8px;color:#1976d2}.preview-content{margin-bottom:4px;color:#333}.preview-spacer{height:8px}.placeholder-text{color:#999;font-style:italic;text-align:center;padding:40px 20px}.output-textarea{width:100%;min-height:300px;padding:15px;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:13px;line-height:1.6;resize:vertical;background:#f9f9f9}.statement-hash{margin-top:10px;padding:10px;background:#e3f2fd;border-radius:4px;font-family:Courier New,monospace;font-size:12px;color:#1565c0;word-break:break-all}.output-actions{display:flex;gap:10px;margin-top:15px}.output-actions button{flex:1}.upload-progress{margin-top:20px;padding:20px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px}.upload-progress .statement-validation{margin-top:10px;padding:12px;border-radius:4px;font-size:14px;line-height:1.6}.upload-progress .validation-success{background:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.upload-progress .validation-error{background:#ffebee;border:1px solid #f44336;color:#c62828}.upload-progress h4{margin:0 0 15px;color:#333;font-size:1em;font-weight:600}.progress-step{display:flex;align-items:center;padding:8px 0;font-size:14px;line-height:1.5}.progress-icon{display:inline-block;width:24px;font-size:16px;margin-right:8px}.progress-text{flex:1}.progress-pending{color:#666}.progress-pending .progress-icon{animation:pulse 1.5s ease-in-out infinite}.progress-success{color:#2e7d32}.progress-success .progress-icon{color:#4caf50;font-weight:700}.progress-error{color:#c62828}.progress-error .progress-icon{color:#f44336;font-weight:700}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.help-section{margin-top:30px;padding:20px;background:#f0f7ff;border-radius:4px;border-left:4px solid #2196F3}.help-section h3{margin:0 0 15px;color:#1565c0;font-size:1em}.help-section ol{margin:0;padding-left:20px}.help-section li{margin-bottom:8px;color:#333;line-height:1.5}.help-section code{background:#fff;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em;color:#d32f2f}.message{padding:15px 20px;border-radius:4px;margin-bottom:20px;font-weight:500}.message-success{background:#e8f5e9;color:#2e7d32;border-left:4px solid #4caf50}.message-error{background:#ffebee;color:#c62828;border-left:4px solid #f44336}.type-help{display:block;margin-top:8px;padding:10px;background:#fff3e0;border-radius:4px;color:#e65100;font-size:.85em;line-height:1.5}.header-right{display:flex;align-items:center}@media(max-width:1200px){.editor-layout{grid-template-columns:1fr}.editor-output-panel{position:static;max-height:none}}@media(max-width:768px){.editor-container{padding:10px}.editor-panel{padding:20px}.output-actions{flex-direction:column}.output-actions button{width:100%}}.editor-form-panel::-webkit-scrollbar,.editor-output-panel::-webkit-scrollbar{width:8px}.editor-form-panel::-webkit-scrollbar-track,.editor-output-panel::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.editor-form-panel::-webkit-scrollbar-thumb,.editor-output-panel::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.editor-form-panel::-webkit-scrollbar-thumb:hover,.editor-output-panel::-webkit-scrollbar-thumb:hover{background:#555}
