.page-module__9a5Tga__page{padding:2rem 0 4rem}.page-module__9a5Tga__header{margin-bottom:2rem}.page-module__9a5Tga__headerContent{align-items:center;gap:1rem;display:flex}.page-module__9a5Tga__headerIcon{font-size:3rem}.page-module__9a5Tga__header h1{margin-bottom:.25rem;font-size:2.5rem}.page-module__9a5Tga__headerSubtitle{color:var(--text-secondary);font-size:1.1rem}.page-module__9a5Tga__mainGrid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:1024px){.page-module__9a5Tga__mainGrid{grid-template-columns:minmax(0,1fr) 380px}}.page-module__9a5Tga__visualizationPanel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;min-height:500px;padding:1.5rem;display:flex}.page-module__9a5Tga__panelHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-module__9a5Tga__panelHeader h2{font-size:1.25rem}.page-module__9a5Tga__panelActions{gap:.5rem;display:flex}.page-module__9a5Tga__queueContainer{background:var(--bg-secondary);border-radius:var(--radius-md);flex:1;justify-content:center;align-items:center;min-height:300px;margin-bottom:2rem;padding:2rem;display:flex;position:relative;overflow:auto hidden}.page-module__9a5Tga__queueVisual{border-top:4px solid var(--border-medium);border-bottom:4px solid var(--border-medium);background:#ffffff05;align-items:center;gap:.5rem;min-width:300px;min-height:100px;padding:1rem 2rem;display:flex;position:relative}.page-module__9a5Tga__queueElement{background:var(--bg-tertiary);border:2px solid var(--border-medium);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:60px;min-width:60px;height:60px;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex;position:relative}.page-module__9a5Tga__queueElement.page-module__9a5Tga__new{border-color:var(--accent-cyan);background:#06b6d433;animation:.5s cubic-bezier(.175,.885,.32,1.275) page-module__9a5Tga__slide-left-in}.page-module__9a5Tga__queueElement.page-module__9a5Tga__dequeuing{border-color:var(--accent-red);background:#ef444433;animation:.5s forwards page-module__9a5Tga__slide-left-out}.page-module__9a5Tga__queueElement.page-module__9a5Tga__peek{border-color:var(--accent-purple);background:#8b5cf633;transform:scale(1.1);box-shadow:0 0 15px #8b5cf64d}.page-module__9a5Tga__elementIndex{color:var(--text-muted);font-family:Fira Code,monospace;font-size:.8rem;position:absolute;bottom:-25px}.page-module__9a5Tga__frontLabel,.page-module__9a5Tga__rearLabel{flex-direction:column;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600;display:flex;position:absolute;top:-30px}.page-module__9a5Tga__frontLabel{color:var(--accent-green);left:0}.page-module__9a5Tga__frontLabel:after{content:"↓";font-size:1rem}.page-module__9a5Tga__rearLabel{color:var(--accent-yellow);right:0}.page-module__9a5Tga__rearLabel:after{content:"↓";font-size:1rem}.page-module__9a5Tga__controlsSection{margin-top:auto}.page-module__9a5Tga__operationControls{background:var(--bg-secondary);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem;display:flex}.page-module__9a5Tga__infoPanel{flex-direction:column;gap:1.5rem;display:flex}.page-module__9a5Tga__infoCard{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem}.page-module__9a5Tga__infoCard h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.page-module__9a5Tga__infoCard p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.page-module__9a5Tga__complexity{border-radius:var(--radius-md);color:var(--accent-purple);text-align:center;background:#8b5cf61a;margin-top:1rem;padding:.75rem;font-family:Fira Code,monospace;font-size:.85rem}.page-module__9a5Tga__codeCard{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.page-module__9a5Tga__codeHeader{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);color:var(--text-muted);padding:.75rem 1rem;font-size:.85rem}@keyframes page-module__9a5Tga__slide-left-in{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes page-module__9a5Tga__slide-left-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-50px)}}@media (max-width:768px){.page-module__9a5Tga__header h1{font-size:1.75rem}.page-module__9a5Tga__headerContent{text-align:left;flex-direction:column;align-items:flex-start}.page-module__9a5Tga__headerIcon{font-size:2.5rem}.page-module__9a5Tga__operationControls{flex-direction:column;align-items:stretch}.page-module__9a5Tga__operationControls .page-module__9a5Tga__control-group{justify-content:space-between;width:100%}.page-module__9a5Tga__operationControls .page-module__9a5Tga__input{flex:1}}