:root{--ocean-1: #06283d;--ocean-2: #0ea5a4;--ocean-3: #06b6d4;--muted: #9fb3c8;--accent: #7dd3fc}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:linear-gradient(180deg,var(--ocean-1) 0%,#083b4a 40%,#071a2b 100%);color:#e6f6fb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ocean-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.wave{position:absolute;left:-10%;right:-10%;height:220px;bottom:-60px;opacity:.12;background:linear-gradient(90deg,#0ea5a433,#06b6d42e);filter:blur(24px);transform:rotate(.001deg)}.wave1{animation:floatx 12s linear infinite;border-radius:40%}.wave2{bottom:-120px;opacity:.08;height:280px;animation:floatx 18s linear infinite reverse;border-radius:30%}@keyframes floatx{0%{transform:translate(-8%)}50%{transform:translate(8%)}to{transform:translate(-8%)}}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;position:relative;z-index:2}.brand{display:flex;gap:12px;align-items:center}.brand-text .title{font-weight:700;font-size:18px;color:var(--accent)}.brand-text .subtitle{font-size:12px;color:var(--muted)}.container{max-width:1100px;margin:18px auto;padding:0 20px;position:relative;z-index:2}.card{background:linear-gradient(180deg,#ffffff08,#ffffff05);border-radius:14px;padding:18px;box-shadow:0 8px 40px #02061799;border:1px solid rgba(255,255,255,.04)}.controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.left{display:flex;gap:18px;align-items:center}.segmented{display:flex;padding:4px;gap:6px;background:#ffffff05;border-radius:10px;align-items:center}.seg-btn{position:relative;border:0;background:transparent;color:var(--muted);padding:8px 12px;border-radius:8px;font-weight:600;cursor:pointer;transition:color .18s ease;min-width:54px;text-align:center}.seg-btn:hover{color:var(--accent)}.seg-btn.active{color:#00313a;font-weight:700}.seg-indicator{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:linear-gradient(90deg,var(--ocean-3),var(--ocean-2));z-index:-1;opacity:.18;pointer-events:none}.toggle-row{display:flex;align-items:center;gap:10px}.toggle-label{color:var(--muted);font-size:14px}.toggle-switch{width:54px;height:28px;position:relative;display:inline-flex;align-items:center;cursor:pointer}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#ffffff0f;box-shadow:inset 0 1px #ffffff05}.toggle-thumb{width:22px;height:22px;border-radius:99px;background:#fff;margin-left:3px;box-shadow:0 6px 18px #06b6d41f}.actions{display:flex;gap:10px;align-items:center}.btn{border:0;padding:8px 12px;border-radius:8px;background:transparent;color:var(--accent);cursor:pointer;font-weight:700;font-size:14px}.btn.small{padding:6px 10px;font-size:13px}.btn.primary{background:linear-gradient(90deg,var(--ocean-3),var(--ocean-2));color:#00313a;box-shadow:0 6px 18px #06b6d41f}.btn.ghost{background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,.03);padding:7px 10px}.editor-row{display:flex;gap:12px;align-items:stretch;margin-top:6px}.pane{flex:1;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#ffffff03,#ffffff02);border:1px solid rgba(255,255,255,.02)}.pane-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.02)}.muted{color:var(--muted);font-size:13px}.editor{width:100%;height:360px;padding:14px;border:0;resize:vertical;outline:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace;font-size:13px;color:#e6f6fb;background:transparent}.result,.error{padding:12px;margin:12px;border-radius:8px;height:300px;overflow:auto;white-space:pre-wrap;font-family:ui-monospace,monospace}.result.nowrap,.error.nowrap{white-space:pre;overflow:auto;word-break:normal}.result.wrap,.error.wrap{white-space:pre-wrap;word-break:break-word}.result{background:linear-gradient(180deg,#02061799,#02061780);border:1px solid rgba(255,255,255,.03)}.error{background:linear-gradient(180deg,#6010101f,#6010100f);border:1px solid rgba(96,16,16,.2);color:#fdd}.toolbar{display:flex;gap:8px;align-items:center}.copy-btn,.replace-btn,.wrap-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:linear-gradient(90deg,var(--ocean-3),var(--ocean-2));color:#00313a;font-weight:700;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:13px;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 6px 16px #06b6d424}.wrap-toggle.on{background:linear-gradient(90deg,#34d399,#06b6d4)}.wrap-toggle.off{background:#ffffff0a;color:var(--muted);box-shadow:none;border:1px solid rgba(255,255,255,.02)}.copy-btn:hover:not(:disabled),.replace-btn:hover:not(:disabled),.wrap-toggle:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 28px #06b6d42e}.copy-btn:disabled,.replace-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:240px;text-align:center;color:var(--muted);background:#ffffff05;border-radius:10px;margin:16px;padding:24px;font-size:15px;letter-spacing:.2px;box-shadow:inset 0 0 10px #06b6d40d;transition:all .3s ease-in-out}.empty strong{color:var(--accent);transition:color .25s}.empty:hover strong{color:#38e0ff}.fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#02061799,#020617cc);z-index:9998;display:flex;align-items:center;justify-content:center;padding:24px}.fullscreen-card{width:100%;max-width:1400px;height:86vh;background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:12px;box-shadow:0 40px 120px #020617b3;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.04)}.fs-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.02)}.fs-title{font-weight:700;color:var(--accent)}.fs-actions{display:flex;gap:8px;align-items:center}.fs-body{flex:1;padding:16px;overflow:auto}.toast{position:fixed;right:22px;bottom:22px;background:linear-gradient(90deg,var(--ocean-3),var(--ocean-2));color:#00313a;padding:8px 12px;border-radius:10px;font-weight:700;box-shadow:0 8px 30px #06b6d41f;z-index:9999}@media (max-width:900px){.editor-row{flex-direction:column}.editor{height:260px}.result,.error{height:200px}.fullscreen-card{height:92vh;max-width:calc(100% - 28px)}}.fs-body{flex:1;display:flex;flex-direction:column;padding:16px;overflow:hidden}.fullscreen-card .result,.fullscreen-card .error{margin:0;padding:14px;border-radius:8px;flex:1 1 auto;min-height:0;overflow:auto;white-space:pre-wrap}.fullscreen-card .result{background:linear-gradient(180deg,#02061799,#02061780);border:1px solid rgba(255,255,255,.03);color:#e6f6fb}.fullscreen-card .error{background:linear-gradient(180deg,#6010101f,#6010100f);border:1px solid rgba(96,16,16,.2);color:#fdd}.fullscreen-card .result.nowrap,.fullscreen-card .error.nowrap{white-space:pre;overflow:auto;word-break:normal}.fullscreen-card .result.wrap,.fullscreen-card .error.wrap{white-space:pre-wrap;word-break:break-word}