@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-font-weight:initial;--tw-leading:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--font-weight-medium:500;--font-weight-semibold:600;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg-primary:#0d1117;--color-bg-secondary:#161b22;--color-bg-tertiary:#0d1117;--color-border:#21262d;--color-border-hover:#30363d;--color-text-primary:#c9d1d9;--color-text-secondary:#7d8590;--color-text-muted:#6e7681;--color-diff-added-line:#1a3829;--color-diff-removed-line:#351c1e;--color-diff-modified-line:#bb800926;--color-diff-added-char:#2ea04366;--color-diff-removed-char:#f8514966;--color-diff-added-text:#3fb950;--color-diff-removed-text:#f85149;--color-caret:#58a6ff;--color-connector-added:#2ea043;--color-connector-removed:#f85149;--color-connector-modified:#d29922;--color-tab-active:#0d1117;--color-tab-hover:#1c2128;--color-drop-zone:#58a6ff33;--color-drop-border:#58a6ff}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.light-mode{--color-bg-primary:#fff;--color-bg-secondary:#f6f8fa;--color-bg-tertiary:#fff;--color-border:#d0d7de;--color-border-hover:#afb8c1;--color-text-primary:#24292f;--color-text-secondary:#57606a;--color-text-muted:#6e7781;--color-diff-added-line:#ccffd8;--color-diff-removed-line:#ffd7d5;--color-diff-modified-line:#9a670026;--color-diff-added-char:#1a7f374d;--color-diff-removed-char:#cf222e4d;--color-diff-added-text:#1a7f37;--color-diff-removed-text:#cf222e;--color-caret:#0969da;--color-connector-added:#1a7f37;--color-connector-removed:#cf222e;--color-connector-modified:#9a6700;--color-tab-active:#fff;--color-tab-hover:#eaeef2;--color-drop-zone:#0969da1a;--color-drop-border:#0969da}*{box-sizing:border-box}body{margin:calc(var(--spacing)*0);padding:calc(var(--spacing)*0);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;transition-duration:.2s;overflow:hidden}#app{flex-direction:column;width:100vw;height:100vh;display:flex}.top-banner{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.banner-title{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.banner-title a{color:inherit;text-decoration:none}.banner-title a:hover{text-decoration:underline}.banner-controls{align-items:center;gap:calc(var(--spacing)*2);display:flex}.control-btn{cursor:pointer;border-radius:var(--radius-md);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-primary);transition-duration:.2s}.control-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover)}.control-btn:focus{outline:2px solid var(--color-caret);outline-offset:1px}.control-btn.active{background:var(--color-caret);color:#fff;border-color:var(--color-caret)}.control-btn.icon-btn{padding-inline:calc(var(--spacing)*2);justify-content:center;align-items:center;display:flex}.icon{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.icon-sun{display:none}.icon-moon,.light-mode .icon-sun{display:block}.light-mode .icon-moon{display:none}.control-label{align-items:center;gap:calc(var(--spacing)*2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:flex}.control-select{min-width:calc(var(--spacing)*15);cursor:pointer;appearance:none;border-radius:var(--radius-md);padding-block:calc(var(--spacing)*1.5);padding-right:calc(var(--spacing)*7);padding-left:calc(var(--spacing)*2.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-outline-style:none;background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-primary);background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:12px;outline-style:none;transition-duration:.2s}.control-select:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-hover)}.control-select:focus{border-color:var(--color-caret);box-shadow:0 0 0 2px #58a6ff26}.light-mode .control-select{background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.editors-container{flex:1;display:flex;overflow:hidden}.editor-panel{flex-direction:column;flex:1;display:flex;overflow:hidden}.tab-bar{height:calc(var(--spacing)*9);padding-inline:calc(var(--spacing)*1);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);align-items:center;display:flex}.connector-tab-spacer{height:calc(var(--spacing)*9)}.tab-container{align-items:center;gap:calc(var(--spacing)*.5);scrollbar-width:none;-ms-overflow-style:none;flex:1;display:flex;overflow-x:auto}.tab-container::-webkit-scrollbar{display:none}.tab{cursor:pointer;align-items:center;gap:calc(var(--spacing)*1);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));white-space:nowrap;color:var(--color-text-secondary);background:0 0;border:1px solid #0000;border-bottom:none;min-width:100px;max-width:250px;transition:background-color .15s,color .15s;display:flex}.tab:hover{background:var(--color-tab-hover);color:var(--color-text-primary)}.tab.active{background:var(--color-tab-active);color:var(--color-text-primary);border-color:var(--color-border);position:relative}.tab.active:after{content:"";background:var(--color-tab-active);height:1px;position:absolute;bottom:-1px;left:0;right:0}.tab-name{text-overflow:ellipsis;flex:1;overflow:hidden}.tab-name-input{--tw-border-style:none;width:100%;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-outline-style:none;color:inherit;background-color:#0000;border-style:none;outline-style:none;min-width:40px;padding:0}.tab-close{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));color:var(--color-text-muted);border-radius:.25rem;justify-content:center;align-items:center;display:flex}.tab-close:hover,.tab-close:focus{background:var(--color-border);color:var(--color-text-primary);outline:none}.tab:focus{outline:2px solid var(--color-caret);outline-offset:-2px}.tab:hover .tab-close,.tab.active .tab-close{opacity:1}.tab-close svg{height:calc(var(--spacing)*3);width:calc(var(--spacing)*3)}.tab-scroll-btn{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6);cursor:pointer;opacity:.6;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));color:var(--color-text-secondary);background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;display:flex}.tab-scroll-btn:hover{opacity:1;background:var(--color-tab-hover)}.tab-scroll-btn:disabled{opacity:.3;cursor:not-allowed}.tab-scroll-btn svg{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.tab-add-btn{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6);cursor:pointer;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));color:var(--color-text-muted);background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;display:flex}.tab-add-btn:hover{background:var(--color-tab-hover);color:var(--color-text-primary)}.tab-add-btn svg{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.editor-header{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.editor-wrapper{flex:1;display:flex;position:relative;overflow:hidden}.editor-wrapper.drag-over:before{content:"Drop file here";background:var(--color-drop-zone);border:2px dashed var(--color-drop-border);z-index:10;color:var(--color-caret);pointer-events:none;border-radius:4px;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex;position:absolute;inset:0}.line-numbers{min-width:calc(var(--spacing)*12);padding-block:calc(var(--spacing)*2);-webkit-user-select:none;user-select:none;background:var(--color-bg-tertiary);border-right:1px solid var(--color-border);overflow:hidden}.line-number{height:calc(var(--spacing)*5);padding-inline:calc(var(--spacing)*2.5);text-align:right;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);color:var(--color-text-muted);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.editor-content{background:var(--color-bg-tertiary);flex:1;position:relative;overflow:auto}.editor-content-inner{min-height:100%;position:relative}.editor-textarea{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);resize:none;--tw-border-style:none;width:100%;height:auto;padding:calc(var(--spacing)*2);padding-left:calc(var(--spacing)*3);--tw-outline-style:none;color:var(--color-text-primary);white-space:pre;overflow-wrap:normal;caret-color:var(--color-caret);z-index:2;letter-spacing:0;word-spacing:0;tab-size:4;background-color:#0000;border-style:none;outline-style:none;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:20px;position:absolute;overflow:hidden}.editor-textarea.soft-wrap{white-space:pre-wrap;overflow-wrap:break-word}.editor-textarea.has-highlights{color:#0000}.editor-highlight{pointer-events:none;top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);width:100%;height:auto;padding:calc(var(--spacing)*2);padding-left:calc(var(--spacing)*3);white-space:pre;overflow-wrap:normal;z-index:1;color:var(--color-text-primary);letter-spacing:0;word-spacing:0;tab-size:4;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:20px;display:none;position:absolute}.editor-highlight.soft-wrap{white-space:pre-wrap;overflow-wrap:break-word}.editor-highlight.visible{display:block}.editor-actions{align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);background:var(--color-bg-secondary);border-top:1px solid var(--color-border);display:flex}.connector-actions-spacer{background:var(--color-bg-tertiary);border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.editor-actions,.connector-actions-spacer{background:var(--color-bg-secondary);min-height:47px}.action-btn{cursor:pointer;align-items:center;gap:calc(var(--spacing)*1.5);border-radius:var(--radius-md);padding-inline:calc(var(--spacing)*2.5);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-secondary);transition-duration:.2s;display:flex}.action-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover);color:var(--color-text-primary)}.action-btn:focus{outline:2px solid var(--color-caret);outline-offset:1px}.action-btn svg{height:calc(var(--spacing)*3.5);width:calc(var(--spacing)*3.5)}.hidden-file-input{display:none}.hl-line{display:inline}.hl-line.hl-added{background-color:var(--color-diff-added-line);width:100%;display:inline-block}.hl-line.hl-removed{background-color:var(--color-diff-removed-line);width:100%;display:inline-block}.hl-line.hl-modified{background-color:var(--color-diff-modified-line);width:100%;display:inline-block}.hl-char-added{background-color:var(--color-diff-added-char)}.hl-char-removed{background-color:var(--color-diff-removed-char)}.diff-connector{width:calc(var(--spacing)*12);min-width:calc(var(--spacing)*12);background:var(--color-bg-tertiary);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);flex-direction:column;display:flex}.connector-header{min-height:calc(var(--spacing)*0)}.connector-content{cursor:pointer;flex:1;position:relative;overflow:hidden}.connector-svg{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);pointer-events:none;width:100%;height:100%;position:absolute}.stats{gap:calc(var(--spacing)*3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-text-secondary);display:flex}.stat-added{color:var(--color-diff-added-text)}.stat-removed{color:var(--color-diff-removed-text)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}