html,body,#root{height:100%;margin:0;font-family:Arial,sans-serif;background:#f5f5f5}.news-link{color:#007acc;text-decoration:none;font-weight:500}.news-link:hover{text-decoration:underline}.version-pill{border:1px solid #007acc;color:#007acc;border-radius:999px;padding:.1rem .5rem;font-size:.75rem;text-decoration:none}.version-pill:hover{background:#e6f2fb}.logo{height:24px;margin-right:.5rem}.tabs{display:flex;align-items:flex-end;gap:.5rem;padding:0 .5rem;border-bottom:1px solid #ddd;background:#fafafa;flex-wrap:wrap}.tabs-left{display:flex;flex-wrap:wrap;gap:.25rem;align-items:flex-end;flex:1 1 auto}.tabs-right{margin-left:auto;display:flex;align-items:center;gap:.5rem}.tab{display:inline-flex;align-items:center;border:1px solid transparent;border-bottom:none;border-radius:6px 6px 0 0;background:transparent;gap:.25rem}.tab.active{background:#fff;border-color:#ddd;border-bottom:1px solid #fff}.tab-button{padding:.4rem .75rem;border:none;background:transparent;cursor:pointer;font-weight:500}.tab.active .tab-button{color:#007acc}.tab-close{border:none;background:transparent;cursor:pointer;padding:0 .4rem;font-size:.85rem;color:#777}.tab-close:hover{color:#c00}.tab-add,.tab-import{border:1px dashed #bbb;border-bottom:none;border-radius:6px 6px 0 0;padding:.35rem .5rem}.tab-tools{display:inline-flex;gap:.25rem;align-items:center}.tab-icon{border:none;background:transparent;cursor:pointer;padding:.25rem;font-size:.85rem;color:#666}.tab-icon:hover,.tab.active .tab-icon{color:#007acc}.toggle{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.toggle .right-actions{margin-left:auto;display:flex;align-items:center}.trace-toggle{display:inline-flex;align-items:center;gap:.4rem;margin-left:.5rem;padding:.2rem .8rem .2rem .45rem;border:1px solid #cfdcf4;border-radius:999px;background:#f0f6ff;font-size:.85rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.trace-toggle input{position:absolute;opacity:0;width:1px;height:1px}.trace-toggle-box{width:1.2rem;height:1.2rem;border-radius:6px;border:2px solid #4a85ff;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:transparent;transition:background .2s ease,color .2s ease,border-color .2s ease}.trace-toggle-box:after{content:"✔";font-size:.8rem;line-height:1}.trace-toggle input:checked+.trace-toggle-box{background:#4a85ff;color:#fff;border-color:#4a85ff}.trace-toggle input:focus-visible+.trace-toggle-box{box-shadow:0 0 0 2px #4a85ff33}.trace-toggle-label{white-space:nowrap;font-weight:600;color:#21426c}.error-box{background:#fee;color:#900;padding:.5rem;border:1px solid #f3c2c2;border-left:4px solid #d00;max-height:7rem;overflow:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;line-height:1.2}.error-box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;font-weight:700;gap:.25rem}.error-box-actions{display:inline-flex;gap:.25rem}.error-table{width:100%;border-collapse:collapse;table-layout:fixed}.error-row{vertical-align:top}.error-icon{width:1.5rem;text-align:center;padding-right:.25rem;color:#d00}.error-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%;padding-right:.25rem}.error-line{display:flex;align-items:center;gap:.25rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;width:100%}.error-more{margin-top:.25rem;font-size:.7rem;color:#b55}.error-expand-button{position:absolute;top:.25rem;left:.25rem}.success-box{background:#efe;color:#070;padding:.5rem}.app-container{display:flex;flex-direction:column;height:100%}.main{display:flex;flex:1 1 auto;overflow:hidden;min-height:0;gap:0;align-items:stretch}.params{flex:0 0 auto;width:320px;min-width:220px;border-right:1px solid #ddd;background:#fff;display:flex;flex-direction:column;min-height:0;overflow:hidden}.params-body{flex:1 1 auto;overflow-y:auto;padding:.65rem;min-height:0;display:flex;flex-direction:column;gap:.65rem;background:linear-gradient(180deg,#f9fbff,#f1f4ff)}.param-card{border:1px solid #dfe5fb;border-radius:14px;background:linear-gradient(180deg,#fff,#f6f8ff);box-shadow:0 8px 22px #0f285e12;padding:.55rem .6rem;display:flex;flex-direction:column;gap:.25rem;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.param-card.open{border-color:#c4d4ff;box-shadow:0 14px 34px #0f285e1f;transform:translateY(-1px)}.param-header-row{display:flex;align-items:center;gap:.35rem}.param-name-wrap{flex:1;display:flex;align-items:stretch;border:1px solid #d5dff7;border-radius:999px;background:#f0f5ff;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.param-name-wrap:focus-within{border-color:#4a85ff;background:#fff;box-shadow:0 0 0 2px #4a85ff26}.param-toggle{flex:0 0 2.2rem;border:none;border-right:1px solid #d5dff7;background:transparent;color:#1f3a63;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease,background .2s ease}.param-toggle.open{color:#21426c;background:#e1e9ff}.param-toggle:hover{color:#4a85ff}.param-name-input{flex:1;min-width:0;border:none;background:transparent;padding:.25rem .85rem;font-weight:600;font-size:.9rem;color:#1d3770}.param-name-input::placeholder{color:#6a7da8}.param-name-input:focus{outline:none}.param-remove{width:1.75rem;height:1.75rem;padding:0;border-radius:50%;border:1px solid #f8bcbc!important;background:#fff5f5;color:#b03a3a;font-size:.85rem;box-shadow:0 2px 6px #b03a3a26;transition:background .2s ease,border-color .2s ease,color .2s ease}.param-remove:hover{background:#ffe4e4;border-color:#f19999!important;color:#9b2c2c}.param-content{border-top:1px solid #ecf0fb;padding-top:.45rem;display:flex;flex-direction:column;gap:.4rem}.param-editor{border:1px solid #dfe5fb;border-radius:12px;overflow:hidden;box-shadow:inset 0 1px 2px #0f285e14;background:#fff}.param-footer{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.param-footer .icon-button{border-radius:999px;border:1px solid #dfe5fb;background:#f7f9ff;padding:.3rem .65rem;box-shadow:0 4px 10px #0f285e14;transition:background .2s ease,border-color .2s ease,color .2s ease}.param-footer .icon-button:hover{background:#eaf0ff;border-color:#c7d6ff}.param-upload{gap:.25rem}.params-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem;border-bottom:1px solid #eee;background:#f7f9fc;position:sticky;top:0;z-index:1}.params-header .title{flex:1;font-weight:700}.params-header-actions{display:flex;gap:.25rem}.params-collapse{padding:.25rem}.params-collapsed{flex:0 0 2.5rem;border-right:1px solid #ddd;display:flex;align-items:flex-start;justify-content:center;padding:.5rem .25rem;background:#fafafa;margin-right:.5rem}.drop-hint{text-align:center;color:#536084;background:#ffffffb3;border:1px dashed #c4d4ff;border-radius:12px;padding:.75rem;font-size:.85rem;font-weight:500}.pane-divider{flex:0 0 auto;width:12px;margin:0 .35rem;cursor:col-resize;position:relative;display:flex;align-items:center;align-self:stretch;touch-action:none}.pane-divider span{width:4px;height:60%;margin:0 auto;border-radius:999px;background:#21426c33;transition:background .2s ease}.pane-divider:hover span,.pane-divider.dragging span{background:#4a85ff}.editor{flex:1 1 auto;width:auto;padding:.5rem;overflow:hidden;height:100%;display:flex;flex-direction:column;min-height:0}.editor-split{display:flex;gap:.5rem;flex:1 1 auto;min-height:0}.xslt-editor-wrap{flex:1 1 auto;min-width:0}.trace-panel{width:30%;background:#fff;border:1px solid #ddd;display:flex;flex-direction:column;overflow:hidden;min-height:0}.trace-header{padding:.25rem .5rem;border-bottom:1px solid #eee;font-weight:700;background:#fafafa;justify-content:space-between}.trace-header-actions{margin-left:auto;display:inline-flex;align-items:center;gap:.25rem}.trace-content{flex:1 1 auto;display:flex;flex-direction:column;gap:.5rem;padding:.25rem;overflow:hidden;min-height:0}.trace-table{width:100%;border-collapse:collapse;table-layout:fixed}.trace-table-wrap{flex:1 1 auto;position:relative;overflow:auto;min-height:0}.trace-name{width:auto;vertical-align:top;font-family:monospace;color:#333;border-right:1px solid #f0f0f0}.trace-value{vertical-align:top;white-space:normal;word-break:normal;font-family:monospace}.trace-cell{position:relative;padding:.25rem}.trace-preview{margin:0;white-space:pre;word-break:normal;overflow:auto;max-height:6rem}.trace-name-preview{max-height:4.5rem}.trace-value-preview{max-height:9rem}.trace-hover-tooltip{position:fixed;z-index:1000;padding:.75rem .75rem .5rem;background:#1e1e1ef2;color:#f6f6f6;border-radius:6px;box-shadow:0 8px 24px #00000059;max-height:60vh;overflow:auto;white-space:pre-wrap;font-family:monospace;font-size:.85rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.trace-hover-tooltip pre{margin:0;white-space:pre-wrap}.trace-hover-actions{display:flex;justify-content:flex-end;gap:.25rem;margin-bottom:.35rem}.trace-hover-tooltip .icon-button{color:#f6f6f6;background:transparent;border:1px solid rgba(255,255,255,.3);padding:.2rem .35rem}.trace-hover-tooltip .icon-button:hover{background:#ffffff26}.trace-raw-block{flex:1 1 auto;margin:0;padding:.5rem;background:#f7f7f9;border:1px solid #e2e2e4;border-radius:4px;white-space:pre;font-family:monospace;font-size:.85rem;overflow:auto;min-height:6rem}.trace-empty{padding:.5rem;color:#777;font-style:italic}.trace-divider{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent}.trace-divider:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#0000001a;transform:translate(-50%)}.trace-divider:hover:after{background:#007acc99;width:2px}.result{border-top:1px solid #ddd;background:#fff;padding:1.75rem .5rem .75rem;position:relative;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;flex:0 0 auto}.result-editor-wrap{flex:1 1 auto;min-height:0}.result-resizer{flex:0 0 auto;height:.75rem;cursor:row-resize;display:flex;align-items:center;justify-content:center;background:#f6f8fb;border-top:1px solid #e1e7f0;border-bottom:1px solid #dfe5ef}.result-resizer span{width:3rem;height:3px;border-radius:999px;background:#c2ccdc}.result-resizer.dragging{background:#e0ecfc}.result-resizer.dragging span{background:#007acc}.footer{padding:.5rem;background:#fafafa;border-top:1px solid #ddd;font-size:.85rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.footer-left,.footer-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.icon-button{background:none;border:none;cursor:pointer;padding:.25rem;font-size:1rem}.icon-button:disabled{opacity:.4;cursor:not-allowed}.version-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid #cfdcf4;border-radius:999px;padding:.35rem 1.9rem .35rem .85rem;font-weight:600;font-size:.9rem;background-color:#f0f6ff;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2321426C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:calc(100% - .95rem) center;background-repeat:no-repeat;background-size:12px 8px;color:#21426c;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.version-select:focus{outline:none;border-color:#4a85ff;box-shadow:0 0 0 3px #4a85ff26;background-color:#fff}.version-select:hover{border-color:#adc5ff}.file-input{display:none}.file-label{display:inline-flex;align-items:center}.result-format-button,.result-reset-button{position:absolute;top:.25rem}.result-format-button{right:.5rem}.result-reset-button{right:3rem;transition:color .2s ease}.result-reset-button.active{color:#007acc}.feedback-widget{position:fixed;z-index:1000;display:flex;flex-direction:column;width:220px;background:#fffffff2;border:1px solid #ddd;border-radius:10px;box-shadow:0 12px 32px #0003;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.9rem;color:#333;overflow:hidden}.feedback-widget.opens-up{flex-direction:column-reverse}.feedback-widget.collapsed{width:auto;min-width:160px}.feedback-header{display:flex;justify-content:space-between;align-items:center;background:#007acc;color:#fff;padding:.35rem .5rem;border-radius:10px 10px 0 0;cursor:grab;font-weight:700}.feedback-widget.opens-up .feedback-header{border-radius:0 0 10px 10px}.feedback-body{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.feedback-body p{margin:0;font-size:.85rem;color:#555}.feedback-link{text-decoration:none;padding:.4rem .6rem;text-align:center;border-radius:6px;background:#fff1c1;color:#805d00;border:1px solid #ffd970;font-weight:600}.feedback-link:hover{background:#ffe189}