*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Arial",sans-serif;line-height:1.6;color:#333;background:url("/img/bg.jpeg") center no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh}@keyframes welcome{0%{top:70%;opacity:0}30%{opacity:0}100%{top:20%;opacity:1}}.container{width:100%;max-width:1200px;margin:0 auto;padding:20px}.container.animate{top:50%;position:absolute;left:50%;transform:translate(-50%, 0px);opacity:0;animation-name:welcome;animation-duration:2s;animation-fill-mode:forwards}h1{text-align:center;margin-bottom:30px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.content-wrapper{display:flex;gap:20px;flex-wrap:wrap}.variables-panel{flex:2;min-width:500px;background:#fff;padding:25px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.info-panel{flex:1;min-width:300px;background:#fff;padding:25px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.2)}h2{margin-bottom:20px;color:#2c3e50;border-bottom:3px solid #3498db;padding-bottom:10px}h3{margin:20px 0 15px 0;color:#34495e}.file-upload{padding:15px;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}#openTemplate{background:#3498db;color:#fff;padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:16px;margin-right:15px}#openTemplate:hover{background:#2980b9}#fileName{color:#7f8c8d;font-style:italic}.variables-table{width:100%;border-collapse:collapse;margin-bottom:15px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1)}.variables-table thead{display:none}.variables-table th{background:#34495e;color:#fff;padding:12px;text-align:left;font-weight:600}.variables-table td{border-bottom:1px solid #ecf0f1;padding:10px}.innerWrapper{margin:20px 0}.hide{display:none}.resolveMsg>div{margin-top:10px;padding:6px 10px;border-radius:8px}.resolveMsg>div.msg-error{background:#ffc5cf;border:1px solid #d33}.resolveMsg>div.msg-success{background:#bdffbd;border:1px solid green}.resolveMsg>div.msg-warning{background:#ffff9f;border:1px solid orange}.variables-table td:first-child,.variables-table th:first-child{width:330px}.variables-table tr:hover{background:#f8f9fa}.variables-table input{width:100%;border:none;padding:8px;background:rgba(0,0,0,0);font-size:14px}.variables-table input:focus{outline:none;background:#fffacd;border-radius:3px}.variable-checkbox{text-align:center}.variables-controls{display:flex;gap:10px;margin-bottom:25px}.action-buttons{text-align:center}button{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease;font-weight:600;user-select:none;cursor:pointer}#addVariable{background:#27ae60;color:#fff}#addVariable:hover{background:#219a52;transform:translateY(-2px)}#removeVariable{background:#e74c3c;color:#fff}#removeVariable:hover{background:#c0392b;transform:translateY(-2px)}#fillDocument{background:#9b59b6;color:#fff;padding:15px 30px;font-size:16px;width:100%}#fillDocument:hover{background:#8e44ad;transform:translateY(-2px);box-shadow:0 5px 15px rgba(155,89,182,.4)}.instructions{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #3498db}.instructions ol,.instructions ul{margin-left:20px;margin-bottom:15px}.instructions li{margin-bottom:8px}.instructions code{background:#e9ecef;padding:2px 6px;border-radius:3px;font-family:"Courier New",monospace;color:#e83e8c}@media(max-width: 768px){.content-wrapper{flex-direction:column}.variables-panel,.info-panel{min-width:100%}body{background:#2c3e50;background-size:cover}.container{padding:10px;max-width:100%;width:100%}.container.animate{position:relative;top:0;left:0;transform:translate(0, 0);opacity:1;animation:unset}}
/*# sourceMappingURL=styles.css.map */