.fullscreen-container{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:#000;flex-direction:column}.fullscreen-container.active{display:flex}.fullscreen-header{background:rgba(0,0,0,0.8);padding:1rem;color:#ffffff;display:flex;justify-content:space-between;align-items:center}.fullscreen-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;overflow:auto}.calibration-step{display:none;text-align:center;color:#ffffff;max-width:800px;width:100%}.calibration-step.active{display:block}.test-pattern{height:300px;width:100%;border-radius:8px;margin:2rem auto;position:relative;overflow:hidden}.step-indicator{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.step-dot{width:12px;height:12px;border-radius:50%;background:#555;transition:all 0.3s}.step-dot.active{background:var(--primary-color);transform:scale(1.2)}.step-dot.completed{background:var(--success-color)}.calibration-progress{height:6px;background:#333;border-radius:3px;overflow:hidden;margin:1rem 0}.progress-bar{height:100%;background:var(--primary-color);width:0%;transition:width 0.5s}.calibration-card{border:none;transition:transform 0.3s ease}.calibration-card:hover{transform:translateY(-5px)}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:1rem 0}.color-box{height:60px;border-radius:6px;cursor:pointer;transition:transform 0.2s}.color-box:hover{transform:scale(1.05)}@media (max-width:768px){.test-pattern{height:250px}.color-grid{grid-template-columns:repeat(3,1fr)}.fullscreen-content{padding:1rem}.fullscreen-header{padding:0.75rem}}