:root{--vxd-blue: #3273dc;--vxd-blue-deep: #1d4fb7;--vxd-paper: #fbfbfa;--vxd-ink: #18181b;--vxd-zinc-50: #fafafa;--vxd-zinc-100: #f4f4f5;--vxd-zinc-200: #e4e4e7;--vxd-zinc-300: #d4d4d8;--vxd-zinc-500: #71717a;--vxd-zinc-600: #52525b;--vxd-zinc-900: #18181b;--pb-red: #b42318;--pb-green: #0f8a4a;--pb-card: rgba(255, 255, 255, .82);--pb-card-strong: rgba(255, 255, 255, .96);--pb-shadow: 0 18px 48px rgba(24, 24, 27, .08);--pb-shadow-soft: 0 8px 24px rgba(24, 24, 27, .06)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;font-size:15px;background:var(--vxd-paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;color:var(--vxd-ink);background:linear-gradient(rgba(24,24,27,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(24,24,27,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(50,115,220,.08),transparent 320px),var(--vxd-paper);background-size:32px 32px,32px 32px,100% 100%,100% 100%;overflow-x:hidden}button,input,textarea{font:inherit}a{color:inherit}::selection{background-color:#3273dc40;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#fbfbfadb}::-webkit-scrollbar-thumb{background:var(--vxd-zinc-300);border:3px solid rgba(251,251,250,.86);border-radius:999px}#root{min-height:100vh}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pb-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}.pb-shell,.pb-view-shell,.pb-loading{position:relative;min-height:100vh;color:var(--vxd-ink)}.pb-shell{padding:clamp(1rem,2.5vw,2.8rem)}.pb-loading{display:grid;place-items:center}.pb-topline{display:flex;align-items:center;gap:.9rem;max-width:1180px;margin:0 auto 1.2rem;animation:fade-in .7s cubic-bezier(.22,1,.36,1) both}.pb-brandmark{width:3.15rem;height:3.15rem;display:grid;place-items:center;color:#fff;background:var(--vxd-blue);border:1px solid var(--vxd-blue);border-radius:999px;box-shadow:0 10px 22px #3273dc38}.pb-brandmark svg{width:1.35rem;height:1.35rem}.pb-kicker,.pb-view-bar p,.pb-field-label{color:var(--vxd-blue);font-family:SF Mono,Menlo,Consolas,monospace;font-size:.74rem;font-weight:700;letter-spacing:0;line-height:1.2;text-transform:uppercase}.pb-title{margin:0;color:var(--vxd-zinc-900);font-size:clamp(2rem,4vw,3.7rem);font-weight:900;letter-spacing:0;line-height:.95}.pb-workbench{max-width:1180px;min-height:min(720px,calc(100vh - 8rem));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,350px);overflow:hidden;background:var(--pb-card);border:1px solid var(--vxd-zinc-200);border-radius:8px;box-shadow:var(--pb-shadow);animation:fade-in .7s 90ms cubic-bezier(.22,1,.36,1) both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pb-stage{min-width:0;display:grid;grid-template-columns:112px minmax(0,1fr)}.pb-mode-rail{display:grid;grid-template-rows:repeat(3,minmax(118px,1fr));border-right:1px solid var(--vxd-zinc-200);background:linear-gradient(180deg,rgba(50,115,220,.05),transparent 58%),#f4f4f5b3}.pb-mode{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:1rem;border:0;border-bottom:1px solid var(--vxd-zinc-200);color:var(--vxd-zinc-600);background:transparent;cursor:pointer;text-align:left;transition:background .18s ease,color .18s ease,transform .18s ease}.pb-mode:last-child{border-bottom:0}.pb-mode svg{width:1.45rem;height:1.45rem}.pb-mode span{color:var(--vxd-zinc-900);font-size:1.02rem;font-weight:800}.pb-mode b{width:100%;display:block;padding-top:.42rem;border-top:1px solid var(--vxd-zinc-200);color:var(--vxd-zinc-500);font-family:SF Mono,Menlo,Consolas,monospace;font-size:.72rem;font-weight:700}.pb-mode:hover,.pb-mode.active{background:#fff;color:var(--vxd-blue)}.pb-mode.active{box-shadow:inset 4px 0 0 var(--vxd-blue)}.pb-mode:hover b,.pb-mode.active b{color:var(--vxd-blue);border-top-color:#3273dc38}.pb-editor-bay{min-width:0;display:flex;flex-direction:column;padding:clamp(1rem,2vw,2rem)}.pb-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.pb-editor-head h2{margin:.2rem 0 0;color:var(--vxd-zinc-900);font-size:clamp(2.5rem,6.2vw,5.6rem);font-weight:900;letter-spacing:0;line-height:.9}.pb-live-chip{min-width:5.4rem;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;padding:.46rem .72rem;color:var(--vxd-blue);background:#3273dc14;border:1px solid rgba(50,115,220,.18);border-radius:999px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.75rem;font-weight:800}.pb-live-chip span{width:.45rem;height:.45rem;border-radius:50%;background:var(--vxd-blue);animation:pb-pulse 1.4s ease-in-out infinite}.pb-input-zone{min-height:390px;display:grid;overflow:hidden;background:var(--pb-card-strong);border:1px solid var(--vxd-zinc-200);border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff9e;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.pb-input-zone:focus-within,.pb-input-zone.drag-active{border-color:var(--vxd-blue);box-shadow:0 0 0 3px #3273dc1f,inset 0 0 0 1px #ffffffd1}.pb-input-zone.drag-active{background:#3273dc0a}.cm-editor{height:100%;color:var(--vxd-zinc-900);background:transparent;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.65}.cm-editor.cm-focused{outline:none}.cm-gutters{color:var(--vxd-zinc-500)!important;background:#f4f4f5b3!important;border-right:1px solid var(--vxd-zinc-200)!important}.cm-content{padding:1rem!important}.pb-drop-target{min-height:100%;display:grid;place-items:center;align-content:center;gap:.75rem;padding:2rem;cursor:pointer;text-align:center}.pb-drop-target>svg{width:4.8rem;height:4.8rem;padding:.9rem;color:var(--vxd-blue);background:#3273dc14;border:1px solid rgba(50,115,220,.14);border-radius:999px}.pb-drop-target p{max-width:min(100%,32rem);margin:0;overflow-wrap:anywhere;color:var(--vxd-zinc-900);font-size:clamp(2.1rem,5vw,4.3rem);font-weight:900;letter-spacing:0;line-height:.95}.pb-drop-target span{color:var(--vxd-zinc-500);font-family:SF Mono,Menlo,Consolas,monospace;font-size:.78rem;font-weight:700;text-transform:uppercase}.pb-url-entry{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;padding:clamp(1rem,4vw,3rem)}.pb-url-entry>svg{width:clamp(3.4rem,7vw,5.8rem);height:clamp(3.4rem,7vw,5.8rem);padding:.9rem;color:#fff;background:var(--vxd-blue);border-radius:999px;box-shadow:0 14px 28px #3273dc33}.pb-url-entry .MuiInputBase-input{font-size:clamp(1rem,2vw,1.45rem);font-weight:700}.pb-action-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.2rem;padding:1rem;color:var(--vxd-zinc-900);background:#fff;border:1px solid var(--vxd-zinc-200);border-radius:8px;box-shadow:var(--pb-shadow-soft)}.pb-action-row p{margin:0;color:var(--vxd-zinc-900);font-weight:800}.pb-action-row span{color:var(--vxd-zinc-500);font-family:SF Mono,Menlo,Consolas,monospace;font-size:.8rem;font-weight:700;text-transform:uppercase}.pb-aside{min-width:0;padding:clamp(1rem,1.7vw,1.5rem);border-left:1px solid var(--vxd-zinc-200);background:linear-gradient(180deg,rgba(50,115,220,.045),transparent 36%),#fafafad1}.pb-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding-bottom:.7rem;border-bottom:1px solid var(--vxd-zinc-200)}.pb-panel-heading p{margin:0;color:var(--vxd-zinc-900);font-size:1.55rem;font-weight:900;line-height:1}.pb-panel-heading span{padding:.28rem .5rem;color:var(--vxd-blue);background:#3273dc14;border:1px solid rgba(50,115,220,.12);border-radius:999px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.72rem;font-weight:800}.pb-field-label{margin-bottom:.36rem}.pb-switch-deck{display:grid;gap:.35rem;padding:.75rem;background:#fff;border:1px solid var(--vxd-zinc-200);border-radius:8px}.pb-switch-label{display:inline-flex;align-items:center;gap:.45rem;color:var(--vxd-zinc-900);font-weight:700}.pb-switch-label svg{color:var(--vxd-zinc-500)}.pb-history-head{margin:1.25rem 0 .8rem}.pb-history-head .MuiButton-root{width:100%;justify-content:space-between;background:#fff;border:1px solid var(--vxd-zinc-200)}.pb-history-row{display:grid;grid-template-columns:2.35rem minmax(0,1fr) auto auto;align-items:center;gap:.55rem;padding:.62rem;background:#fff;border:1px solid var(--vxd-zinc-200);border-radius:8px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.pb-history-row:hover{transform:translateY(-1px);border-color:var(--vxd-blue);box-shadow:0 10px 22px #3273dc1a}.pb-history-icon{width:2.35rem;height:2.35rem;display:grid;place-items:center;color:var(--vxd-blue);background:#3273dc14;border-radius:999px}.pb-history-icon svg{width:1.08rem;height:1.08rem}.pb-history-copy{min-width:0}.pb-history-name{overflow:hidden;color:var(--vxd-zinc-900);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.pb-history-date{color:var(--vxd-zinc-500);font-size:.75rem;font-weight:600}.pb-history-empty{min-height:9rem;display:grid;place-items:center;align-content:center;gap:.5rem;color:var(--vxd-zinc-500);background:#fff;border:1px dashed var(--vxd-zinc-300);border-radius:8px}.pb-history-empty svg{width:2.4rem;height:2.4rem;color:var(--vxd-blue)}.pb-result{display:flex;min-height:100%;flex-direction:column;gap:1.2rem;padding:clamp(1rem,2.2vw,2rem);color:var(--vxd-zinc-900);background:linear-gradient(180deg,rgba(50,115,220,.08),transparent 42%),#fff;border:1px solid var(--vxd-zinc-200);border-radius:8px;box-shadow:var(--pb-shadow-soft)}.pb-result-status{display:flex;align-items:center;gap:.7rem}.pb-status-light{width:.78rem;height:.78rem;border-radius:50%;background:var(--pb-green);box-shadow:0 0 18px #0f8a4a57}.pb-result-status p{margin:0;color:var(--vxd-zinc-900);font-size:clamp(2.35rem,5.5vw,4.8rem);font-weight:900;letter-spacing:0;line-height:.9}.pb-result-status span{margin-left:auto;padding:.3rem .5rem;color:var(--vxd-blue);background:#3273dc14;border:1px solid rgba(50,115,220,.14);border-radius:999px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.72rem;font-weight:800}.pb-result-link>p,.pb-result-grid p{margin:0 0 .4rem;color:var(--vxd-blue);font-family:SF Mono,Menlo,Consolas,monospace;font-size:.75rem;font-weight:700;text-transform:uppercase}.pb-result-link>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.55rem}.pb-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.pb-result-grid>div{min-width:0;padding:.9rem;background:#fafafac7;border:1px solid var(--vxd-zinc-200);border-radius:8px}.pb-result-grid .MuiButton-root{width:100%;margin-top:.6rem}.pb-result-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--vxd-zinc-200)}.pb-result-footer p{margin:0;color:var(--vxd-zinc-500);font-weight:700}.pb-view-shell{padding:clamp(1rem,3vw,2.8rem)}.pb-view-frame{max-width:980px;margin:0 auto;overflow:hidden;background:var(--pb-card);border:1px solid var(--vxd-zinc-200);border-radius:8px;box-shadow:var(--pb-shadow);animation:fade-in .7s cubic-bezier(.22,1,.36,1) both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pb-view-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1.1rem;background:linear-gradient(90deg,rgba(50,115,220,.08),transparent 55%),#fafafae6;border-bottom:1px solid var(--vxd-zinc-200)}.pb-view-bar p{margin:0}.pb-view-bar h1{margin:.14rem 0 0;overflow-wrap:anywhere;color:var(--vxd-zinc-900);font-size:clamp(1.65rem,4vw,3rem);font-weight:900;letter-spacing:0;line-height:.98}.pb-view-actions{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.pb-view-body{padding:clamp(1rem,3vw,2.5rem)}.pb-plain{margin:0;min-height:18rem;color:var(--vxd-zinc-900);font-family:SF Mono,Menlo,Consolas,monospace;font-size:.95rem;line-height:1.75;white-space:pre-wrap;word-break:break-word}.pb-error{color:var(--pb-red);font-weight:800}.pb-markdown{color:var(--vxd-zinc-900);font-size:1.05rem;line-height:1.8}.pb-markdown h1,.pb-markdown h2,.pb-markdown h3{color:var(--vxd-zinc-900);font-weight:900;letter-spacing:0;line-height:1.04}.pb-markdown h1{margin:0 0 1.4rem;padding-bottom:1rem;border-bottom:1px solid var(--vxd-zinc-200);font-size:clamp(2.2rem,6vw,4.6rem)}.pb-markdown h2{margin:2.4rem 0 1rem;font-size:clamp(1.7rem,4vw,2.7rem)}.pb-markdown h3{margin:2rem 0 .8rem;font-size:1.55rem}.pb-markdown p{margin:0 0 1.1rem}.pb-markdown a{color:var(--vxd-blue);font-weight:800;text-decoration-color:#3273dc47;text-decoration-thickness:.14rem;text-underline-offset:.18rem}.pb-markdown code{padding:.14rem .35rem;background:var(--vxd-zinc-100);border:1px solid var(--vxd-zinc-200);border-radius:4px;font-family:SF Mono,Menlo,Consolas,monospace}.pb-markdown pre{overflow-x:auto;padding:1rem;color:var(--vxd-zinc-900);background:#fff;border:1px solid var(--vxd-zinc-200);border-radius:8px}.pb-markdown pre code{padding:0;color:inherit;background:transparent;border:0}.pb-markdown blockquote{margin:1.4rem 0;padding:.8rem 1rem;color:var(--vxd-zinc-600);background:#3273dc0e;border-left:.22rem solid var(--vxd-blue)}.pb-markdown table{width:100%;margin:1rem 0;border-collapse:collapse}.pb-markdown th,.pb-markdown td{padding:.65rem;border:1px solid var(--vxd-zinc-200)}.pb-markdown th{background:var(--vxd-zinc-100)}.pb-markdown img{max-width:100%;height:auto;border:1px solid var(--vxd-zinc-200);border-radius:8px;box-shadow:var(--pb-shadow-soft)}.pb-file-view{display:grid;place-items:center;min-height:18rem;padding:2rem;text-align:center;background:#fff;border:1px dashed var(--vxd-zinc-300);border-radius:8px}.pb-file-view svg{width:3.5rem;height:3.5rem;color:var(--vxd-blue)}.pb-file-view p{max-width:100%;margin:.7rem 0 .2rem;overflow-wrap:anywhere;color:var(--vxd-zinc-900);font-weight:800}.pb-file-view span{color:var(--vxd-zinc-500);font-size:.9rem}@media(max-width:1024px){.pb-workbench{grid-template-columns:1fr}.pb-aside{border-top:1px solid var(--vxd-zinc-200);border-left:0}}@media(max-width:720px){html{font-size:14px}.pb-shell,.pb-view-shell{padding:.75rem}.pb-topline{margin-bottom:.85rem}.pb-brandmark{width:2.65rem;height:2.65rem}.pb-stage{grid-template-columns:1fr}.pb-mode-rail{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;border-right:0;border-bottom:1px solid var(--vxd-zinc-200)}.pb-mode{min-height:6.6rem;border-right:1px solid var(--vxd-zinc-200);border-bottom:0}.pb-mode:last-child{border-right:0}.pb-mode.active{box-shadow:inset 0 4px 0 var(--vxd-blue)}.pb-editor-head{flex-direction:column}.pb-input-zone{min-height:320px}.pb-action-row,.pb-result-footer,.pb-view-bar{align-items:stretch;flex-direction:column}.pb-result-grid,.pb-result-link>div,.pb-url-entry{grid-template-columns:1fr}.pb-view-actions{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{body{background:#fff}.pb-view-actions{display:none}}