.qr-container {
        margin-left: auto;
        margin-right: auto;
            background: #2c3e50;
            border: 4px solid #3f8fef;
        padding: 30px;
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        width: 100%;
        max-width: 500px;
        text-align: center;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    h1 { color: #1d1d1f; margin-bottom: 25px; font-size: 24px; }
    
    /* 버튼 그룹 스타일 */
    .button-group {
        display: flex;
        gap: 8px;
        margin-bottom: 20px;
    }
    .type-btn {
        flex: 1;
        padding: 10px 5px;
        border: 1px solid #ddd;
        background-color: white;
        color: #333;
        border-radius: 8px;
        font-size: 13px;
        cursor: pointer;
        transition: all 0.2s;
    }
    .type-btn.active {
        background-color: #1d1d1f;
        color: white;
        border-color: #1d1d1f;
    }

    select, input { width: 100%; padding: 12px; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 8px; font-size: 16px; box-sizing: border-box; }
    
    .generate-btn { width: 100%; padding: 14px; border: none; background-color: #007aff; color: white; border-radius: 8px; font-weight: 600; cursor: pointer; }
    .generate-btn:hover { background-color: #005ecb; }
    
    #qrcode { margin: 20px auto; width: 256px; height: 256px; background: white; padding: 10px; border-radius: 8px; }
    
    #downloadBtn { background-color: #34c759; display: none; margin-top: 10px; width: 100%; padding: 14px; border: none; color: white; border-radius: 8px; font-weight: 600; cursor: pointer; }
    #downloadBtn:hover { background-color: #2ca348; }
    
    .input-group { display: none; }