:root{--background:0 0% 100%;--foreground:240 10% 3.9%;--card:0 0% 100%;--card-foreground:240 10% 3.9%;--popover:0 0% 100%;--popover-foreground:240 10% 3.9%;--primary:240 5.9% 10%;--primary-foreground:0 0% 98%;--secondary:240 4.8% 95.9%;--secondary-foreground:240 5.9% 10%;--muted:240 4.8% 95.9%;--muted-foreground:240 3.8% 46.1%;--accent:240 4.8% 95.9%;--accent-foreground:240 5.9% 10%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--success:142 76% 36%;--success-foreground:0 0% 98%;--warning:38 92% 50%;--warning-foreground:0 0% 98%;--border:240 5.9% 90%;--input:240 5.9% 90%;--ring:240 5.9% 10%;--radius:.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;line-height:1.5;min-height:100vh}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:hsl(var(--background)/.95);border-bottom:1px solid hsl(var(--border));position:sticky;top:0;width:100%;z-index:50}.header-container{height:4rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 var(--space-6)}.header-container,.header-left{align-items:center;display:flex}.header-left{gap:var(--space-4)}.header-title{font-size:1.125rem;font-weight:600;letter-spacing:-.025em}.header-actions{align-items:center;display:flex;gap:var(--space-3)}.app-main{display:flex;flex:1;gap:var(--space-6);margin:0 auto;max-width:1400px;padding:var(--space-6);width:100%}.btn{align-items:center;border:none;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:var(--space-2);height:2.5rem;justify-content:center;outline:none;padding:0 var(--space-4);transition:all .15s ease;white-space:nowrap}.btn,.btn:hover{text-decoration:none}.btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.btn:disabled{opacity:.5;pointer-events:none}.btn-default{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn-default:hover{background-color:hsl(var(--primary)/.9)}.btn-secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.btn-secondary:hover{background-color:hsl(var(--secondary)/.8)}.btn-outline{background-color:transparent;border:1px solid hsl(var(--input));color:hsl(var(--foreground))}.btn-outline:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.btn-ghost{background-color:transparent;color:hsl(var(--foreground))}.btn-ghost:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.btn-success{background-color:hsl(var(--success));color:hsl(var(--success-foreground))}.btn-success:hover{background-color:hsl(var(--success)/.9)}.btn-sm{font-size:.8125rem;height:2.25rem;padding:0 var(--space-3)}.btn-lg{font-size:1rem;height:3rem;padding:0 var(--space-6)}.btn-icon{padding:0;width:2.5rem}.btn-icon.btn-sm{width:2.25rem}.select{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsl(var(--background));background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2371717a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:1px solid hsl(var(--input));border-radius:var(--radius);color:hsl(var(--foreground));cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:400;height:2.5rem;padding:0 var(--space-3);padding-right:var(--space-8);transition:border-color .15s ease}.select:hover{border-color:hsl(var(--ring))}.select:focus{outline:2px solid hsl(var(--ring));outline-offset:2px}.card{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:0 1px 2px #0000000d}.card-header{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-6)}.card-title{font-size:1.125rem;font-weight:600;letter-spacing:-.025em}.card-description{color:hsl(var(--muted-foreground));font-size:.875rem}.card-content{padding:var(--space-6);padding-top:0}.progress{background-color:hsl(var(--secondary));border-radius:9999px;height:.5rem;overflow:hidden;width:100%}.progress>.progress-bar{background-color:hsl(var(--primary));height:100%;transition:width .3s ease}.progress-bar{background-color:hsl(var(--muted));border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{background-color:hsl(var(--primary));border-radius:3px;height:100%;transition:width .3s ease}.progress-text{color:hsl(var(--muted-foreground));display:block;font-size:.75rem;margin-top:var(--space-2)}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;line-height:1;padding:.125rem .625rem;transition:colors .15s ease}.badge-default{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.badge-secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.badge-success{background-color:#16a2491a;color:hsl(var(--success))}.badge-warning{background-color:#f59f0a1a;color:hsl(var(--warning))}.badge-outline{background-color:transparent;border:1px solid hsl(var(--border));color:hsl(var(--foreground))}.sidebar{flex-shrink:0;width:280px}.sidebar-content{position:sticky;top:calc(4rem + var(--space-6))}.sidebar-card{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:var(--space-6)}.sidebar-section{margin-bottom:var(--space-6)}.sidebar-section:last-child{margin-bottom:0}.sidebar-label{color:hsl(var(--muted-foreground));font-size:.75rem;font-weight:500;letter-spacing:.05em;margin-bottom:var(--space-3);text-transform:uppercase}.stats-row{display:flex;gap:var(--space-4);justify-content:space-between;margin-top:var(--space-4)}.stat{text-align:center}.stat-value{color:hsl(var(--foreground));font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.stat-label{color:hsl(var(--muted-foreground));font-size:.75rem}.tabs{background-color:hsl(var(--muted));border-radius:var(--radius);padding:var(--space-1)}.tab,.tabs{display:inline-flex}.tab{align-items:center;background-color:transparent;border:none;border-radius:calc(var(--radius) - 2px);color:hsl(var(--muted-foreground));cursor:pointer;font-size:.875rem;font-weight:500;justify-content:center;padding:var(--space-1) var(--space-3);transition:all .15s ease;white-space:nowrap}.tab.active,.tab:hover{color:hsl(var(--foreground))}.tab.active{background-color:hsl(var(--background));box-shadow:0 1px 2px #0000000d}.translation-list{flex:1;min-width:0}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.list-title{font-size:1.25rem;font-weight:600;letter-spacing:-.025em}.list-count{color:hsl(var(--muted-foreground));font-size:.875rem}.list-items{display:flex;flex-direction:column;gap:var(--space-3)}.translation-item{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);overflow:hidden;transition:box-shadow .15s ease,border-color .15s ease}.translation-item:hover{box-shadow:0 4px 6px -1px #0000001a}.translation-item:focus-within{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.1)}.translation-item.completed{border-left:3px solid hsl(var(--success))}.translation-item.pending{border-left:3px solid hsl(var(--warning))}.item-source{background-color:hsl(var(--muted)/.3);border-bottom:1px solid hsl(var(--border));padding:var(--space-4) var(--space-5)}.item-source-label{color:hsl(var(--muted-foreground));font-size:.6875rem;font-weight:500;letter-spacing:.05em;margin-bottom:var(--space-1);text-transform:uppercase}.item-source-text{color:hsl(var(--foreground));font-size:.9375rem;line-height:1.6}.item-target{padding:var(--space-4) var(--space-5)}.item-target-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.item-target-label{color:hsl(var(--muted-foreground));font-size:.6875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.textarea{background-color:hsl(var(--background));border:1px solid hsl(var(--input));border-radius:var(--radius);color:hsl(var(--foreground));font-family:inherit;font-size:.9375rem;line-height:1.6;min-height:80px;padding:var(--space-3);resize:vertical;transition:border-color .15s ease;width:100%}.textarea::-moz-placeholder{color:hsl(var(--muted-foreground))}.textarea::placeholder{color:hsl(var(--muted-foreground))}.textarea:hover{border-color:hsl(var(--ring)/.5)}.textarea:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.1);outline:none}.textarea[dir=rtl]{text-align:right}.item-hint{background-color:#f59f0a1a;border-radius:calc(var(--radius) - 2px);color:hsl(var(--warning));font-size:.75rem;margin-top:var(--space-2);padding:var(--space-2) var(--space-3)}.empty-state,.item-hint{align-items:center;display:flex;gap:var(--space-2)}.empty-state{background-color:hsl(var(--card));border:1px dashed hsl(var(--border));border-radius:var(--radius);flex-direction:column;justify-content:center;padding:var(--space-12) var(--space-8);text-align:center}.empty-state h2{font-size:1.25rem;font-weight:600;margin:0}.empty-state p{margin:0 0 var(--space-4) 0}.empty-icon,.empty-state p{color:hsl(var(--muted-foreground))}.empty-icon{height:48px;margin-bottom:var(--space-4);width:48px}.empty-title{color:hsl(var(--foreground));font-size:1rem;font-weight:600;margin-bottom:var(--space-1)}.empty-description{color:hsl(var(--muted-foreground));font-size:.875rem}.save-status{align-items:center;display:flex;font-size:.8125rem;gap:var(--space-2)}.save-status.saving{color:hsl(var(--warning))}.save-status.saved{color:hsl(var(--success))}.save-dot{background-color:currentColor;border-radius:9999px;height:8px;width:8px}.tips-list{list-style:none}.tips-list li{align-items:flex-start;color:hsl(var(--muted-foreground));display:flex;font-size:.8125rem;gap:var(--space-2);padding:var(--space-1) 0}.tips-list li:before{color:hsl(var(--primary));content:"•"}@media(max-width:900px){.app-main{flex-direction:column}.sidebar{width:100%}.sidebar-content{position:static}}@media(max-width:600px){.header-container{padding:0 var(--space-4)}.header-left{gap:var(--space-2)}.header-title{font-size:1rem}.app-main{padding:var(--space-4)}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground)/.5)}.input{background-color:hsl(var(--background));border:1px solid hsl(var(--input));border-radius:var(--radius);color:hsl(var(--foreground));display:flex;font-size:.875rem;height:2.5rem;padding:0 var(--space-3);transition:border-color .15s ease;width:100%}.input::-moz-placeholder{color:hsl(var(--muted-foreground))}.input::placeholder{color:hsl(var(--muted-foreground))}.input:hover{border-color:hsl(var(--ring)/.5)}.input:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.1);outline:none}.input:disabled{cursor:not-allowed;opacity:.5}.label{color:hsl(var(--foreground));display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--space-2)}.form-group{margin-bottom:var(--space-4)}.form-error{color:hsl(var(--destructive))}.form-error,.form-hint{font-size:.8125rem;margin-top:var(--space-1)}.form-hint{color:hsl(var(--muted-foreground))}.checkbox-label{align-items:flex-start;color:hsl(var(--foreground));cursor:pointer;display:flex;font-size:.875rem;gap:var(--space-2);line-height:1.4}.checkbox{accent-color:hsl(var(--primary));border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 4px);cursor:pointer;height:1rem;margin-top:.125rem;width:1rem}.checkbox:focus{outline:2px solid hsl(var(--ring));outline-offset:2px}.auth-layout{align-items:center;background-color:hsl(var(--muted)/.3);display:flex;justify-content:center;min-height:100vh;padding:var(--space-4)}.auth-card{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a;max-width:400px;padding:var(--space-8);width:100%}.auth-header{margin-bottom:var(--space-8);text-align:center}.auth-title{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:var(--space-2)}.auth-footer,.auth-subtitle{color:hsl(var(--muted-foreground));font-size:.875rem}.auth-footer{margin-top:var(--space-6);text-align:center}.auth-footer a{color:hsl(var(--foreground));font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-error{background-color:hsl(var(--destructive)/.1);border:1px solid hsl(var(--destructive)/.2);border-radius:var(--radius);color:hsl(var(--destructive));font-size:.875rem;margin-bottom:var(--space-4);padding:var(--space-3)}.landing-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:hsl(var(--background)/.95);border-bottom:1px solid hsl(var(--border));left:0;position:fixed;right:0;top:0;z-index:50}.landing-nav-content{align-items:center;display:flex;height:4rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--space-6)}.landing-logo{color:hsl(var(--foreground));font-size:1.25rem;font-weight:700;text-decoration:none}.landing-nav-links{align-items:center;display:flex;gap:var(--space-3)}.landing-hero{margin:0 auto;max-width:800px;padding:8rem var(--space-6) 6rem;text-align:center}.landing-hero-title{font-size:3rem;font-weight:800;letter-spacing:-.025em;line-height:1.1;margin-bottom:var(--space-6)}.landing-hero-subtitle{color:hsl(var(--muted-foreground));font-size:1.25rem;line-height:1.6;margin-bottom:var(--space-8)}.landing-hero-actions{display:flex;gap:var(--space-3);justify-content:center}.landing-features{background-color:hsl(var(--muted)/.3);padding:6rem var(--space-6)}.landing-features-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.landing-feature-card{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:var(--space-6)}.landing-feature-icon{align-items:center;background-color:hsl(var(--primary));border-radius:var(--radius);color:hsl(var(--primary-foreground));display:flex;height:48px;justify-content:center;margin-bottom:var(--space-4);width:48px}.landing-feature-icon svg{height:24px;width:24px}.landing-feature-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-2)}.landing-feature-description{color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.6}.landing-section-title{font-size:2rem;font-weight:700;margin-bottom:var(--space-12);text-align:center}.landing-hero-highlight{color:hsl(var(--primary))}.landing-cta{background-color:hsl(var(--muted)/.2);padding:6rem var(--space-6);text-align:center}.landing-cta-title{font-size:2rem;font-weight:700;margin-bottom:var(--space-4)}.landing-cta-description{color:hsl(var(--muted-foreground));font-size:1.125rem;margin-bottom:var(--space-6)}.landing-footer{border-top:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));font-size:.875rem;padding:var(--space-6);text-align:center}.dashboard-layout{display:flex;flex-direction:column;min-height:100vh}.dashboard-header{background-color:hsl(var(--background));border-bottom:1px solid hsl(var(--border))}.dashboard-header-content{align-items:center;display:flex;height:4rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--space-6)}.dashboard-main{flex:1;margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-6);width:100%}.dashboard-title{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:var(--space-2)}.dashboard-subtitle{color:hsl(var(--muted-foreground));font-size:.875rem}.dashboard-subtitle,.dashboard-toolbar{margin-bottom:var(--space-8)}.dashboard-loading{color:hsl(var(--muted-foreground));padding:var(--space-12);text-align:center}.dashboard-empty{margin-top:var(--space-8)}.dashboard-actions{align-items:center;display:flex;gap:var(--space-4)}.dashboard-user{color:hsl(var(--muted-foreground));font-size:.875rem}.projects-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:var(--space-5);transition:box-shadow .15s ease}.project-card:hover{box-shadow:0 4px 6px -1px #0000001a}.project-card-header{align-items:flex-start;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-3)}.project-card-title{font-size:1.125rem;font-weight:600;margin:0}.project-card-title a{color:inherit;text-decoration:none}.project-card-title a:hover{color:hsl(var(--primary));text-decoration:none}.project-card-description{color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.5;margin-bottom:var(--space-4)}.project-card-stats{display:flex;gap:var(--space-6);margin-bottom:var(--space-4)}.project-card-stats .stat{display:flex;flex-direction:column;gap:var(--space-1)}.project-card-stats .stat-label{color:hsl(var(--muted-foreground));font-size:.75rem;letter-spacing:.025em;text-transform:uppercase}.project-card-stats .stat-value{font-size:1.25rem;font-weight:600}.project-card-progress{margin-bottom:var(--space-4)}.project-card-footer{border-top:1px solid hsl(var(--border));padding-top:var(--space-3)}.project-card-date{color:hsl(var(--muted-foreground));font-size:.75rem}.project-card-new{align-items:center;border:2px dashed hsl(var(--border));color:hsl(var(--muted-foreground));display:flex;flex-direction:column;justify-content:center;min-height:150px;transition:border-color .15s ease,color .15s ease}.project-card-new:hover{border-color:hsl(var(--primary));color:hsl(var(--primary))}.project-card-new svg{margin-bottom:var(--space-2)}.page-container{margin:0 auto;max-width:800px;padding:var(--space-8) var(--space-6)}.page-container.narrow{max-width:600px}.loading{color:hsl(var(--muted-foreground));padding:var(--space-12);text-align:center}.page-header{margin-bottom:var(--space-8)}.page-title{font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin:0}.back-link{color:hsl(var(--muted-foreground));display:inline-block;font-size:.875rem;margin-bottom:var(--space-4);text-decoration:none;transition:color .15s ease}.back-link:hover{color:hsl(var(--foreground));text-decoration:none}.form-card{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:var(--space-6)}.form-actions{border-top:1px solid hsl(var(--border));display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-6)}.file-drop-zone{background-color:hsl(var(--muted)/.2);border:2px dashed hsl(var(--border));border-radius:var(--radius);padding:var(--space-8);text-align:center;transition:all .15s ease}.file-drop-zone:hover{background-color:hsl(var(--muted)/.3);border-color:hsl(var(--primary)/.5)}.file-drop-zone.has-file{background-color:hsl(var(--primary)/.05);border-color:hsl(var(--primary));border-style:solid}.file-placeholder{color:hsl(var(--muted-foreground))}.file-placeholder p{margin:0 0 var(--space-2) 0}.file-placeholder p:last-of-type{margin-bottom:var(--space-4)}.file-info{align-items:center;display:flex;gap:var(--space-4);justify-content:center}.file-name{color:hsl(var(--foreground));font-weight:500}.file-input-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}.project-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.project-description,.project-meta{color:hsl(var(--muted-foreground));font-size:.875rem;margin-top:var(--space-2)}.section{margin-top:var(--space-8)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.section-title{font-size:1.25rem;font-weight:600;margin:0}.language-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.language-card{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:var(--space-5)}.language-card-header{align-items:baseline;display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.language-name{font-size:1.125rem;font-weight:600;margin:0}.language-code{color:hsl(var(--muted-foreground));font-size:.75rem;text-transform:uppercase}.language-progress{margin-bottom:var(--space-4)}.language-actions{border-top:1px solid hsl(var(--border));display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-4)}.language-actions .btn{font-family:inherit;font-size:.8125rem}.editor-layout{background:hsl(var(--background));display:flex;flex-direction:column;min-height:100vh}.editor-header{background:hsl(var(--background));border-bottom:1px solid hsl(var(--border));justify-content:space-between;padding:1rem 1.5rem;position:sticky;top:0;z-index:100}.editor-header,.editor-header-left{align-items:center;display:flex;gap:var(--space-4)}.editor-header-left{min-width:0}.editor-title{color:hsl(var(--foreground));font-size:1.125rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-header-right{align-items:center;display:flex;flex-shrink:0;gap:var(--space-4)}.editor-toolbar{align-items:center;background:hsl(var(--background));border-bottom:1px solid hsl(var(--border));display:flex;flex-wrap:wrap;gap:1.5rem;padding:.75rem 1.5rem;position:sticky;top:61px;z-index:99}.editor-search{flex:1;max-width:300px;min-width:200px}.editor-filters{display:flex;gap:var(--space-2)}.editor-progress{align-items:center;display:flex;gap:.75rem;margin-left:auto}.editor-progress .progress-bar{width:120px}.editor-empty,.editor-error,.editor-loading{color:hsl(var(--muted-foreground));padding:3rem 1.5rem;text-align:center}.editor-content{flex:1;margin:0 auto;max-width:1200px;padding:1.5rem;width:100%}.translation-row{background:hsl(var(--card));border-bottom:1px solid hsl(var(--border));border-radius:var(--radius);display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:var(--space-3);padding:1rem}.translation-row:last-child{margin-bottom:0}.translation-source{background:hsl(var(--muted)/.3);border-radius:var(--radius)}.translation-input,.translation-source{color:hsl(var(--foreground));font-size:.9375rem;line-height:1.6;padding:.75rem}.translation-input{background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:var(--radius);font-family:inherit;min-height:60px;resize:vertical;width:100%}.translation-input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary)/.1);outline:none}.translation-input.rtl{text-align:right}.save-status{color:hsl(var(--muted-foreground));font-size:.875rem}@media(max-width:768px){.editor-header{align-items:flex-start;flex-direction:column}.editor-header-right{justify-content:space-between;width:100%}.translation-row{grid-template-columns:1fr}.editor-toolbar{align-items:stretch;flex-direction:column;position:relative;top:auto}.editor-search{max-width:none}.editor-filters{flex-wrap:wrap;justify-content:center}.editor-progress{justify-content:center;margin-left:0}}.modal-overlay{align-items:center;background-color:hsl(var(--foreground)/.5);display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:100}.modal{background-color:hsl(var(--card));border-radius:var(--radius);box-shadow:0 25px 50px -12px #00000040;max-width:480px;padding:var(--space-6);width:100%}.modal-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-2)}.modal-description{color:hsl(var(--muted-foreground));font-size:.875rem;margin-bottom:var(--space-6)}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.copy-link-group{display:flex;gap:var(--space-2)}.copy-link-input{flex:1;font-family:monospace;font-size:.8125rem}.share-link-container{display:flex;gap:var(--space-2);margin-bottom:var(--space-6)}.share-link-container .input{flex:1;font-family:monospace;font-size:.8125rem}.file-upload{border:2px dashed hsl(var(--border));border-radius:var(--radius);cursor:pointer;padding:var(--space-8);text-align:center;transition:border-color .15s ease,background-color .15s ease}.file-upload:hover{background-color:hsl(var(--primary)/.02);border-color:hsl(var(--primary))}.file-upload.drag-over{background-color:hsl(var(--primary)/.05);border-color:hsl(var(--primary))}.file-upload-icon{color:hsl(var(--muted-foreground));height:48px;margin:0 auto var(--space-4);width:48px}.file-upload-text{color:hsl(var(--muted-foreground));font-size:.875rem}.file-upload-text strong{color:hsl(var(--primary))}.file-upload input{display:none}.translator-header{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:var(--space-4) var(--space-6)}.translator-header-content{margin:0 auto;max-width:900px}.translator-title{font-size:1.125rem;font-weight:600}.translator-subtitle{font-size:.875rem;opacity:.8}.translator-main{margin:0 auto;max-width:900px;padding:var(--space-6)}a{color:hsl(var(--primary))}a:hover{text-decoration:underline}.text-center{text-align:center}.text-muted{color:hsl(var(--muted-foreground))}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.w-full{width:100%}.source-text{margin-bottom:var(--space-2)}.context-display{align-items:center;display:flex;gap:var(--space-2);min-height:24px}.context-text{font-size:.8125rem;font-style:italic;line-height:1.4}.context-edit-btn,.context-text{color:hsl(var(--muted-foreground))}.context-edit-btn{align-items:center;background:transparent;border:none;border-radius:calc(var(--radius) - 2px);cursor:pointer;display:inline-flex;font-size:.75rem;gap:var(--space-1);padding:var(--space-1) var(--space-2);transition:all .15s ease}.context-edit-btn:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.add-context-text{color:hsl(var(--muted-foreground));font-size:.75rem}.context-edit{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.context-input{background-color:hsl(var(--background));border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 2px);color:hsl(var(--foreground));font-size:.8125rem;height:2rem;padding:0 var(--space-2);width:100%}.context-input:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.1);outline:none}.context-input::-moz-placeholder{color:hsl(var(--muted-foreground));font-style:italic}.context-input::placeholder{color:hsl(var(--muted-foreground));font-style:italic}.context-edit-actions{display:flex;gap:var(--space-2)}.context-readonly{background:hsl(var(--muted)/.5);border-left:2px solid hsl(var(--primary)/.3);border-radius:calc(var(--radius) - 2px);color:hsl(var(--muted-foreground));font-size:.8125rem;font-style:italic;margin-top:var(--space-2);padding:var(--space-2)}