body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body,html{margin:0;overflow-x:hidden;padding:0}.app{display:flex;flex-direction:column;font-family:Arial,sans-serif;font-size:12px;margin:0 auto;max-width:100vw;min-height:100vh;padding:8px 16px}.grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:10px;width:100%}.left-column,.right-column{display:flex;flex-direction:column;gap:2px}.grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;display:flex;flex:1 1;flex-direction:column;min-height:0;padding:12px}.card-header{align-items:center;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.card-title{font-size:1.1em;font-weight:700;margin:0}.card-header input[type=checkbox]{margin-left:0}.card-header label{margin-right:6px}.card-header .checkbox-group{margin-top:6px}.form-group{margin-bottom:12px}.form-group-inline{align-items:center;display:flex;gap:8px;margin-bottom:12px}.form-group-inline input[type=checkbox]{margin:0}.form-group-inline label{font-weight:400;margin:0}.form-group label{display:block;font-size:11px;font-weight:700;margin-bottom:4px}.form-control{border:1px solid #ccc;border-radius:3px;font-size:11px;min-height:32px;padding:6px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-control:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}select.form-control{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;background-size:12px 8px;padding-right:24px}textarea.form-control{max-height:120px;min-height:40px;overflow-y:auto;resize:vertical}textarea.no-wrap{max-height:80px;overflow-x:auto;overflow-y:auto;resize:none;white-space:nowrap}.control-group{display:flex;flex-direction:column;gap:4px;margin:6px 0}.slider-container{align-items:center;display:flex;gap:12px}.slider-value-display{font-size:11px;font-weight:500;min-width:40px;text-align:right}.control-group span{color:#666;font-size:10px}input[type=range]{appearance:none;background:#0000;border:none;border-radius:3px;cursor:pointer;height:6px;margin:0;outline:none;padding:0;vertical-align:middle;width:100%}input[type=range]::-webkit-slider-runnable-track{background:#ddd;border:none;border-radius:3px;box-shadow:none;height:6px;outline:none;width:100%}input[type=range]::-webkit-slider-thumb{appearance:none;background:#007bff;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;margin-top:-5px;-webkit-transition:all .2s ease;transition:all .2s ease;width:16px}input[type=range]::-webkit-slider-thumb:hover{background:#0056b3;transform:scale(1.1)}input[type=range]::-moz-range-track{background:#ddd;border:none;border-radius:3px;box-shadow:none;height:6px;outline:none;width:100%}input[type=range]::-moz-range-thumb{background:#007bff;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;margin-top:0;transform:translateY(0);-moz-transition:all .2s ease;transition:all .2s ease;width:16px}input[type=range]::-moz-range-thumb:hover{background:#0056b3;transform:scale(1.1)}input[type=checkbox]{cursor:pointer;margin-left:0;margin-right:6px;min-height:16px;min-width:16px;transform:scale(.9)}.copy-button,label{cursor:pointer;font-size:11px;-webkit-user-select:none;user-select:none}.copy-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;min-height:36px;padding:8px 16px;transition:all .2s ease}.copy-button:hover{background-color:#0056b3}.copy-button:active{background-color:#004085}#result{word-wrap:break-word;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:3px;font-family:Courier New,monospace;font-size:10px;line-height:1.3;margin:6px 0;max-height:200px;overflow-y:auto;padding:8px;resize:vertical;white-space:pre-wrap}.result{margin-top:2px}.result>div{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.result>div>div{margin-left:auto}.copy-notification{animation:fadeIn .3s ease-in;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:3px;color:#155724;font-size:10px;margin-top:6px;padding:6px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.text-lg{font-size:1.1em}.font-medium{font-weight:500}.mb-2{margin-bottom:6px}.no-wrap{overflow:hidden;resize:none;white-space:nowrap}.custom-input{display:none}@media screen and (max-width:1024px){.app{padding:6px 12px}.grid-container{gap:15px}.card{padding:10px}}@media screen and (max-width:512px){.app{font-size:11px;padding:4px 8px}.grid-container{gap:12px}.grid,.grid-container{grid-template-columns:1fr}.card{padding:8px}.form-group{margin-bottom:10px}.card-header{align-items:flex-start;flex-direction:column;gap:8px}.card-header>div{align-items:center;display:flex;justify-content:space-between;width:100%}}@media screen and (max-width:480px){.app{font-size:10px;padding:3px 6px}.card{padding:6px}.form-group{margin-bottom:8px}.slider-container{flex-direction:column;gap:6px}.slider-value-display{min-width:auto;text-align:center}.copy-button{font-size:9px;min-height:32px;padding:6px 12px}.card-header{padding-bottom:6px}.card-title{font-size:1em}}@media screen and (max-width:320px){.app{font-size:9px;padding:2px 4px}.card{padding:4px}.form-group{margin-bottom:6px}.form-control{font-size:9px;min-height:28px;padding:4px}.copy-button{font-size:8px;min-height:28px;padding:4px 8px}}@media screen and (max-height:800px){.app{min-height:100vh}.grid-container{margin-bottom:8px}textarea.form-control{max-height:80px}textarea.no-wrap{max-height:60px}#result{max-height:150px}}@media screen and (max-height:600px){.app{padding:4px 8px}.card{padding:6px}.grid-container{gap:10px;margin-bottom:5px}.form-group{margin-bottom:8px}textarea.form-control{max-height:60px;min-height:30px}textarea.no-wrap{max-height:40px}#result{max-height:100px}.copy-button{font-size:10px;min-height:32px;padding:6px 10px}}@media screen and (max-height:480px){.app{padding:2px 6px}.card{padding:4px}.grid-container{gap:8px;margin-bottom:4px}.form-group{margin-bottom:6px}textarea.form-control{max-height:50px;min-height:25px}textarea.no-wrap{max-height:35px}#result{font-size:9px;max-height:80px}.copy-button{font-size:9px;min-height:28px;padding:4px 8px}.card-header{margin-bottom:8px;padding-bottom:4px}}.floating-window{background:#fff;border:2px solid #007bff;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #00000026;cursor:default;height:40px;overflow:hidden;position:fixed;right:20px;transition:all .3s ease,left .5s ease-out,top .5s ease-out;-webkit-user-select:none;user-select:none;width:120px;z-index:1000}.floating-window.expanded{height:auto;min-height:200px;width:300px}.floating-window:hover{box-shadow:0 6px 20px #0003}.floating-content{display:flex;flex-direction:column;height:100%;width:100%}.floating-header{background:#007bff;border-radius:6px 6px 0 0;color:#fff;cursor:move;font-size:12px;font-weight:700;overflow:hidden;padding:8px 12px;text-align:center;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.floating-body{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:12px}.floating-button{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:11px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.floating-button:hover{background:#e9ecef;border-color:#adb5bd}.floating-button:active{background:#dee2e6;transform:translateY(1px)}.floating-window:not(.expanded) .floating-body{display:none}.floating-window:not(.expanded) .floating-header{background:#007bff;border-radius:6px;color:#fff;font-size:11px;padding:8px 12px}.floating-result{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;font-family:Courier New,monospace;font-size:11px;height:140px;line-height:1.4;padding:8px;resize:none;width:100%}.floating-result:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}
/*# sourceMappingURL=main.98d6f746.css.map*/