body{font-family:Arial,Helvetica,sans-serif}.container{height:100vh;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.main{display:grid;grid-template-rows:auto 1fr;min-width:0;min-height:0;height:100vh;gap:16px;padding:20px;box-sizing:border-box;background-color:#f4f4f4}.card-panel{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:20px;box-sizing:border-box}.card-panel__inner{width:100%;max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.form,.preview{display:flex;gap:10px;flex-direction:column;padding:20px;background-color:#fff}.form{height:100vh;overflow-y:auto;box-sizing:border-box}.preview{min-height:0;border-radius:12px;border:1px solid #e5e7eb;box-sizing:border-box;overflow:hidden}.preview__body{flex:1;min-height:0;overflow:hidden}@media (max-width: 1200px){.container{grid-template-columns:1fr;gap:20px;height:auto;overflow:visible}.main{height:auto}.form{height:auto;overflow-y:visible}.card{order:-1}}.required{color:red}.field-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 18px;width:100%;margin:0}@media (max-width: 1500px){.field-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.field-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.field-grid{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field>label{font-size:13px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field input,.field select{width:100%;height:32px;box-sizing:border-box;padding:0 8px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;font-size:14px}.field input:focus,.field select:focus{outline:none;border-color:#3396d4}.form-section{display:flex;flex-direction:column;gap:12px;margin-top:24px}.form-section__title{margin:0;font-size:15px;font-weight:600;color:#333;padding-bottom:6px;border-bottom:1px solid #eee}._container_h4g56_1{position:absolute;top:15px;right:15px;z-index:1;--color-btn-bg: #fff;--color-btn-text: #000;--color-gray-600: #4b5563;--color-success-fg: #10b981}._clickable_h4g56_21{cursor:pointer;white-space:nowrap;text-decoration:none;outline:none;display:inline-flex;justify-content:center;align-items:center;width:45px;height:45px;border-radius:10px;text-align:center;background:inherit;border:1px solid var(--color-gray-600);color:var(--color-gray-600);opacity:.8;background-color:var(--color-btn-bg);transition:all .5s cubic-bezier(.2,1,.8,1) 0s}._clickable_h4g56_21:hover{opacity:1;color:var(--color-btn-text);border-color:var(--color-btn-text)}._clickable_h4g56_21:hover:hover+._tooltip_h4g56_65{opacity:1}._clickable_h4g56_21 svg{width:24px;height:24px;position:absolute}._clickable_h4g56_21 svg path{fill:currentColor}._clickable_h4g56_21._copied_h4g56_89{pointer-events:none;color:var(--color-success-fg);border-color:var(--color-success-fg)}._clickable_h4g56_21._copied_h4g56_89+._tooltip_h4g56_65{opacity:1}._tooltip_h4g56_65{width:max-content;opacity:0;position:absolute;top:50px;right:0;padding:10px;border-radius:5px;background-color:var(--color-btn-bg);color:var(--color-btn-text);transition:all .5s cubic-bezier(.2,1,.8,1) 0s}._selected-item_nogne_1{text-align:center}._controls-container_nogne_5{--highlight-width: auto;--highlight-x-pos: 0;display:flex;width:100%}._controls_nogne_5{display:inline-flex;justify-content:space-between;background:#ebebeb;box-shadow:0 0 5px #0000001a;border-radius:10px;max-width:500px;padding:5px;margin:auto;overflow:hidden;position:relative}._controls_nogne_5 input{opacity:0;margin:0;top:0;right:0;bottom:0;left:0;position:absolute;width:100%;cursor:pointer;height:100%}._segment_nogne_38{min-width:110px;position:relative;text-align:center;z-index:1;border-radius:8px}._segment_nogne_38 label{cursor:pointer;display:block;font-size:14px;font-weight:700;padding:10px;transition:color .5s ease;color:#424242}._segment_nogne_38:not(._active_nogne_57):hover{background-color:#00000009}._controls_nogne_5:before{content:"";background:#fff;box-shadow:0 4px 4px #0000001a;border-radius:8px;width:var(--highlight-width);transform:translate(var(--highlight-x-pos));position:absolute;top:4px;bottom:4px;left:0;z-index:0;transition:all .3s cubic-bezier(.86,0,.07,1)}._controls_nogne_5._ready_nogne_78:before{transition:transform .3s ease,width .3s ease}