html,body,#root{height:100%;margin:0;font-family:Arial,sans-serif;background:#f5f5f5}.header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#fff;border-bottom:1px solid #ddd}.logo{height:24px;margin-right:.5rem}.tabs{display:flex;border-bottom:1px solid #ddd;background:#fafafa}.tabs button{padding:.25rem .5rem;background:transparent;border:none;cursor:pointer}.tabs button.active{border-bottom:2px solid #007acc;font-weight:700}.toggle{display:flex;align-items:center}.toggle button,.toggle select{margin-right:.25rem}.toggle .right-actions{margin-left:auto;display:flex;align-items:center}.error-box{background:#fee;color:#900;padding:.5rem}.success-box{background:#efe;color:#070;padding:.5rem}.app-container{display:flex;flex-direction:column;height:100%}.main{display:flex;flex:1 1 auto;overflow:hidden;min-height:0}.params{width:30%;overflow-y:auto;border-right:1px solid #ddd;padding:.5rem}.params-header{position:relative;margin-bottom:.5rem}.params-header .title{width:100%;text-align:center;font-weight:700}.params-header button{position:absolute;right:0;top:0}.drop-hint{text-align:center;color:#666;margin-top:.5rem}.editor{width:70%;padding:.5rem;overflow:hidden;height:100%;display:flex;flex-direction:column;min-height:0}.result{height:40vh;border-top:1px solid #ddd}.banner{text-align:center;padding:.5rem;background:#f0f0f0;border-top:1px solid #ddd}.footer{text-align:center;padding:.5rem;background:#fafafa;border-top:1px solid #ddd;font-size:.85rem}.icon-button{background:none;border:none;cursor:pointer;padding:.25rem;font-size:1rem}.file-input{display:none}.file-label{display:inline-flex;align-items:center}.result-format-button{position:absolute;top:0;right:0}