@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap);:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-tertiary:#2a2a2a;--bg-accent:#1e1e2e;--text-primary:#fff;--text-secondary:#b4b4b4;--text-muted:#6b6b6b;--accent-primary:#8b5cf6;--accent-secondary:#06b6d4;--accent-hover:#7c3aed;--border-primary:#404040;--border-secondary:#2a2a2a;--border-accent:#8b5cf6;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-glow:0 0 20px #8b5cf64d;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}*{box-sizing:border-box;margin:0;padding:0}html{margin:auto;max-width:1200px;scroll-behavior:smooth}body{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.6;min-height:100vh}.content-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1acc;border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-md);display:grid;margin-bottom:20px;padding:24px;transition:all .3s ease}.content-container:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.preview-container{background-color:#fff;border:1px solid var(--border-primary);border-radius:8px;height:400px;overflow:auto;padding:16px}a{color:var(--accent-primary);font-weight:500;text-decoration:none;transition:all .2s ease}a:hover{color:var(--accent-hover);text-decoration:underline}ul{list-style:none}textarea{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-family:JetBrains Mono,Courier New,monospace;padding:12px;resize:vertical;transition:all .2s ease}textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b5cf61a;outline:none}iframe{border:1px solid var(--border-primary);border-radius:8px;width:100%}code{background-color:var(--bg-tertiary);border-radius:4px;color:var(--accent-secondary);font-family:JetBrains Mono,Courier New,monospace;font-size:.9em;padding:2px 6px}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3;margin-bottom:16px}h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--text-secondary);line-height:1.2}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family);margin:0}code{background-color:var(--card-background);border-radius:.25rem;color:var(--accent-color);font-family:var(--font-mono);padding:.125rem .25rem}.header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a1af2;border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;margin-bottom:20px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);display:inline-block;font-size:32px;font-weight:700;padding:16px 20px;transition:all .3s ease}.logo:hover{filter:brightness(1.2);transform:scale(1.05)}.nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0afa;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:999}.nav.open{transform:translateX(0)}.menu{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%;padding-top:80px}.menu a{border-radius:12px;color:var(--text-primary);display:block;font-size:18px;font-weight:500;min-width:120px;overflow:hidden;padding:16px 32px;position:relative;text-align:center;transition:all .3s ease}.menu a:before{background:linear-gradient(90deg,#0000,var(--accent-primary),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.menu a:hover{background:#8b5cf61a;box-shadow:var(--shadow-glow);color:var(--accent-primary);transform:translateY(-2px)}.menu a:hover:before{left:100%}.hamb{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:20px;position:relative;transition:all .3s ease;z-index:1001}.hamb:hover{background:#8b5cf61a}.hamb:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.hamb-line{height:3px;position:relative;width:24px}.hamb-line,.hamb-line:after,.hamb-line:before{background:var(--text-primary);border-radius:2px;display:block;transition:all .3s cubic-bezier(.4,0,.2,1)}.hamb-line:after,.hamb-line:before{content:"";height:100%;position:absolute;width:100%}.hamb-line:before{top:6px}.hamb-line:after{top:-6px}.hamb.open .hamb-line{background:#0000}.hamb.open .hamb-line:before{background:var(--accent-primary);top:0;transform:rotate(-45deg)}.hamb.open .hamb-line:after{background:var(--accent-primary);top:0;transform:rotate(45deg)}@media (min-width:768px){.nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;height:auto;position:relative;transition:none;width:-webkit-fit-content;width:fit-content}.nav,.nav.open{transform:translateX(0)}.menu{flex-direction:row;gap:12px;padding:12px 20px}.menu,.menu li{height:auto}.menu a{background:#8b5cf61a;border:1px solid var(--border-primary);border-radius:8px;font-size:14px;font-weight:500;min-width:auto;padding:12px 20px;transition:all .3s ease}.menu a:hover{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:var(--shadow-glow);color:var(--text-primary);transform:translateY(-2px)}.hamb{display:none}.nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;float:right;height:auto;max-height:none;position:relative;top:0;width:-webkit-fit-content;width:fit-content}.menu{flex-direction:row;gap:12px;padding:12px 20px}.menu li{height:auto}.menu a{background:#8b5cf61a;border:1px solid var(--border-primary);border-radius:8px;font-size:14px;font-weight:500;padding:12px 20px;transition:all .3s ease}.menu a:hover{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:var(--shadow-glow);color:var(--text-primary);transform:translateY(-2px)}.hamb{display:none}}.column-container{display:flex;flex:auto;flex-direction:column;gap:var(--spacing-md);max-width:50%;padding:var(--spacing-sm)}.column-container>p{margin-left:var(--spacing-sm)}.row-container{align-items:flex-start;display:flex;flex:auto;flex-direction:row;gap:var(--spacing-lg);justify-content:center;padding:var(--spacing-lg)}@media (max-width:768px){.row-container{align-items:center;flex-direction:column}.column-container{max-width:100%;width:100%}}.diffy-input-container{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.text-input-section{flex:1 1;min-width:300px}.text-input-section label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:var(--spacing-sm)}.text-input-section textarea{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-family:JetBrains Mono,Courier New,monospace;font-size:14px;line-height:1.4;padding:var(--spacing-md);resize:vertical;transition:all .3s ease;width:100%}.text-input-section textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.diffy-buttons{display:flex;gap:var(--spacing-md);justify-content:center;margin:var(--spacing-lg) 0}.diffy-button{border:none;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease}.diffy-button.primary{background-color:var(--accent-primary);box-shadow:var(--shadow-md);color:var(--text-primary)}.diffy-button.primary:hover{background-color:var(--accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.diffy-button.secondary{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);color:var(--text-primary)}.diffy-button.secondary:hover{background-color:var(--bg-accent);border-color:var(--border-accent);transform:translateY(-2px)}.diff-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2a2a2acc;border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.diff-summary h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);margin-top:0}.diff-summary p{color:var(--text-secondary);margin:var(--spacing-sm) 0}.diff-content h4{color:var(--text-primary);font-weight:600;margin-bottom:var(--spacing-md)}.diff-container{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-md);font-family:JetBrains Mono,Courier New,monospace;font-size:14px;line-height:1.4;max-height:400px;overflow-y:auto}.diff-line{border-left:4px solid #0000;display:flex;margin:0;padding:2px 0}.diff-line.added{background-color:#10b9811a;border-left-color:var(--success)}.diff-line.removed{background-color:#ef44441a;border-left-color:var(--error)}.diff-line.unchanged{background-color:var(--bg-tertiary);border-left-color:var(--border-secondary)}.line-number{background-color:var(--bg-accent);border-right:1px solid var(--border-primary);color:var(--text-muted);display:inline-block;flex-shrink:0;padding:0 var(--spacing-md);text-align:right;-webkit-user-select:none;user-select:none;width:60px}.diff-line.added .line-number{color:var(--success);font-weight:600}.diff-line.removed .line-number{color:var(--error);font-weight:600}.line-content{flex:1 1;padding:0 var(--spacing-md);white-space:pre-wrap;word-break:break-word}.diff-line.added .line-content{color:var(--success)}.diff-line.removed .line-content{color:var(--error)}.diff-line.unchanged .line-content{color:var(--text-secondary)}.side-by-side-container{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-md);display:flex;margin-top:var(--spacing-lg);max-height:400px;overflow:hidden}.side-by-side-column{display:flex;flex:1 1;flex-direction:column;min-width:0}.side-by-side-column:first-child{border-right:2px solid var(--border-primary)}.side-by-side-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e2ecc;border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:14px;font-weight:600;padding:var(--spacing-md) var(--spacing-md);text-align:center}.side-by-side-content{flex:1 1;font-family:JetBrains Mono,Courier New,monospace;font-size:14px;line-height:1.4;overflow-x:auto;overflow-y:auto}.side-by-side-line{border-left:4px solid #0000;display:flex;margin:0;min-height:20px;padding:2px 0}.side-by-side-line.added{background-color:#10b9811a;border-left-color:var(--success)}.side-by-side-line.removed{background-color:#ef44441a;border-left-color:var(--error)}.side-by-side-line.unchanged{background-color:var(--bg-tertiary);border-left-color:var(--border-secondary)}.side-by-side-line.empty{background-color:var(--bg-secondary);border-left-color:#0000}.side-by-side-line .line-number{background-color:var(--bg-accent);border-right:1px solid var(--border-primary);color:var(--text-muted);display:inline-block;flex-shrink:0;padding:0 var(--spacing-md);text-align:right;-webkit-user-select:none;user-select:none;width:60px}.side-by-side-line.added .line-number{color:var(--success);font-weight:600}.side-by-side-line.removed .line-number{color:var(--error);font-weight:600}.side-by-side-line .line-content{flex:1 1;min-width:0;padding:0 var(--spacing-md);white-space:pre-wrap;word-break:break-word}.side-by-side-line.added .line-content{color:var(--success)}.side-by-side-line.removed .line-content{color:var(--error)}.side-by-side-line.unchanged .line-content{color:var(--text-secondary)}.side-by-side-line.empty .line-content{color:#0000}@media (max-width:768px){.diffy-input-container{flex-direction:column}.text-input-section{min-width:unset}.text-input-section textarea{font-size:12px;padding:var(--spacing-sm)}.diffy-buttons{align-items:center;flex-direction:column}.diffy-button{width:200px}.diff-container{font-size:12px}.line-number{width:50px}.line-content,.line-number{padding:0 var(--spacing-xs)}.side-by-side-container{flex-direction:column;max-height:600px}.side-by-side-column:first-child{border-bottom:2px solid var(--border-primary);border-right:none}.side-by-side-content{max-height:200px}.side-by-side-line .line-number{padding:0 var(--spacing-xs);width:50px}.side-by-side-line .line-content{font-size:12px;padding:0 var(--spacing-xs)}}
/*# sourceMappingURL=main.3548c8be.css.map*/