:root{--bg-a: #fff0fa;--bg-b: #eef3ff;--bg-c: #fefcf3;--panel: rgba(255,255,255,.82);--panel-2: #f8effc;--border: #ecd9f7;--border-2: #e3d3fb;--ink: #3a1d54;--muted: #9686ac;--pink: #ff6fb5;--pink-deep: #ef4d95;--violet: #8b6bf5;--violet-deep: #6f45e8;--mint: #33d9b8;--gold: #ffc94d;--red: #ef5f7a;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--display: "Baloo 2", ui-rounded, system-ui, sans-serif;--body: "Quicksand", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:var(--body);color:var(--ink);background:radial-gradient(ellipse 900px 500px at 8% -5%,#ffd7f0 0%,transparent 60%),radial-gradient(ellipse 800px 600px at 105% 10%,#d6e4ff 0%,transparent 55%),radial-gradient(ellipse 700px 500px at 50% 115%,#dcfff5 0%,transparent 55%),var(--bg-c);padding:34px 18px 70px;position:relative;overflow-x:hidden}.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;z-index:0;pointer-events:none}.blob1{width:340px;height:340px;background:#ffb3e0;top:-120px;left:-100px;animation:drift1 22s ease-in-out infinite}.blob2{width:300px;height:300px;background:#b7c8ff;top:520px;right:-80px;animation:drift2 26s ease-in-out infinite}@keyframes drift1{0%,to{transform:translate(0)}50%{transform:translate(30px,25px)}}@keyframes drift2{0%,to{transform:translate(0)}50%{transform:translate(-25px,-20px)}}@media(prefers-reduced-motion:reduce){.blob1,.blob2{animation:none}}.floaty{position:absolute;font-size:28px;z-index:0;pointer-events:none;opacity:.55;filter:drop-shadow(0 4px 10px rgba(139,107,245,.25));animation:bob 6s ease-in-out infinite;-webkit-user-select:none;user-select:none}.floaty.f1{top:40px;left:2%;font-size:36px;animation-duration:7s}.floaty.f2{top:560px;right:3%;font-size:30px;animation-duration:8.5s;animation-delay:.6s}.floaty.f3{top:220px;right:6%;font-size:22px;opacity:.45;animation-duration:5.5s;animation-delay:1.2s}.floaty.f4{top:900px;left:4%;font-size:24px;opacity:.45;animation-duration:6.5s;animation-delay:.3s}.floaty.f5{top:340px;right:8%;font-size:34px;animation-duration:9s;animation-delay:1.5s}.floaty.f6{top:720px;left:2%;font-size:28px;animation-duration:7.5s;animation-delay:2s}.floaty.f7{top:1150px;right:4%;font-size:32px;animation-duration:8s;animation-delay:.8s}.floaty.f8{top:1350px;left:5%;font-size:26px;animation-duration:9.5s;animation-delay:1.1s}.floaty.f9{top:1650px;right:5%;font-size:30px;animation-duration:7.2s;animation-delay:.4s}.floaty.f10{top:1900px;left:3%;font-size:24px;opacity:.45;animation-duration:8.4s;animation-delay:1.3s}.floaty.f11{top:2200px;right:6%;font-size:32px;animation-duration:6.5s;animation-delay:.7s}.floaty.f12{top:2450px;left:4%;font-size:28px;animation-duration:9.1s;animation-delay:1.6s}@keyframes bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-16px) rotate(4deg)}}@media(prefers-reduced-motion:reduce){.floaty{animation:none}}.wrap{max-width:1040px;margin:0 auto;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--violet-deep);font-size:12.5px;font-weight:600;letter-spacing:.03em;background:linear-gradient(90deg,#fff0fa,#eef1ff);border:1px solid var(--border-2);padding:5px 12px;border-radius:999px;margin-bottom:14px}.title-row{display:flex;align-items:center;gap:10px}.mascot{flex-shrink:0;animation:mascotbob 4s ease-in-out infinite}@keyframes mascotbob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.mascot{animation:none}}h1{font-family:var(--display);font-size:34px;font-weight:800;letter-spacing:-.01em;margin:0 0 6px;background:linear-gradient(90deg,var(--pink-deep),var(--violet-deep) 55%,#3aa9d1);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.cursor{display:inline-block;width:8px;height:24px;background:linear-gradient(180deg,var(--pink),var(--violet));border-radius:2px;margin-left:5px;vertical-align:-4px;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.mane{height:5px;border-radius:999px;margin:10px 0 20px;background:linear-gradient(90deg,#ff9fd6,#c6a8ff,#9fd7ff,#9ff2d6,#ffe08a,#ff9fd6);background-size:300% 100%;animation:maneflow 7s linear infinite}@media(prefers-reduced-motion:reduce){.mane{animation:none}}@keyframes maneflow{to{background-position:300% 0}}.sub{color:var(--muted);font-size:13.5px;margin-bottom:28px;max-width:660px;line-height:1.55;font-weight:500}.workspace-tabs-container{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.w-tab{background:#fff9;border:1.5px solid var(--border-2);padding:8px 14px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;color:var(--muted);transition:all .15s ease}.w-tab:hover{border-color:var(--pink);color:var(--ink);background:#fff}.w-tab.active{background:var(--panel);border-color:var(--violet);color:var(--violet-deep);box-shadow:0 4px 12px -5px #8b6bf566}.w-tab .edit-btn{display:inline-flex;align-items:center;justify-content:center;padding:2px;font-size:11px;opacity:.5;transition:opacity .1s ease;cursor:pointer}.w-tab .edit-btn:hover{opacity:1}.w-tab .close-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;font-size:11px;font-weight:800;line-height:1;color:var(--muted);transition:all .1s ease;margin-left:4px;cursor:pointer}.w-tab .close-btn:hover{background:var(--red);color:#fff}.add-tab-btn{background:transparent;border:1.5px dashed var(--border-2);color:var(--violet-deep);padding:8px 14px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease}.add-tab-btn:hover{border-color:var(--mint);background:#fff;transform:translateY(-1px)}.panel{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:18px;padding:20px 20px 18px;margin-bottom:20px;box-shadow:0 10px 30px -18px #8b6bf559,0 1px #fff9 inset;position:relative}.panel-decorator{position:absolute;bottom:8px;right:12px;font-size:16px;opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.panel-title{font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--ink);margin-bottom:12px;display:flex;align-items:center;gap:9px;width:100%}.panel-title .n{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--pink),var(--violet));box-shadow:0 3px 8px -2px #8b6bf599}.panel-title .hint{color:var(--muted);font-weight:500;letter-spacing:0;text-transform:none;font-size:12px}.panel-title .scroller-nav{margin-left:auto;display:flex;gap:5px}.panel-title .scroller-nav button.pink-nav{background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;border:none;padding:5px 12px;font-size:11px;border-radius:8px;font-weight:700;box-shadow:0 4px 10px -3px #ff6fb573;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;display:flex;align-items:center;gap:4px}.panel-title .scroller-nav button.pink-nav span.nav-arrow{color:#511199;font-size:10px;text-shadow:0 1px 0 rgba(255,255,255,.2)}.panel-title .scroller-nav button.pink-nav:hover{transform:translateY(-1px);background:var(--pink-deep);box-shadow:0 6px 14px -3px #ef4d95a6}.panel-title .scroller-nav button.pink-nav:active{transform:translateY(0)}textarea{width:100%;min-height:170px;background:var(--panel-2);border:1.5px solid var(--border-2);border-radius:12px;color:var(--ink);font-family:var(--mono);font-size:12.5px;padding:13px 14px;resize:vertical;line-height:1.55;scroll-behavior:smooth}textarea::placeholder{color:#b6a6d0}textarea:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 3px #ff6fb52e}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:13px}button{font-family:var(--body);font-size:13px;font-weight:600;background:#fff;color:var(--violet-deep);border:1.5px solid var(--border-2);border-radius:11px;padding:9px 16px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--pink);box-shadow:0 6px 16px -8px #ef4d9580}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}button.primary{background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;border-color:transparent;box-shadow:0 8px 20px -8px #8b6bf599}button.primary:hover:not(:disabled){box-shadow:0 10px 24px -8px #ef4d95a6}button.danger:hover:not(:disabled){border-color:var(--red);color:var(--red)}button.small{padding:6px 12px;font-size:11.5px;border-radius:9px}.status{font-size:12.5px;color:var(--muted);margin-top:11px;min-height:16px;font-weight:600}.status.ok{color:#1fae8e}.status.err{color:var(--red)}.spans{display:flex;flex-direction:column;gap:7px;margin-top:11px}.span-opt{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1.5px solid var(--border-2);border-radius:11px;cursor:pointer;font-size:13px;background:#fff;font-weight:500;flex-wrap:wrap;word-break:break-all}.span-opt:hover{border-color:var(--mint)}.span-opt.active{border-color:var(--violet);background:linear-gradient(90deg,#f6f0ff,#fff);box-shadow:0 4px 12px -6px #8b6bf566}.span-opt .tag{color:var(--violet-deep);font-family:var(--mono);font-weight:600;white-space:normal}.span-opt .len{color:var(--muted);margin-left:auto;font-weight:500;flex-shrink:0}pre.output{background:#241a33;color:#f1e9ff;border:1.5px solid var(--border-2);border-radius:12px;padding:15px;font-size:12px;line-height:1.6;max-height:420px;overflow:auto;white-space:pre;margin:0;font-family:var(--mono)}.meta{color:var(--muted);font-size:12.5px;margin-bottom:9px;font-weight:600}.meta .num{color:var(--pink-deep)}input[type=text],input[type=password]{background:var(--panel-2);border:1.5px solid var(--border-2);border-radius:11px;color:var(--ink);font-family:var(--body);font-weight:500;font-size:13px;padding:10px 13px;flex:1;min-width:180px}input[type=text]:focus,input[type=password]:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 3px #ff6fb52e}label.chk{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);cursor:pointer;font-weight:600}input[type=checkbox]{accent-color:var(--pink);width:15px;height:15px}.matches{display:flex;flex-direction:column;gap:7px;margin-top:11px;max-height:260px;overflow:auto}.match-row{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border:1.5px solid var(--border-2);border-radius:11px;cursor:pointer;font-size:12.5px;background:#fff;word-break:break-all}.match-row:hover{border-color:var(--violet)}.match-row.active{border-color:var(--pink);background:linear-gradient(90deg,#fff0f8,#fff);box-shadow:0 4px 12px -6px #ef4d9559}.match-row .idx{color:var(--pink-deep);min-width:42px;font-family:var(--mono);font-weight:700;margin-top:1px}.match-row .name{color:var(--ink);white-space:normal;flex:1;font-weight:500;line-height:1.4}.tabs{display:flex;gap:6px;margin-bottom:11px}.tab{padding:8px 14px;border:1.5px solid var(--border-2);border-radius:10px 10px 0 0;font-size:12.5px;cursor:pointer;color:var(--muted);font-weight:600;border-bottom:none}.tab.active{color:var(--violet-deep);background:var(--panel-2);border-color:var(--border-2)}.hidden{display:none!important}hr.rule{border:none;border-top:1.5px dashed var(--border-2);margin:16px 0}.footnote{color:var(--muted);font-size:11.5px;margin-top:26px;line-height:1.65;font-weight:500}.group-label{color:var(--violet-deep);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:6px;width:100%}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:9px}::-webkit-scrollbar-thumb:hover{background:var(--pink)}@media(max-width:600px){body{padding:16px 12px 40px}h1{font-size:25px}.sub{font-size:12.5px;margin-bottom:18px}.panel{padding:14px 14px 12px;border-radius:14px}.w-tab{padding:6px 10px;font-size:12px}.floaty{font-size:20px!important;opacity:.35}.floaty.f1{left:4px;top:20px;font-size:24px!important}.floaty.f2{right:4px;top:520px}.floaty.f3{right:8px;top:180px}.floaty.f4{left:8px;top:920px}.floaty.f5{right:6px;top:340px}.floaty.f6{left:4px;top:710px}.floaty.f7{right:5px;top:1250px}.floaty.f8{left:6px;top:1480px}.floaty.f9{right:7px;top:1720px}.floaty.f10{left:5px;top:1980px}.floaty.f11{right:8px;top:2240px}.floaty.f12{left:4px;top:2480px}}