html{font-family:Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#74ebd5,#acb6e5);min-height:100vh;color:#2c3e50}body{overflow:auto!important;margin:0;padding:0}#base{padding:20px 20px 100px;position:relative;max-width:950px;margin:0 auto}.page-layout{display:flex;flex-wrap:wrap;gap:20px;padding-top:60px}.left-column{flex:0 0 280px}.right-column{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px}#header{margin-bottom:30px}#description{margin-bottom:20px}h1{color:#2a9d8f;font-family:Helvetica Neue,Arial,sans-serif;font-size:2.2em;line-height:1.2;font-weight:700;margin-bottom:15px;text-shadow:1px 1px 2px rgba(255,255,255,.5)}#description p{margin-bottom:15px;line-height:1.5;color:#2c3e50}#description a{color:#3498db;text-decoration:none;transition:color .2s}#description a:hover{color:#2980b9;text-decoration:underline}#insertSample{color:#2980b9;font-weight:700;transition:color .3s ease}#insertSample:hover{color:#3498db;text-decoration:underline}#settings{background-color:#ffffffd9;border-radius:10px;padding:20px;box-shadow:0 4px 15px #0000001a;backdrop-filter:blur(5px);min-width:300px;flex:1}#settings h3{font-size:1.2em;margin:0 0 15px;padding:0 0 10px;border-bottom:2px solid rgba(52,152,219,.3);color:#2c3e50;font-weight:700}#settings p{font-size:14px;line-height:1.6;margin-bottom:12px}#settings label{margin-right:10px;cursor:pointer}#settings input[type=radio],#settings input[type=checkbox]{margin-right:5px;cursor:pointer}.settingsGroup{margin-left:20px;margin-bottom:15px;padding-top:5px}#converter{position:relative;margin-top:20px;display:flex;flex-direction:column;gap:20px}.window-container{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;margin-bottom:20px;overflow:hidden;border:1px solid #e0e0e0}.window-header{display:flex;align-items:center;background:linear-gradient(to bottom,#f8f8f8,#f0f0f0);padding:8px 15px;border-bottom:1px solid #e0e0e0;height:36px}.window-controls{display:flex;gap:6px;margin-right:15px}.control{width:12px;height:12px;border-radius:50%;display:inline-block;opacity:.8;transition:opacity .2s}.control:hover{opacity:1}.close{background-color:#ffb1b0;border:1px solid #ffa5a3}.minimize{background-color:#ffe3a0;border:1px solid #ffd98a}.maximize{background-color:#b8e986;border:1px solid #a7e070}.window-title{font-weight:500;font-size:14px;color:#333;margin-left:10px;text-shadow:0 1px 0 #fff}.textInputs{background-color:#fff;border:none;color:#2c3e50;font-family:Menlo,Monaco,monospace;font-size:13px;line-height:1.5;padding:15px;height:300px;box-shadow:inset 0 1px 5px #0000001a;transition:all .3s ease;width:100%;box-sizing:border-box;resize:vertical;min-height:200px}.textInputs:focus{outline:none;box-shadow:inset 0 1px 5px #0003}#dataInput,#dataOutput,#dataInput textarea,#dataOutput textarea{height:100%}#dataSelector{width:200px;line-height:22px;font-size:16px;padding:5px 10px;border-radius:5px;border:1px solid #ddd;background-color:#fff;color:#2c3e50;margin:10px;cursor:pointer}#dataSelector:focus{outline:none;border-color:#3498db}@media (max-width: 1024px){#base{padding:15px 15px 100px}.textInputs{height:300px}}@media (max-width: 768px){#header{flex-direction:column}#description,#settings{width:100%;min-width:100%;padding-right:0;margin-bottom:15px}#converter{position:relative;left:0;top:0;width:100%}.textInputs{height:300px}#settings p{display:flex;flex-wrap:wrap;margin-bottom:15px}#settings label{margin-bottom:5px;margin-right:15px}#settings strong{width:100%;display:block;margin-bottom:5px}.settingsGroup{margin-left:0}}@media (max-width: 480px){#base{padding:70px 10px 100px}h1{font-size:1.8em}#description p{font-size:14px;line-height:1.4}.textInputs{height:250px;font-size:12px}.window-title{font-size:.9em}#settings{padding:15px}#settings h3{font-size:1.1em}#settings p{font-size:13px}}footer{position:relative;z-index:10;margin-top:50px!important}body{overflow:auto!important}.groupHeader[data-astro-cid-l5ewlqxy]{background:#f5f5f5;padding:10px 15px;border-bottom:1px solid #ddd;margin-bottom:0}.groupHeadline[data-astro-cid-l5ewlqxy]{margin:0;font-size:14px;font-weight:700;color:#333}.subhead[data-astro-cid-l5ewlqxy]{font-weight:400;color:#666;font-size:13px;margin-left:10px}.subhead[data-astro-cid-l5ewlqxy] a[data-astro-cid-l5ewlqxy]{color:#06c;text-decoration:none}.subhead[data-astro-cid-l5ewlqxy] a[data-astro-cid-l5ewlqxy]:hover{text-decoration:underline}#dataSelector[data-astro-cid-l5ewlqxy]{margin:0 5px;padding:2px 5px;font-size:13px;border:1px solid #ccc;background:#fff}.textInputs[data-astro-cid-l5ewlqxy]{width:100%;box-sizing:border-box;border:none;border-top:1px solid #ddd;font-family:monospace;font-size:13px;padding:10px;resize:vertical}#dataInput[data-astro-cid-l5ewlqxy]{min-height:200px;background:#fafafa}#dataOutput[data-astro-cid-l5ewlqxy]{min-height:300px;background:#f0f0f0}#converter[data-astro-cid-l5ewlqxy]>div[data-astro-cid-l5ewlqxy]{border:1px solid #ddd;border-radius:4px;overflow:hidden;margin-bottom:20px;background:#fff}#converter[data-astro-cid-l5ewlqxy]>div[data-astro-cid-l5ewlqxy]:last-child{margin-bottom:0}