.case-studio-page[data-v-a709cec3]{background-color:#000;min-height:100vh;overflow-x:hidden;padding:6rem 1.5rem 3rem;position:relative}@media(max-width:768px){.case-studio-page[data-v-a709cec3]{padding:5rem 1rem 2rem}}.background-effects[data-v-a709cec3]{background-color:#000;inset:0;pointer-events:none;position:fixed;z-index:0}.glow-orb[data-v-a709cec3]{animation:pulse-slow-a709cec3 8s cubic-bezier(.4,0,.6,1) infinite;border-radius:50%;filter:blur(150px);mix-blend-mode:screen;position:absolute}.glow-orb--blue[data-v-a709cec3]{background:#0a84ff26;height:600px;left:20%;top:-20%;width:600px}.glow-orb--purple[data-v-a709cec3]{animation-delay:-3s;background:#8a2be21f;bottom:-20%;height:500px;right:20%;width:500px}.glow-orb--cyan[data-v-a709cec3]{animation-delay:-5s;background:#32ade61a;height:400px;right:10%;top:40%;width:400px}.grid-overlay[data-v-a709cec3]{background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:40px 40px;inset:0;-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000,transparent);mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000,transparent);position:absolute}@keyframes pulse-slow-a709cec3{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.6;transform:translateY(-10px)}}.case-container[data-v-a709cec3]{gap:1.5rem;margin:0 auto;max-width:1400px;z-index:1}.case-container[data-v-a709cec3],.case-header[data-v-a709cec3]{display:flex;flex-direction:column;position:relative}.case-header[data-v-a709cec3]{align-items:center;justify-content:center;margin-bottom:1.5rem;z-index:20}.title-glow-effect[data-v-a709cec3]{background:#0a84ff33;border-radius:9999px;filter:blur(50px);height:60px;left:50%;opacity:.3;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}.title-capsule[data-v-a709cec3]{align-items:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff05;border:1px solid hsla(0,0%,100%,.1);border-radius:9999px;box-shadow:0 8px 32px #0003;display:flex;gap:1rem;overflow:hidden;padding:.75rem 2rem;position:relative;transition:all .5s ease}.title-capsule[data-v-a709cec3]:hover{background:#ffffff0d;transform:translateY(-2px)}.title-capsule:hover .title-shine[data-v-a709cec3]{animation:title-shine-pass-a709cec3 1s ease-in-out}.title-shine[data-v-a709cec3]{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.05),transparent);inset:0;position:absolute;transform:translate(-150%) skew(-20deg)}@keyframes title-shine-pass-a709cec3{0%{transform:translate(-150%) skew(-20deg)}to{transform:translate(150%) skew(-20deg)}}.title-icon-wrapper[data-v-a709cec3]{align-items:center;color:#fffc;display:flex}.title-icon-wrapper .material-symbols-outlined[data-v-a709cec3]{font-size:1.5rem}.title-divider[data-v-a709cec3]{background:#ffffff26;height:1.25rem;width:1px}.case-title[data-v-a709cec3]{color:#fff;font-size:1.25rem;font-weight:300;letter-spacing:.15em;margin:0}.case-subtitle[data-v-a709cec3]{color:#fff6;font-size:.875rem;margin-top:.75rem}.case-actions[data-v-a709cec3]{display:flex;justify-content:center}.action-capsule[data-v-a709cec3]{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#0006;border:1px solid hsla(0,0%,100%,.1);border-radius:9999px;display:inline-flex;padding:.375rem}.action-btn[data-v-a709cec3],.action-capsule[data-v-a709cec3]{align-items:center;gap:.5rem}.action-btn[data-v-a709cec3]{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.05);border-radius:9999px;color:#fff9;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:2.25rem;padding:0 1.25rem;transition:all .3s ease}.action-btn[data-v-a709cec3]:hover:not(:disabled){background:#ffffff1f;color:#fff}.action-btn--primary[data-v-a709cec3]{background:linear-gradient(135deg,#0a84ff,#0071e3);color:#fff}.action-btn--primary[data-v-a709cec3]:hover:not(:disabled){background:linear-gradient(135deg,#2094ff,#007fff)}.action-btn[data-v-a709cec3]:disabled{cursor:not-allowed;opacity:.3}@media(max-width:640px){.action-btn[data-v-a709cec3]{padding:0 .75rem}.action-btn span[data-v-a709cec3]:not(.material-symbols-outlined){display:none}}.action-divider[data-v-a709cec3]{background:#ffffff1a;height:1rem;width:1px}.case-split-layout[data-v-a709cec3]{display:flex;gap:1.5rem;height:600px}@media(max-width:1024px){.case-split-layout[data-v-a709cec3]{flex-direction:column;height:auto;min-height:500px}}.editor-panel[data-v-a709cec3]{display:flex;flex:1;flex-direction:column;min-width:0}.result-panel[data-v-a709cec3]{display:flex;flex:1.2;flex-direction:column;min-width:0}.editor-window[data-v-a709cec3],.result-window[data-v-a709cec3]{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#14141466;border:1px solid hsla(0,0%,100%,.08);border-radius:1.25rem;box-shadow:0 20px 40px #0006;display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.result-window--active[data-v-a709cec3]{border-color:#0a84ff33}.window-header[data-v-a709cec3]{align-items:center;background:#ffffff08;border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;height:2.75rem;padding:0 1rem}.window-controls[data-v-a709cec3]{display:flex;gap:.4rem}.window-dot[data-v-a709cec3]{border-radius:50%;height:.65rem;width:.65rem}.window-dot--red[data-v-a709cec3]{background:#ff5f57}.window-dot--yellow[data-v-a709cec3]{background:#febc2e}.window-dot--green[data-v-a709cec3]{background:#28c840}.window-divider[data-v-a709cec3]{background:#ffffff1a;height:.875rem;margin:0 .75rem 0 .5rem;width:1px}.window-title[data-v-a709cec3]{color:#fff6;flex:1;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.window-badge[data-v-a709cec3]{background:#0a84ff1a;border-radius:4px;color:#0a84ff;font-family:monospace;font-size:.625rem;padding:.125rem .5rem}.window-body[data-v-a709cec3]{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.textarea-container[data-v-a709cec3]{flex:1;padding:1rem}.editor-textarea[data-v-a709cec3]{background:transparent;border:none;color:#fff;font-family:JetBrains Mono,monospace;font-size:.9375rem;height:100%;line-height:1.6;outline:none;resize:none;width:100%}.editor-textarea[data-v-a709cec3]::-moz-placeholder{color:#fff3}.editor-textarea[data-v-a709cec3]::placeholder{color:#fff3}.result-body[data-v-a709cec3]{overflow-y:auto;padding:1rem}.result-body[data-v-a709cec3]::-webkit-scrollbar{width:4px}.result-body[data-v-a709cec3]::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.result-placeholder[data-v-a709cec3]{align-items:center;color:#fff3;display:flex;flex:1;flex-direction:column;gap:1rem;justify-content:center}.result-placeholder .placeholder-icon[data-v-a709cec3]{font-size:3rem}.results-list[data-v-a709cec3]{display:flex;flex-direction:column;gap:.75rem}.result-item-card[data-v-a709cec3]{background:#ffffff08;border:1px solid hsla(0,0%,100%,.05);border-radius:.75rem;cursor:pointer;padding:.75rem 1rem;transition:all .3s ease}.result-item-card[data-v-a709cec3]:hover{background:#ffffff0f;border-color:#0a84ff4d;transform:translate(4px)}.result-item-card:hover .item-copy-btn[data-v-a709cec3]{opacity:1;transform:scale(1)}.item-header[data-v-a709cec3]{justify-content:space-between;margin-bottom:.5rem}.item-header[data-v-a709cec3],.item-info[data-v-a709cec3]{align-items:center;display:flex}.item-info[data-v-a709cec3]{gap:.75rem}.item-icon[data-v-a709cec3]{font-size:1.125rem}.item-icon.text-blue[data-v-a709cec3]{color:#0a84ff}.item-icon.text-cyan[data-v-a709cec3]{color:#5ac8fa}.item-icon.text-purple[data-v-a709cec3]{color:#bf5af2}.item-icon.text-green[data-v-a709cec3]{color:#30d158}.item-icon.text-yellow[data-v-a709cec3]{color:#ffd60a}.item-icon.text-orange[data-v-a709cec3]{color:#ff9f0a}.item-icon.text-pink[data-v-a709cec3]{color:#ff2d55}.item-label-group[data-v-a709cec3]{display:flex;flex-direction:column}.item-label[data-v-a709cec3]{color:#ffffffe6;font-size:.8125rem;font-weight:600}.item-sublabel[data-v-a709cec3]{color:#ffffff4d;font-family:monospace;font-size:.625rem}.item-copy-btn[data-v-a709cec3]{background:transparent;border:none;color:#0a84ffcc;cursor:pointer;opacity:0;transform:scale(.8);transition:all .3s ease}.item-copy-btn .material-symbols-outlined[data-v-a709cec3]{font-size:1.125rem}.item-value-box[data-v-a709cec3]{background:#0003;border-radius:.5rem;padding:.5rem .75rem}.item-value[data-v-a709cec3]{color:#fffc;font-family:JetBrains Mono,monospace;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-guide[data-v-a709cec3]{margin-top:1.5rem}.usage-details[data-v-a709cec3]{background:#14141466;border:1px solid hsla(0,0%,100%,.08);border-radius:1rem;overflow:hidden}.usage-summary[data-v-a709cec3]{align-items:center;cursor:pointer;display:flex;justify-content:space-between;list-style:none;padding:1rem}.usage-summary[data-v-a709cec3]:hover{background:#ffffff05}.usage-summary-left[data-v-a709cec3]{align-items:center;color:#fff;display:flex;font-size:.875rem;gap:.5rem}.usage-icon[data-v-a709cec3]{color:#0a84ff}.usage-summary-right[data-v-a709cec3]{align-items:center;color:#ffffff4d;display:flex;font-size:.75rem;gap:.5rem}.usage-chevron[data-v-a709cec3]{transition:transform .3s ease}.usage-details[open] .usage-chevron[data-v-a709cec3]{transform:rotate(180deg)}.usage-content[data-v-a709cec3]{border-top:1px solid hsla(0,0%,100%,.05);padding:1rem 1.5rem 1.5rem}.guide-grid[data-v-a709cec3]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.guide-item[data-v-a709cec3]{display:flex;flex-direction:column;gap:.25rem}.guide-item .guide-tag[data-v-a709cec3]{font-family:monospace;font-size:.75rem;font-weight:700}.guide-item .guide-text[data-v-a709cec3]{color:#fff6;font-size:.75rem;line-height:1.5}