@layer base{main,.card{background-color:var(--card-bg);border-radius:.5rem;box-shadow:var(--shadow);padding:var(--outer-pad);border:1px solid var(--border-color);margin-bottom:2rem}main>header{padding:1rem;background:var(--media-options-bg);border:1px solid var(--media-options-border);color:var(--media-label-color);margin-bottom:2rem;border-radius:.375rem;text-align:center}main>header>p{margin-bottom:2em;font-weight:bold}label:has(+.output-textarea){font-weight:bold;font-size:1.2em;margin-bottom:1em}label[for=csvInput],label[for=markupInput],#fileInputSection>h3,#fileUploads>p{display:block;font-weight:bold;font-size:1.17em;text-wrap:balance;text-align:center}label:has(+textarea),#fileUploads>p{color:var(--primary-color)}label+textarea{margin-top:.5em}h1~ul{list-style:none;display:flex;flex-wrap:wrap;-moz-column-gap:2em;column-gap:2em;row-gap:1.5em;white-space:nowrap;max-width:100%;justify-content:space-evenly;margin:0 1rem 1em 1rem}.file-input-area{border:2px dashed var(--border-color);border-radius:.5rem;padding:2rem;margin-bottom:.75em;text-align:center;cursor:pointer;transition:border-color .3s;display:flex;flex-direction:column;align-items:center;gap:1rem;font-size:1.1em}.file-input-area:hover{border-color:var(--primary-color)}.file-input-area svg{width:3rem;height:3rem;fill:var(--primary-color)}.file-input{display:none}.other-imports{display:flex;flex-wrap:wrap;gap:1rem}.other-imports>h3,.other-imports>div{flex-basis:100%;margin-top:0;margin-bottom:0;max-width:100%}.database-explorer{width:100%;padding:1em}.database-explorer>.db-info>h4,.database-explorer>.results-section>h4{margin-bottom:1.5rem}.database-explorer>div{margin-bottom:3rem}#queryResults{width:100%;max-height:75vh;overflow:auto;margin-bottom:2rem}.google-sheets img{max-width:100%;height:auto}.preview-table :is(th,td),.results-table :is(th,td){border:1px solid var(--border-color);padding:.75rem;text-align:left;letter-spacing:0}.preview-table th{background-color:var(--primary-color);color:#fff;font-weight:600;border-bottom:2px solid rgba(0,0,0,.1)}.preview-table th:has(button){padding:.25rem .75rem}.preview-table th>button{padding:.25rem;border:none;color:currentColor;font-size:inherit;font-weight:bold}.preview-table tr:nth-child(even) td{background-color:rgba(var(--primary-color-rgb), 0.03)}[data-theme=dark] .preview-table tr:nth-child(even) td{background-color:rgba(var(--primary-color-rgb), 0.05)}.optimized-table>tbody>tr{content-visibility:auto;contain-intrinsic-height:3.125rem;contain-intrinsic-width:10rem}.optimized-table>thead{position:sticky;top:0;z-index:1;background-color:var(--primary-color);margin-bottom:1lh}.large-table td:not(.row-controls){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:20rem}.large-table td:not(.row-controls):focus-visible{white-space:pre-wrap}@media(max-width: 48rem){.large-table td:not(.row-controls){max-width:15rem}}.preview-container{overflow:auto;margin-bottom:2rem;min-height:var(--pcMinHeight, 0);max-height:95vh}#reverseInputContainer>div,#reversePreviewContainer{margin:2rem}#previewContainer,#reversePreviewContainer{transition:opacity .3s ease,height .3s ease;overflow:hidden}#previewContainer{margin-bottom:1rem}.output-container{margin-top:2rem}.output-textarea{width:100%;height:200px;padding:1rem;line-height:1.3em;border:2px solid rgba(0,0,0,0);contain:content}.button-container{display:flex;gap:1rem;margin:1rem;flex-wrap:wrap;justify-content:space-evenly}.button.secondary:has(svg){padding:.15rem 1rem .5rem .75rem}.button.secondary svg{transform:translate(0, 0.35em)}.alert{padding:1rem;border-radius:.375rem;margin-bottom:1rem}.alert-success{background-color:#d1fae5;color:#065f46}.alert-error{background-color:#fee2e2;color:#b91c1c}.options-container{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;padding:1rem;border:1px solid var(--border-color);border-radius:.375rem;background-color:var(--input-bg)}.options-container:has(+.edit-notification){margin-bottom:1rem;font-size:.9rem}.switch-container{display:flex;align-items:center}.switch-label{margin-left:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.switch{position:relative;display:inline-block;width:40px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--switch-bg);transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--switch-checked-bg)}input:focus+.slider{box-shadow:0 0 1px var(--switch-checked-bg)}input:checked+.slider:before{transform:translateX(16px)}.mode-toggle{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:2rem;border-radius:.375rem;overflow:hidden;border:1px solid var(--border-color)}.mode-toggle:has(+.mode-toggle){margin-bottom:1rem}.mode-toggle:has(+section){margin-bottom:2rem;box-shadow:var(--shadow)}.mode-button{flex:1;background-color:var(--input-bg);color:var(--text-color);border:1px solid rgba(0,0,0,0);border-radius:0;padding:.75rem 1.5rem;cursor:pointer;transition:background-color .3s,color .3s,transform .2s;text-align:center;min-width:180px;font-weight:400}.mode-button:hover,.mode-button:focus-within{background-color:var(--border-color);transform:translateY(-1px)}.mode-button.mode-active{background-color:var(--primary-color);color:#fff;font-size:1.2em;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.2)}#dataPasteToggle{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.format-options-container{background-color:var(--card-bg);border-radius:.75rem;box-shadow:var(--shadow);margin-bottom:2rem;font-family:inherit;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease}.format-tabs{display:flex;flex-wrap:wrap;row-gap:.75rem;justify-content:space-evenly;background-color:var(--accent-bg);border-top-left-radius:.75rem;border-top-right-radius:.75rem;border-bottom:1px solid var(--border-color);list-style:none}.format-tabs::-webkit-scrollbar{display:none}.format-tab{padding:.75rem 1.25rem;font-weight:500;font-size:1rem;background:none;border:none;cursor:pointer;white-space:nowrap;color:var(--text-color);border-bottom:3px solid rgba(0,0,0,0);border-radius:0;transition:all .3s ease;opacity:.7}.format-tab:hover{opacity:1;background-color:var(--hover-bg)}.format-tab[aria-selected=true]{border-bottom:3px solid var(--primary-color);opacity:1;font-weight:600;color:var(--primary-color)}.format-tab[aria-selected=true]::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-bottom:6px solid var(--card-bg)}.loader{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:-300%;width:100%;height:100%;background:rgba(238,238,238,.8);opacity:0;transition:left 0s .5s,opacity .5s}.loader.loading{left:0;opacity:.4;transition:opacity .5s}.loader::before{content:"";display:block;flex-grow:0;width:5rem;height:5rem;border:solid var(--text-color);border-width:.25em .25em 0 0;border-radius:50%}.loader.loading::before{animation:spin360 .5s infinite linear}@keyframes spin360{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.format-split-view{display:flex;flex-direction:row;align-items:stretch;border-bottom:1px solid var(--border-color)}.format-options-panel{flex:0 0 50%;padding:1.5rem;overflow-y:auto;max-height:37.5rem;border-right:1px solid var(--border-color);scrollbar-width:thin;scrollbar-color:var(--border-color) rgba(0,0,0,0)}.format-options-panel::-webkit-scrollbar,.output-textarea::-webkit-scrollbar{width:8px;height:8px}.format-options-panel::-webkit-scrollbar-track,.output-textarea::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.format-options-panel::-webkit-scrollbar-thumb,.output-textarea::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px;border:2px solid var(--card-bg)}.format-options-panel::-webkit-scrollbar-thumb:hover,.output-textarea::-webkit-scrollbar-thumb:hover{background-color:var(--primary-color)}.format-preview-panel{flex:0 0 50%;display:flex;flex-direction:column;padding:1.5rem}.format-options-panel h3,.preview-header h3,.preview-header label{margin-top:0;margin-bottom:1.25rem;font-size:1.25rem;color:var(--primary-color);font-weight:600}.preview-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:1rem}.option-group{position:relative;margin-bottom:1.5rem;padding-bottom:.5rem}.option-group:not(:last-child)::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right, transparent, var(--border-color) 20%, var(--border-color) 80%, transparent);opacity:.7}.option-toggle{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.375rem;position:relative}.option-toggle input[type=checkbox],.option-toggle input[type=radio]{margin-top:.25rem;width:1.1rem;height:1.1rem;cursor:pointer;accent-color:var(--primary-color)}.option-toggle label{font-weight:500;cursor:pointer;color:var(--text-color);position:relative;transition:color .2s}.option-toggle input[type=checkbox]:checked+label,.option-toggle input[type=radio]:checked+label{color:var(--primary-color);font-weight:600}.drawer-toggle{margin-left:auto;background:none;border:none;color:var(--muted-text-color);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:color .2s,background-color .2s}.drawer-toggle:hover{color:var(--text-color);background-color:var(--hover-bg)}.drawer-toggle svg{transition:transform .2s}.drawer-toggle.collapsed svg{transform:rotate(-90deg)}.option-hint{display:block;font-size:.875rem;color:var(--muted-text-color);margin-left:1.6rem;margin-top:.25rem}.option-hint:has(+.option-toggle,+.option-drawer){margin-bottom:.75rem}.option-drawer{max-height:0;overflow:hidden;transition:max-height var(--transition-speed) var(--transition-timing);margin-left:1.6rem;background-color:var(--drawer-bg);border-radius:.375rem;position:relative}.option-drawer.open{max-height:unset;margin-top:.75rem;margin-bottom:.75rem;border-left:3px solid var(--primary-color);box-shadow:var(--drawer-shadow)}.drawer-content{padding:1rem;opacity:0;transform:translateY(-0.5rem);transition:opacity var(--transition-speed) var(--transition-timing),transform var(--transition-speed) var(--transition-timing)}.option-drawer.open .drawer-content{opacity:1;transform:translateY(0);animation:slideDown .3s forwards}.option-subheading{font-size:.95rem;color:var(--primary-color);margin-bottom:.75rem}.nested-options{padding-left:1.5rem;border-left:2px solid var(--primary-color)}@keyframes slideDown{from{opacity:0;transform:translateY(-0.5rem)}to{opacity:1;transform:translateY(0)}}.option-input,.option-select,.framework-select{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.option-input label,.option-select label,.framework-select label{font-weight:500;color:var(--text-color)}.option-input input,.option-select select,.framework-select select{width:100%;padding:.6rem .8rem;border:1px solid var(--border-color);border-radius:.375rem;background-color:var(--input-bg);color:var(--text-color);font-family:inherit;font-size:.95rem;transition:all .2s ease}.option-input input:focus,.option-select select:focus,.framework-select select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb), 0.15)}.input-hint{font-size:.8rem;color:var(--muted-text-color)}.framework-checkbox-group{margin-bottom:1rem}.framework-checkbox-group>label{display:block;font-weight:500;margin-bottom:.5rem}.framework-checkboxes{display:grid;grid-template-columns:repeat(auto-fill, minmax(12rem, 1fr));gap:.5rem}.framework-checkbox{display:flex;align-items:center;gap:.5rem}.framework-checkbox input[type=checkbox]{margin:0;width:1rem;height:1rem;cursor:pointer;accent-color:var(--primary-color)}.framework-checkbox label{font-weight:normal;cursor:pointer}.framework-select-group{display:grid;grid-template-columns:repeat(auto-fill, minmax(12rem, 1fr));gap:1rem}.preview-textarea{flex:1;width:100%;padding:1rem;border:1px solid var(--border-color);border-radius:.375rem;background-color:var(--input-bg);color:var(--text-color);font-family:monospace;font-size:.9rem;line-height:1.5;resize:none;min-height:31.25rem;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) rgba(0,0,0,0)}.preview-textarea::-webkit-scrollbar{width:8px;height:8px}.preview-textarea::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.preview-textarea::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px;border:2px solid var(--input-bg)}.preview-textarea::-webkit-scrollbar-thumb:hover{background-color:var(--primary-color)}.preview-textarea.flash{animation:flashHighlight .5s}@keyframes flashHighlight{0%{background-color:var(--input-bg)}50%{background-color:rgba(var(--primary-color-rgb), 0.1)}100%{background-color:var(--input-bg)}}.copy-btn{position:relative;overflow:hidden;background-color:var(--primary-color);color:#fff;border:none;border-radius:.375rem;padding:.5rem 1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.copy-btn:where(:hover,:focus-visible){transform:translateY(-2px);box-shadow:0 .25rem .5rem rgba(0,0,0,.1)}.copy-btn:active{transform:translateY(0)}.copy-btn::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background-color:hsla(0,0%,100%,.2);border-radius:50%;transform:translate(-50%, -50%);transition:width .6s ease-out,height .6s ease-out}.copy-btn.copied::before{width:300%;height:300%}.copy-btn.copied{background-color:var(--primary-dark)}.alignment-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(8.125rem, 1fr));gap:.75rem;margin-top:.5rem}.align-label{font-size:.85rem;font-weight:normal;margin-bottom:.1rem}input[type=checkbox]:focus{outline:2px solid var(--primary-color);outline-offset:2px}.input-with-select label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--media-label-color)}.input-group{display:flex;align-items:center}.number-input{width:5rem;padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem 0 0 .375rem;background-color:var(--input-bg);color:var(--text-color);font-family:inherit;font-size:.9rem;-moz-appearance:textfield}.number-input::-webkit-inner-spin-button,.number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-group select{height:36px;padding:0 .5rem;border:1px solid var(--border-color);border-left:none;border-radius:0 .375rem .375rem 0;background-color:var(--input-bg);color:var(--text-color);font-family:inherit;font-size:.9rem}@media(max-width: 48rem){.card{padding:1rem}.file-input-area{padding:1rem}.format-split-view{flex-direction:column}.format-options-panel,.format-preview-panel{flex:none;width:100%}.format-options-panel{border-right:none;border-bottom:1px solid var(--border-color);max-height:none}.format-options-toggle{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--accent-bg);cursor:pointer;font-weight:600}.format-options-toggle svg{transition:transform .3s}.format-options-toggle.collapsed svg{transform:rotate(-180deg)}.format-options-panel.collapsed{max-height:0;overflow:hidden;padding:0;border:none}.preview-textarea{min-height:250px}.format-actions{flex-wrap:wrap}.secondary-button{flex:1 0 auto}.alignment-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 30rem){.format-tabs{flex-wrap:wrap}.format-tab{flex-grow:1;text-align:center;padding:.75rem .5rem;font-size:.9rem}.preview-header{flex-direction:column;align-items:flex-start;gap:.5rem}.copy-button{width:100%}.framework-checkboxes,.framework-select-group{grid-template-columns:1fr}.format-actions{flex-direction:column}}}/*# sourceMappingURL=main.2.1.0.min.css.map */