#translate-app{max-width:960px;margin:0 auto;padding:32px 16px 64px}.app-eyebrow{text-align:center;margin-bottom:28px}.app-eyebrow h1{font-size:0.82rem;color:var(--ink-light);margin-top:6px;font-weight:300;letter-spacing:0.02em}.lang-bar{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.lang-pill{background:var(--paper);border:1.5px solid var(--border);border-radius:100px;padding:6px 20px;font-size:0.82rem;font-weight:600;color:var(--ink-mid);letter-spacing:0.03em;text-transform:uppercase;transition:all 0.2s}.lang-pill.active{background:var(--ink);color:var(--cream);border-color:var(--ink)}.switch-btn{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border);background:var(--paper);color:var(--ink-mid);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.8rem;transition:all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);box-shadow:var(--shadow-sm)}.switch-btn:hover{background:var(--accent);color:white;border-color:var(--accent);transform:rotate(180deg);box-shadow:var(--shadow-md)}.switch-btn.spinning{transform:rotate(180deg)}.translate-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;display:grid;grid-template-columns:1fr 1px 1fr}.divider-line{background:var(--border);width:1px}.pane{display:flex;flex-direction:column}.pane-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);min-height:44px}.pane-label{font-size:0.72rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-light)}.char-count{font-size:0.72rem;color:var(--ink-light);font-weight:300}.char-count.warn{color:var(--accent)}.source-textarea{width:100%;min-height:220px;padding:16px;border:none;outline:none;resize:vertical;font-family:'DM Sans', sans-serif;font-size:1.05rem;line-height:1.65;color:var(--ink);background:transparent}.source-textarea::placeholder{color:var(--ink-light);font-weight:300}.clear-btn{background:none;border:none;color:var(--ink-light);cursor:pointer;padding:2px 8px;border-radius:6px;font-size:0.75rem;transition:all 0.15s;display:flex;align-items:center;gap:4px}.clear-btn:hover{color:var(--danger);background:#fdf0f0}.result-area{position:relative;flex:1;min-height:220px;padding:16px}.result-text{font-size:1.05rem;line-height:1.65;color:var(--ink)}.result-placeholder{font-size:1.05rem;color:var(--ink-light);font-weight:300}.edit-textarea{width:100%;height:100%;min-height:190px;border:1.5px solid var(--accent-gold);border-radius:8px;padding:10px 12px;font-family:'DM Sans', sans-serif;font-size:1.05rem;line-height:1.65;color:var(--ink);resize:vertical;outline:none;background:#fffdf7}.edit-hint{font-size:0.72rem;color:var(--accent-gold);font-weight:500;display:flex;align-items:center;gap:4px;margin-top:6px}.shimmer-wrapper{display:flex;flex-direction:column;gap:10px;padding:4px 0}.shimmer-line{height:16px;border-radius:6px;background:linear-gradient(90deg, #eee 25%, #f8f8f8 50%, #eee 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.action-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--border);min-height:52px}.action-group{display:flex;align-items:center;gap:6px}.icon-btn{background:none;border:1.5px solid var(--border);border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:0.8rem;color:var(--ink-mid);transition:all 0.18s;position:relative}.icon-btn:hover{border-color:var(--ink);background:var(--cream);color:var(--ink);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.icon-btn.upped{border-color:var(--success);color:var(--success);background:#edf7f2}.icon-btn.down{border-color:var(--danger);color:var(--danger);background:#fdf0f0}.icon-btn.active-edit{border-color:var(--accent-gold);color:var(--accent-gold);background:#fffbee}.copy-btn-inner{font-size:0.7rem;font-weight:600;letter-spacing:0.04em}.copy-btn-inner.copied{color:var(--success)}.send-feedback-btn{font-size:0.75rem;font-weight:600;letter-spacing:0.04em;background:var(--ink);color:var(--cream);border:none;border-radius:8px;padding:6px 14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all 0.18s}.send-feedback-btn:hover{background:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.send-feedback-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--ink);color:var(--cream);padding:10px 20px;border-radius:100px;font-size:0.8rem;font-weight:500;transition:transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);z-index:999;white-space:nowrap;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:8px}.toast.show{transform:translateX(-50%) translateY(0)}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--ink-light);display:inline-block;transition:background 0.3s}.status-dot.loading{background:var(--accent-gold);animation:pulse 1s infinite}.status-dot.ready{background:var(--success)}.status-dot.error{background:var(--danger)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}.app-footer{text-align:center;margin-top:16px;font-size:0.72rem;color:var(--ink-light);font-weight:300;letter-spacing:0.02em}@media (max-width: 640px){.translate-card{grid-template-columns:1fr;grid-template-rows:auto 1px auto}.divider-line{width:100%;height:1px}.app-eyebrow h1{font-size:1.4rem}}