.curtain-visualizer-wrapper{max-width:800px;margin:0 auto;padding:15px;font-family:Arial,sans-serif}.color-selection{margin-bottom:20px;text-align:center}.color-selection h3{margin-bottom:12px;color:#333;font-size:16px;font-weight:600}.room-colors{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.color-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;min-width:60px}.color-option.active{background-color:#f0f8ff;box-shadow:0 0 0 2px #007cba}.color-circle{width:45px;height:45px;border-radius:50%;margin-bottom:6px;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s ease}.color-option.active .color-circle{transform:scale(1.1)}.color-option span{font-size:11px;text-align:center}.visualization-area{position:relative;text-align:center;margin:15px 0}.curtain-selection{margin:15px 0;text-align:center}.curtain-selection h3{margin-bottom:10px;color:#333;font-size:16px;font-weight:600}.curtain-colors{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;max-width:600px;margin:0 auto}.curtain-color-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:6px;border-radius:6px;transition:all .3s ease;min-width:50px}.curtain-color-option.active{background-color:#f0f8ff;box-shadow:0 0 0 2px #007cba}.curtain-color-circle{width:35px;height:35px;border-radius:50%;margin-bottom:4px;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s ease}.curtain-color-option.active .curtain-color-circle{transform:scale(1.1)}.curtain-color-option span{font-size:10px;text-align:center;line-height:1.1;max-width:50px}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.95);padding:15px 20px;border-radius:8px;font-weight:700;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.1);font-size:14px}.color-info{text-align:center;margin-top:15px;padding:10px;background:#f8f9fa;border-radius:6px;border-left:3px solid #007cba;font-size:14px}@media (max-width:768px){.curtain-visualizer-wrapper{padding:10px}.room-colors{gap:10px}.curtain-colors{gap:6px}.color-circle{width:40px;height:40px}.curtain-color-circle{width:30px;height:30px}.color-option,.curtain-color-option{min-width:50px;padding:5px}.color-option span,.curtain-color-option span{font-size:9px}}@media (max-width:480px){.room-colors{gap:8px}.curtain-colors{gap:4px}.color-circle{width:35px;height:35px}.curtain-color-circle{width:25px;height:25px}.color-option span,.curtain-color-option span{font-size:8px;max-width:40px}.color-selection h3,.curtain-selection h3{font-size:14px}}