.info-bar[data-v-691ab462]{display:flex;align-items:center;gap:1rem}.users-counter[data-v-691ab462]{display:flex;align-items:center;gap:.5rem;background:rgba(102,126,234,.1);padding:.75rem 1.25rem;border-radius:50px;border:1px solid rgba(102,126,234,.2);transition:all .3s ease;min-width:120px;white-space:nowrap}.users-counter[data-v-691ab462]:hover{background:rgba(102,126,234,.15)}.counter-highlight[data-v-691ab462]{background:rgba(102,126,234,.2)!important;box-shadow:0 4px 12px rgba(102,126,234,.3)}.status-indicator[data-v-691ab462]{width:8px;height:8px;background:#10b981;border-radius:50%;position:relative}.status-indicator[data-v-691ab462]:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:inherit;border-radius:50%;transform:translate(-50%,-50%)}.number-change-enter-active[data-v-691ab462],.number-change-leave-active[data-v-691ab462]{transition:none}.number-change-enter-from[data-v-691ab462],.number-change-leave-to[data-v-691ab462]{opacity:1;transform:none}.counter-text[data-v-691ab462]{font-weight:600;color:#667eea;font-size:1.1rem;display:flex;align-items:center;gap:.25rem;position:relative}.counter-text span[data-v-691ab462]{display:inline-block;min-width:1.5em;text-align:center}.counter-label[data-v-691ab462]{color:#6c757d;font-size:.9rem}@media (max-width:480px){.users-counter[data-v-691ab462]{padding:.5rem 1rem}.counter-text[data-v-691ab462]{font-size:1rem}.counter-label[data-v-691ab462]{font-size:.8rem}}.pixel-canvas[data-v-24742e60]{width:100%;height:100%;position:relative;overflow:auto;padding:0}.canvas-grid[data-v-24742e60]{display:inline-block;border:2px solid rgba(102,126,234,.2);border-radius:8px;overflow:visible;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.1);animation:none!important;transition:none!important}.pixel-row[data-v-24742e60]{display:flex;line-height:0}.pixel-cell[data-v-24742e60]{width:20px;height:20px;border:1px solid rgba(0,0,0,.05);cursor:pointer;position:relative;background:#f8fafc}.pixel-cell[data-v-24742e60]:hover{z-index:10;border-color:#667eea;box-shadow:0 2px 8px rgba(102,126,234,.3)}.pixel-cell--active[data-v-24742e60]{border-color:rgba(0,0,0,.1)}.pixel-cell--active[data-v-24742e60]:hover{filter:brightness(1.1)}.pixel-overlay[data-v-24742e60]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.3),transparent 50%,rgba(0,0,0,.1));pointer-events:none;opacity:0}.pixel-cell:hover .pixel-overlay[data-v-24742e60]{opacity:1}.hover-tooltip[data-v-24742e60]{position:absolute;bottom:1rem;right:1rem;background:rgba(0,0,0,.9);color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.85rem;font-family:Courier New,monospace;font-weight:500;pointer-events:none;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);min-width:180px}.tooltip-title[data-v-24742e60]{font-size:.75rem;opacity:.8;margin-bottom:.25rem;color:#a0a0a0}.tooltip-coords[data-v-24742e60]{font-size:.9rem;font-weight:600;letter-spacing:.5px}@media (max-width:768px){.pixel-cell[data-v-24742e60]{width:18px;height:18px}.pixel-canvas[data-v-24742e60]{padding:0}}@media (max-width:480px){.pixel-cell[data-v-24742e60]{width:16px;height:16px}.pixel-cell[data-v-24742e60]:hover{transform:none}}.pixel-canvas[data-v-24742e60]::-webkit-scrollbar{width:8px;height:8px}.pixel-canvas[data-v-24742e60]::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:4px}.pixel-canvas[data-v-24742e60]::-webkit-scrollbar-thumb{background:rgba(102,126,234,.3);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.pixel-canvas[data-v-24742e60]::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.5)}.canvas-workspace[data-v-73cc36fc]{width:100%;height:70vh;display:flex;flex-direction:column;gap:1rem}.controls-panel[data-v-73cc36fc]{display:flex;height:100%;gap:1rem}.vertical-control[data-v-73cc36fc]{display:flex;flex-direction:column;align-items:center;min-width:60px}.main-workspace[data-v-73cc36fc]{flex:1;display:flex;flex-direction:column;gap:1rem}.workspace-header[data-v-73cc36fc]{display:flex;justify-content:space-between;align-items:center;padding:0;background:transparent;border-radius:0;border:0}.coordinates[data-v-73cc36fc]{font-size:1.25rem;font-weight:600;color:#2c3e50;font-family:Courier New,monospace}.coordinates-label[data-v-73cc36fc]{font-size:.8rem;color:#6c757d;margin-top:.25rem}.horizontal-control[data-v-73cc36fc]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.control-label[data-v-73cc36fc]{font-size:.9rem;font-weight:500;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.slider-wrapper[data-v-73cc36fc]{position:relative}.slider[data-v-73cc36fc]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#e2e8f0,#667eea 50%,#e2e8f0);border-radius:50px;outline:none}.slider[data-v-73cc36fc]:hover{background:linear-gradient(90deg,#cbd5e0,#667eea 50%,#cbd5e0)}.horizontal-slider[data-v-73cc36fc]{width:300px;height:6px}.vertical-slider[data-v-73cc36fc]{width:6px;height:300px;writing-mode:vertical-lr;direction:rtl;background:linear-gradient(0deg,#e2e8f0,#667eea 50%,#e2e8f0)}.vertical-slider[data-v-73cc36fc]:hover{background:linear-gradient(0deg,#cbd5e0,#667eea 50%,#cbd5e0)}.slider[data-v-73cc36fc]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:grab;box-shadow:0 4px 12px rgba(102,126,234,.3)}.slider[data-v-73cc36fc]::-webkit-slider-thumb:hover{box-shadow:0 6px 16px rgba(102,126,234,.4)}.slider[data-v-73cc36fc]::-webkit-slider-thumb:active{cursor:grabbing}.slider[data-v-73cc36fc]::-moz-range-thumb{width:16px;height:16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:grab;border:none;box-shadow:0 4px 12px rgba(102,126,234,.3)}.slider[data-v-73cc36fc]::-moz-range-thumb:hover{box-shadow:0 6px 16px rgba(102,126,234,.4)}.canvas-area[data-v-73cc36fc]{flex:1;background:#fff;border-radius:12px;border:2px solid rgba(102,126,234,.1);overflow:visible;box-shadow:inset 0 2px 8px rgba(0,0,0,.05);min-height:400px;padding:clamp(2mm,1vw,1rem);max-width:100%}.position-chip[data-v-73cc36fc]{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;padding:.5rem .75rem;background:rgba(102,126,234,.05);border:1px solid rgba(102,126,234,.1);border-radius:10px}@media (max-width:768px){.canvas-workspace[data-v-73cc36fc]{height:60vh}.controls-panel[data-v-73cc36fc]{flex-direction:column;gap:.5rem}.workspace-header[data-v-73cc36fc]{flex-direction:column;gap:1rem;text-align:center}.horizontal-slider[data-v-73cc36fc]{width:200px}.vertical-slider[data-v-73cc36fc]{height:200px;width:200px;writing-mode:initial;direction:ltr;background:linear-gradient(90deg,#e2e8f0,#667eea 50%,#e2e8f0)}.vertical-control[data-v-73cc36fc]{flex-direction:row;justify-content:center;min-width:auto}}@media (max-width:480px){.horizontal-slider[data-v-73cc36fc],.vertical-slider[data-v-73cc36fc]{width:150px;height:6px;writing-mode:initial;direction:ltr;background:linear-gradient(90deg,#e2e8f0,#667eea 50%,#e2e8f0)}.slider[data-v-73cc36fc]::-webkit-slider-thumb{width:20px;height:20px}.slider[data-v-73cc36fc]::-moz-range-thumb{width:20px;height:20px}}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#2c3e50}:root{--sidebar-width:clamp(64px,8vw,112px);--right-rail-width:clamp(56px,6vw,96px);--rail-gap:clamp(1mm,0.5vw,12px)}#app{min-height:100vh;display:flex;flex-direction:column;padding-left:var(--sidebar-width,112px);padding-right:calc(var(--right-rail-width, 96px) + var(--rail-gap))}.app-header{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.app-header.left-rail{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);border-right:1px solid hsla(0,0%,100%,.2);box-shadow:2px 0 20px rgba(0,0,0,.1);padding:.75rem 0}.header-content{height:100%;padding:.5rem 0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem}.vertical-brand{writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;justify-content:center;gap:.75rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.brand-title{font-size:1.4rem;font-weight:700;line-height:1}.brand-subtitle{font-size:.9rem;color:#6c757d;font-weight:500}.title-gradient{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-content{flex:1;padding:clamp(1mm,.8vw,1.5rem);max-width:100%;margin:0 auto;width:100%}.card-content h2{font-size:1.8rem;color:#2d3748;margin-bottom:1rem;font-weight:600}.features-list{margin:1.5rem 0}.features-list ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.features-list li{color:#4a5568;font-size:.95rem;padding:.5rem 0}.canvas-title{font-size:1.5rem;color:#2d3748;margin:0 0 1rem 0;font-weight:600}.canvas-description{margin-bottom:1.5rem}.canvas-description p{color:#4a5568;font-size:.95rem;line-height:1.6;margin:0}.rail-button{width:100%;padding:.5rem .75rem;border:1px solid rgba(16,185,129,.6);border-radius:10px;background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(5,150,105,.2));color:#0f5132;font-weight:600;cursor:pointer;box-shadow:0 2px 8px rgba(16,185,129,.2)}.rail-button:hover{background:linear-gradient(135deg,rgba(16,185,129,.28),rgba(5,150,105,.28))}.rail-button:focus-visible{outline:2px solid rgba(16,185,129,.5);outline-offset:2px}.right-rail{position:fixed;top:0;right:0;bottom:0;width:var(--right-rail-width);background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid hsla(0,0%,100%,.2);box-shadow:-2px 0 20px rgba(0,0,0,.1);z-index:100}.right-rail-content{height:100%;padding:.75rem .25rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.75rem}.right-rail .info-bar{width:100%;display:flex;justify-content:center}.right-rail .users-counter{min-width:0;width:100%;padding:.75rem .5rem;border-radius:12px;flex-direction:column;gap:.25rem;align-items:center}.right-rail .counter-text{font-size:1rem}.right-rail .counter-label{font-size:.8rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-card{max-width:720px;width:100%;background:hsla(0,0%,100%,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;box-shadow:0 12px 40px rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.25)}.modal-close{position:absolute;top:1rem;right:1rem;border:none;background:transparent;font-size:1.5rem;line-height:1;cursor:pointer;color:#6c757d}.card-content h3{font-size:1.5rem;margin-bottom:1rem;color:#2c3e50;font-weight:600}.card-content p{font-size:1.1rem;line-height:1.6;color:#5a6c7d;margin-bottom:1.5rem}.contact-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.contact-label{font-weight:500;color:#6c757d}.contact-link{color:#667eea;text-decoration:none;font-weight:500;padding:.5rem 1rem;background:rgba(102,126,234,.1);border-radius:8px}.contact-link:hover{background:rgba(102,126,234,.2)}.canvas-container{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:clamp(2mm,1vw,2rem);box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2);overflow:hidden}@media (max-width:768px){#app{padding-left:0;padding-right:0}.app-header.left-rail{position:sticky;top:0;left:0;right:0;bottom:auto;width:100%;border-right:none;border-bottom:1px solid hsla(0,0%,100%,.2);box-shadow:0 2px 20px rgba(0,0,0,.1);padding:.75rem 0}.header-content{flex-direction:row;align-items:center;justify-content:space-between;padding:0 1rem;height:auto}.vertical-brand{writing-mode:initial;transform:none;gap:.25rem}.brand-title{font-size:1.25rem}.main-content{padding:clamp(2mm,2.5vw,1rem)}.canvas-container,.description-card{padding:clamp(2mm,2.5vw,1.5rem)}.right-rail{display:none}}@media (max-width:480px){.title-gradient{font-size:1.75rem}.canvas-container,.description-card{padding:clamp(2mm,3vw,1rem)}}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--accent-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--success-gradient:linear-gradient(135deg,#43e97b,#38f9d7);--primary-color:#667eea;--secondary-color:#764ba2;--accent-color:#f093fb;--success-color:#43e97b;--warning-color:#ffa726;--error-color:#f5576c;--text-primary:#2c3e50;--text-secondary:#5a6c7d;--text-muted:#6c757d;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-accent:rgba(102,126,234,.05);--border-light:rgba(102,126,234,.1);--border-medium:rgba(102,126,234,.2);--border-dark:rgba(102,126,234,.3);--shadow-sm:0 2px 8px rgba(0,0,0,.05);--shadow-md:0 4px 20px rgba(0,0,0,.1);--shadow-lg:0 8px 32px rgba(0,0,0,.15);--shadow-xl:0 12px 40px rgba(0,0,0,.2);--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:50px;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--primary-gradient);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-none{display:none}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-stretch{align-items:stretch}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.m-0{margin:0}.m-1{margin:.5rem}.m-2{margin:1rem}.m-3{margin:1.5rem}.m-4{margin:2rem}.p-0{padding:0}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}.glass{background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2)}.glass,.glass-dark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-dark{background:rgba(0,0,0,.8);border:1px solid hsla(0,0%,100%,.1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-sm);-webkit-transition:background var(--transition-normal);transition:background var(--transition-normal)}::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}::selection{background:var(--primary-color);color:#fff}::-moz-selection{background:var(--primary-color);color:#fff}@media (max-width:768px){:root{font-size:14px}}@media (max-width:480px){:root{font-size:13px}}@media (prefers-color-scheme:dark){:root{--text-primary:#e2e8f0;--text-secondary:#cbd5e0;--text-muted:#a0aec0;--bg-primary:#1a202c;--bg-secondary:#2d3748;--bg-accent:rgba(102,126,234,.1)}}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-color);outline-offset:2px}.gpu-accelerated{transform:translateZ(0);will-change:transform}